/* Page-specific rules only. Shared styles: tn-base.css + tn-components.css */

/* ============================================================ DETAILS BAND */
.tn-details{background:var(--navy-900);}
.tn-details__grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
.tn-dcard{display:flex; gap:16px; padding:24px 26px; background:var(--surface-1); border:1px solid var(--hairline); border-radius:18px;
  transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);}
.tn-dcard:hover{transform:translateY(-3px); background:var(--surface-2); border-color:var(--hairline-2);}
.tn-dcard__ic{width:46px; height:46px; flex-shrink:0; border-radius:13px; background:rgba(39,148,252,.12); border:1px solid var(--hairline);
  display:flex; align-items:center; justify-content:center;}
.tn-dcard__ic .tn-i{width:22px; height:22px; color:var(--blue-bright);}
.tn-dcard__k{font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); margin-bottom:7px;}
.tn-dcard__v{font-family:var(--font-display); font-weight:700; font-size:18px; letter-spacing:-.01em; color:#fff;}
.tn-dcard__v a:hover{color:var(--gold-bright);}
.tn-dcard__sub{font-size:14px; line-height:1.5; color:var(--t-mid); margin-top:4px;}
.tn-details__legal{font-size:13.5px; color:var(--t-low); margin-top:20px;}
.tn-details__legal strong{color:var(--t-mid); font-weight:600;}

/* ============================================================ MAP BAND */
.tn-map{background:var(--navy-900);}
.tn-map__frame{position:relative; height:440px; border-radius:24px; overflow:hidden; border:1px solid var(--hairline-2); box-shadow:var(--shadow-deep);}
.tn-map__frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}

/* ============================================================ NEXT (reassurance) */
.tn-next{background:var(--navy-950);}
.tn-next__card{position:relative; overflow:hidden; border-radius:24px; border:1px solid var(--hairline); background:var(--surface-1);
  padding:48px 44px; display:grid; grid-template-columns:.85fr 1.15fr; gap:44px; align-items:center;}
.tn-next h2{font-weight:800; font-size:clamp(1.9rem,3vw,2.6rem); line-height:1.1; letter-spacing:-.03em;}
.tn-next h2 .tn-hl{color:var(--gold);}
.tn-next__steps{display:flex; flex-direction:column; gap:14px;}
.tn-nstep{display:flex; gap:14px; align-items:flex-start;}
.tn-nstep .tn-i{width:22px; height:22px; color:var(--gold); flex-shrink:0; margin-top:1px;}
.tn-nstep p{font-size:16px; line-height:1.55; color:var(--t-mid);}
.tn-nstep p strong{color:#fff; font-weight:600;}

/* ============================================================ RESPONSIVE */
@media (max-width:900px){
  .tn-details__grid{grid-template-columns:1fr;}
  .tn-next__card{grid-template-columns:1fr; gap:28px;}
}
@media (max-width:560px){
  .tn-next__card{padding:34px 26px;}
  .tn-map__frame{height:340px;}
}
