/* ==========================================================================
   NP24 TradeDesk landing page
   Loaded only by pages/marketing/np24-tradedesk.blade.php via @push('styles'),
   alongside legal.css for the shared .legal-hero/.mkt-eyebrow hero block and
   marketing.css (loaded globally by layouts/marketing.blade.php) for
   .mkt-btn-*/.mkt-price-*.
   ========================================================================== */

.td-hero{ padding-bottom:8px; }

.td-hero-shot-wrap{ max-width:1000px; margin:0 auto; padding:0 28px 56px; }
.td-hero-shot{
  width:100%; display:block; border-radius:14px; border:1px solid var(--line);
  box-shadow:var(--shadow-md);
}

.td-disclaimer-wrap{ max-width:1100px; margin:0 auto; padding:0 28px 8px; }
.td-disclaimer{
  display:flex; gap:14px; align-items:flex-start;
  max-width:820px; margin:0 auto 60px; padding:18px 22px;
  background:var(--paper-sunk); border:1px solid var(--line); border-radius:var(--radius);
}
.td-disclaimer-icon{ width:19px; height:19px; flex:0 0 19px; margin-top:2px; color:var(--brass-deep); }
.td-disclaimer strong{ display:block; font-size:13.5px; color:var(--ink-900); margin-bottom:5px; }
.td-disclaimer p{ font-size:13px; line-height:1.6; color:var(--ink-700); margin:0; }

.td-section-inner{ max-width:1100px; margin:0 auto; padding:0 28px; }
.td-section-title{
  font-family:var(--font-display); font-size:clamp(24px,3.4vw,32px); font-weight:700;
  color:var(--ink-900); text-align:center; letter-spacing:-.005em; margin:8px 0 40px;
}

.td-features-section{ padding:64px 0; border-top:1px solid var(--line); }

.td-features-grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:20px;
}
.td-feature-card{
  background:var(--paper-raised); border:1px solid var(--line); border-radius:14px;
  padding:24px; position:relative; overflow:hidden;
}
.td-feature-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--brass), var(--clay));
}
.td-feature-icon{
  width:38px; height:38px; border-radius:10px; margin-bottom:14px;
  background:var(--brass-wash); color:var(--brass-deep);
  display:flex; align-items:center; justify-content:center;
}
.td-feature-icon svg{ width:20px; height:20px; }
.td-feature-card h3{ font-family:var(--font-display); font-size:16px; font-weight:600; color:var(--ink-900); margin-bottom:8px; }
.td-feature-card p{ font-size:13.5px; line-height:1.62; color:var(--ink-700); margin:0; }

.td-shot-section{ padding:64px 0; border-top:1px solid var(--line); background:var(--paper-sunk); }
.td-closeup-shot{
  display:block; max-width:100%; height:auto; margin:0 auto; border-radius:12px;
  border:1px solid var(--line); box-shadow:var(--shadow-md);
}

.td-pricing-section{ padding:72px 0 96px; border-top:1px solid var(--line); }

@media(max-width:640px){
  .td-features-grid{ grid-template-columns:1fr; }
}