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

/* thenet.ie — Online Presence Audit */

/* --- hero report-preview card --- */
.tn-report{position:relative;}
.tn-report__card{background:linear-gradient(180deg,var(--navy-850),var(--navy-870)); border-radius:24px;
  box-shadow:var(--shadow-deep); border:1px solid var(--hairline-2); padding:24px;}
.tn-report__top{display:flex; align-items:center; justify-content:space-between; gap:14px; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--hairline);}
.tn-report__title{display:flex; align-items:center; gap:11px;}
.tn-report__title .ic{width:38px; height:38px; border-radius:11px; background:var(--grad-gold); display:flex; align-items:center; justify-content:center;}
.tn-report__title .ic .tn-i{width:20px; height:20px; color:var(--navy-900);}
.tn-report__title b{display:block; font-family:var(--font-display); font-weight:700; font-size:15px; color:#fff;}
.tn-report__title span{font-family:var(--font-mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--t-low);}
.tn-report__score{text-align:right;}
.tn-report__score .v{font-family:var(--font-display); font-weight:800; font-size:30px; line-height:1; color:var(--gold); letter-spacing:-.02em;}
.tn-report__score .v small{font-size:15px; color:var(--t-low); font-weight:700;}
.tn-report__score .l{font-family:var(--font-mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--t-low); margin-top:5px;}
.tn-report__row{display:flex; align-items:center; gap:13px; padding:11px 12px; border-radius:12px; margin-bottom:6px; background:var(--surface-1); border:1px solid var(--hairline);}
.tn-report__row .ric{width:34px; height:34px; flex-shrink:0; border-radius:10px; background:rgba(39,148,252,.12); border:1px solid var(--hairline); display:flex; align-items:center; justify-content:center;}
.tn-report__row .ric .tn-i{width:17px; height:17px; color:var(--blue-bright);}
.tn-report__row .rtx{flex:1; min-width:0;}
.tn-report__row .rtx b{display:block; font-family:var(--font-display); font-weight:700; font-size:13.5px; color:#fff;}
.tn-report__bar{height:6px; border-radius:999px; background:var(--surface-3); margin-top:6px; overflow:hidden;}
.tn-report__bar i{display:block; height:100%; border-radius:999px;}
.tn-report__chip{font-family:var(--font-mono); font-weight:700; font-size:10px; letter-spacing:.05em; text-transform:uppercase; padding:4px 9px; border-radius:999px; white-space:nowrap;}
.tn-report__chip--ok{background:rgba(54,211,153,.15); color:var(--green-soft);}
.tn-report__chip--mid{background:rgba(255,201,33,.15); color:var(--gold-bright);}
.tn-report__chip--low{background:rgba(255,107,82,.16); color:#ffb3a4;}
.tn-report__foot{display:flex; align-items:center; gap:9px; margin-top:14px; padding-top:14px; border-top:1px solid var(--hairline); font-size:12.5px; color:var(--t-mid);}
.tn-report__foot .tn-i{width:15px; height:15px; color:var(--gold); flex-shrink:0;}
.tn-report__badge{position:absolute; top:-16px; left:-16px; z-index:2; box-shadow:var(--shadow-gold);}

/* --- form card additions --- */
.tn-formcard__h{margin-bottom:26px;}
.tn-formcard__h h2{font-weight:800; font-size:clamp(1.7rem,2.6vw,2.2rem); letter-spacing:-.025em; line-height:1.1;}
.tn-formcard__h p{font-size:16px; line-height:1.55; color:var(--t-mid); margin-top:12px;}
/* 50/50 form + sidebar */
.tn-form-sec__grid{grid-template-columns:1fr 1fr; gap:40px;}
.tn-form-sec .tn-formcard{padding-left:28px; padding-right:28px;}
.tn-field__hint{font-size:13px; line-height:1.45; color:var(--t-mid); margin-top:2px;}
.tn-form__error{grid-column:1 / -1; font-size:13.5px; line-height:1.5; color:#ffb3a4;}
.tn-form__error a{color:var(--gold-bright); font-weight:600;}

/* --- what we look at --- */
.tn-look{background:var(--navy-900);}
.tn-look__grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
.tn-pcard{position:relative; padding:30px 30px; background:var(--surface-1); border:1px solid var(--hairline); border-radius:20px;
  transition:transform .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease);}
.tn-pcard:hover{transform:translateY(-4px); background:var(--surface-2); border-color:var(--hairline-2); box-shadow:var(--shadow-deep);}
.tn-pcard__top{display:flex; align-items:center; gap:14px; margin-bottom:16px;}
.tn-pcard__icon{width:52px; height:52px; flex-shrink:0; border-radius:14px; display:flex; align-items:center; justify-content:center;}
.tn-pcard__icon .tn-i{width:25px; height:25px; color:#fff;}
.tn-pcard--blue .tn-pcard__icon{background:var(--grad-blue);}
.tn-pcard--coral .tn-pcard__icon{background:linear-gradient(135deg,#ff8a73,#ff6b52);}
.tn-pcard--gold .tn-pcard__icon{background:var(--grad-gold);} .tn-pcard--gold .tn-pcard__icon .tn-i{color:var(--navy-900);}
.tn-pcard--green .tn-pcard__icon{background:var(--grad-green);}
.tn-pcard__top h3{font-weight:700; font-size:21px; letter-spacing:-.02em;}
.tn-pcard__lead{font-size:15.5px; line-height:1.6; color:var(--t-mid); margin-bottom:18px;}
.tn-pcard__checks{display:flex; flex-direction:column; gap:10px;}
.tn-pcard__checks li{display:flex; gap:10px; align-items:flex-start; list-style:none; font-size:14.5px; line-height:1.45; color:var(--t-mid);}
.tn-pcard__checks li .tn-i{width:17px; height:17px; flex-shrink:0; margin-top:2px; color:var(--gold);}

/* --- process (3 steps) --- */
.tn-process{background:var(--navy-950);}
.tn-grid-proc--3{grid-template-columns:repeat(3,1fr);}

/* --- why it's worth doing (impact band — overrides default .tn-why__card) --- */
.tn-why{background:var(--navy-900);}
.tn-why__card{background:var(--grad-band); grid-template-columns:1fr 1fr; box-shadow:var(--shadow-deep);}
.tn-why__glow{background:radial-gradient(circle,rgba(255,201,33,.16),transparent 64%);}
.tn-why__body{position:relative;}
.tn-why h2{margin:16px 0 18px;}
.tn-why__lead{font-size:17px; line-height:1.62; color:var(--blue-soft); max-width:520px;}
.tn-why__lead strong{color:#fff; font-weight:600;}
.tn-why__stats{position:relative; display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.tn-stat{padding:26px 24px; border-radius:18px; background:var(--surface-2); border:1px solid var(--hairline-2);}
.tn-stat .v{font-family:var(--font-display); font-weight:800; font-size:clamp(2.2rem,3.4vw,2.9rem); line-height:1; color:#fff; letter-spacing:-.03em;}
.tn-stat .v .u{color:var(--gold);}
.tn-stat .l{font-size:14px; line-height:1.45; color:var(--blue-soft); margin-top:12px;}
.tn-stat--wide{grid-column:1 / -1; display:flex; align-items:center; gap:16px;}
.tn-stat--wide .tn-i{width:24px; height:24px; color:var(--gold); flex-shrink:0;}
.tn-stat--wide p{font-size:15px; line-height:1.5; color:#fff; font-weight:600;}

/* --- reassurance band --- */
.tn-assure{background:var(--navy-950); padding:0 0 24px;}
.tn-assure__inner{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px;
  border:1px solid var(--hairline); border-radius:18px; background:var(--surface-1); padding:22px 28px;}
.tn-assure__item{display:flex; align-items:center; gap:10px; padding:4px 6px;}
.tn-assure__item .tn-i{width:19px; height:19px; color:var(--gold); flex-shrink:0;}
.tn-assure__item span{font-family:var(--font-display); font-weight:600; font-size:15px; color:#fff;}
.tn-assure__sep{width:1px; height:22px; background:var(--hairline-2);}

/* --- faq band colour --- */
.tn-faq{background:var(--navy-900);}

/* --- cta spacing (follows reassurance band) --- */
.tn-cta{padding:0 0 100px; background:var(--navy-950);}

/* --- responsive --- */
@media (max-width:940px){ .tn-report{max-width:520px;} }
@media (max-width:900px){
  .tn-look__grid{grid-template-columns:1fr;}
  .tn-grid-proc--3{grid-template-columns:1fr;}
  .tn-why__card{grid-template-columns:1fr; gap:36px;}
}
@media (max-width:560px){
  .tn-why__card{padding:38px 26px;}
  .tn-assure__sep{display:none;}
}