/* TN Roof Service site styles */
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/archivo.woff2) format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/worksans.woff2) format('woff2')}
:root{
  --ink:#141c25;--ink2:#1d2936;--deep:#0b0f14;--lime:#a54019;--lime-d:#833110;--lime-l:#ef9673;--steel:#eff3f7;--steel2:#dde5ed;--line:#c6d3e0;
  --amber:#f2b134;--text:#1a222a;--muted:#4a545f;--r:16px;--nav-h:112px;--wrap:1240px;
  --shadow:0 18px 50px -18px rgba(13,18,23,.4);--head:'Archivo',Arial,Helvetica,sans-serif;--body:'Work Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 12px)}
body.tnr-body{margin:0;padding-top:var(--nav-h);font-family:var(--body);font-size:17px;line-height:1.65;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.tnr-body img{max-width:100%;height:auto;display:block}
.tnr-body a{color:var(--lime-d);text-underline-offset:3px}
.tnr-body h1,.tnr-body h2,.tnr-body h3,.tnr-body h4{font-family:var(--head);font-weight:800;line-height:1.08;letter-spacing:-.01em;margin:0 0 .5em;color:var(--ink)}
.tnr-body p{margin:0 0 1em}
.tnr-i{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
.tnr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tnr-skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff!important;padding:10px 16px;border-radius:8px;z-index:200}
.tnr-skip:focus{left:8px}
.tnr-wrap{width:min(var(--wrap),calc(100% - 40px));margin-inline:auto}
.tnr-center{text-align:center}
.tnr-fine{font-size:14px;color:var(--muted)}
.tnr-ink .tnr-fine,.tnr-footer .tnr-fine{color:#abbed2}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}

/* ---------- sections ---------- */
.tnr-sec{padding:clamp(56px,8vw,104px) 0;position:relative}
.tnr-steel{background:var(--steel)}
.tnr-white{background:#fff}
.tnr-ink{background:var(--ink);color:#f7e3db}
.tnr-ink h2,.tnr-ink h3{color:#fff}
.tnr-head{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}
.tnr-head-c{text-align:center;margin-inline:auto}
.tnr-head h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15}
.tnr-sub{font-size:19px;color:var(--muted)}
.tnr-ink .tnr-sub{color:#bac9da}
.tnr-eyebrow{font-family:var(--head);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--lime-d);margin:0 0 12px;display:flex;align-items:center;gap:10px}
.tnr-eyebrow::before{content:"";width:34px;height:4px;background:var(--lime);border-radius:2px}
.tnr-head-c .tnr-eyebrow{justify-content:center}
.tnr-ink .tnr-eyebrow,.tnr-book .tnr-eyebrow,.tnr-hero .tnr-eyebrow{color:var(--lime-l)}
.tnr-rv{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.tnr-rv.in{opacity:1;transform:none}

/* ---------- buttons ---------- */
.tnr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--head);font-weight:700;font-size:16px;line-height:1;text-decoration:none;border:2px solid transparent;border-radius:12px;padding:15px 24px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s;min-height:50px}
.tnr-btn:hover{transform:translateY(-2px)}
.tnr-btn-lime{background:var(--lime);color:var(--ink)!important;box-shadow:0 10px 26px -10px rgba(128,54,25,.9)}
.tnr-btn-lime:hover{background:#d86334}
.tnr-btn-ink{background:var(--ink);color:#fff!important}
.tnr-btn-ink:hover{background:#2a394a}
.tnr-btn-white{background:#fff;color:var(--ink)!important}
.tnr-btn-line{border-color:rgba(255,255,255,.7);color:#fff!important;background:rgba(255,255,255,.06)}
.tnr-btn-line:hover{background:rgba(255,255,255,.18)}
.tnr-btn-line-d{border-color:var(--ink);color:var(--ink)!important;background:transparent}
.tnr-btn-line-d:hover{background:rgba(19,27,35,.08)}
.tnr-btn-lg{font-size:18px;padding:18px 30px;min-height:58px}
.tnr-btn-sm{padding:12px 18px;font-size:15px;min-height:44px}
.tnr-block{display:flex;width:100%}
.tnr-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.tnr-more{font-style:normal;font-weight:700;color:var(--lime-d);display:inline-flex;gap:8px;align-items:center;margin-top:auto;padding-top:12px}

/* phone callout */
.tnr-phone-big{display:inline-flex;align-items:center;gap:16px;text-decoration:none;color:#fff!important;background:rgba(13,18,23,.72);border:2px solid rgba(125,211,247,.55);border-radius:16px;padding:12px 24px 12px 14px;backdrop-filter:blur(6px);transition:transform .2s,border-color .2s}
.tnr-phone-big:hover{transform:translateY(-2px);border-color:var(--lime)}
.tnr-pb-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--lime);color:var(--ink)}
.tnr-pb-ic .tnr-i{width:26px;height:26px}
.tnr-pb-t{display:flex;flex-direction:column;line-height:1.1}
.tnr-pb-t small{font-size:13px;color:#b8c7d8;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.tnr-pb-t b{font-family:var(--head);font-weight:800;font-size:clamp(22px,2.6vw,30px);letter-spacing:0}
.tnr-pb-dark{background:var(--ink);border-color:var(--ink)}
.tnr-pb-hero{margin-bottom:6px}

/* ---------- ribbed seam divider ---------- */
.tnr-seam{position:absolute;left:0;right:0;bottom:-1px;height:30px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;pointer-events:none;z-index:3;--seam:var(--steel)}
.tnr-seam i{display:block;height:5px;background:var(--seam)}
.tnr-seam i:nth-child(1){opacity:.28}.tnr-seam i:nth-child(2){opacity:.6}.tnr-seam i:nth-child(3){opacity:1;height:8px}
.tnr-hero .tnr-seam{--seam:var(--lime)}
.tnr-view-contact .tnr-seam{--seam:var(--deep)}
.tnr-seam-foot{top:-1px;bottom:auto;justify-content:flex-start;--seam:var(--steel);flex-direction:column-reverse}
.tnr-seam-foot i:nth-child(3){opacity:.28;height:5px}.tnr-seam-foot i:nth-child(1){opacity:1;height:8px}

/* ---------- header ---------- */
.tnr-nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);background:#fff;z-index:100;border-bottom:1px solid var(--line);transition:box-shadow .25s}
.tnr-nav.scrolled{box-shadow:0 10px 30px -14px rgba(13,18,23,.3)}
.tnr-nav-in{height:100%;width:min(1480px,calc(100% - 28px));margin-inline:auto;display:flex;align-items:center;gap:16px}
.tnr-brand{flex:none;display:block;height:calc(var(--nav-h) - 10px)}
.tnr-brand img{height:100%;width:auto}
.tnr-menu{margin-left:auto;display:flex;align-items:center;gap:2px}
.tnr-dd{position:relative}
.tnr-dd-b,.tnr-menu-l,.tnr-menu-planner{display:inline-flex;align-items:center;gap:6px;font-family:var(--head);font-weight:700;font-size:15.5px;color:var(--ink)!important;background:none;border:0;padding:12px 11px;border-radius:10px;cursor:pointer;text-decoration:none;white-space:nowrap}
.tnr-dd-b:hover,.tnr-menu-l:hover,.tnr-menu-planner:hover,.tnr-dd:hover .tnr-dd-b{background:var(--steel)}
.tnr-menu-planner{color:var(--lime-d)!important}
.tnr-dd-b .tnr-i{width:16px;height:16px;transition:transform .2s}
.tnr-dd.open .tnr-dd-b .tnr-i{transform:rotate(180deg)}
.tnr-dd-p{position:fixed;top:var(--nav-h);left:50%;transform:translate(-50%,8px);background:#fff;border:1px solid var(--line);border-top:4px solid var(--lime);border-radius:0 0 18px 18px;box-shadow:var(--shadow);padding:22px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;max-height:calc(100vh - var(--nav-h) - 20px);overflow:auto}
.tnr-dd.open .tnr-dd-p{opacity:1;visibility:visible;transform:translate(-50%,0)}
.tnr-dd-svc{width:min(1180px,96vw);display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.tnr-dd-col b{display:block;font-family:var(--head);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime-d);margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid var(--steel2)}
.tnr-dd-p a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--ink)!important;text-decoration:none;font-size:15px;font-weight:500;line-height:1.3}
.tnr-dd-p a:hover{background:var(--steel);color:var(--lime-d)!important}
.tnr-dd-p a .tnr-i{color:var(--lime-d);width:18px;height:18px}
.tnr-dd-res{width:min(520px,94vw);display:grid;grid-template-columns:1fr;gap:2px}
.tnr-dd-all{background:var(--steel);font-weight:700!important}
.tnr-dd-areas{width:min(760px,94vw);display:grid;grid-template-columns:repeat(4,1fr);gap:2px 10px}
.tnr-phone{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)!important;margin-left:8px;padding:6px 14px 6px 8px;border-radius:14px;background:var(--steel);border:2px solid var(--line)}
.tnr-phone:hover{border-color:var(--lime)}
.tnr-phone-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--lime);color:var(--ink)}
.tnr-phone-t{display:flex;flex-direction:column;line-height:1.05}
.tnr-phone-t small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tnr-phone-t b{font-family:var(--head);font-weight:800;font-size:25px;color:var(--ink)}
.tnr-menu-cta{margin-left:6px}
.tnr-burger,.tnr-call-m{display:none}
.tnr-burger .x{display:none}
.tnr-burger[aria-expanded=true] .m{display:none}.tnr-burger[aria-expanded=true] .x{display:block}

@media (max-width:1359px){
  :root{--nav-h:88px}
  .tnr-nav-in{gap:10px}
  .tnr-menu{position:fixed;inset:var(--nav-h) 0 0 0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 90px;overflow:auto;transform:translateX(100%);visibility:hidden;transition:transform .3s,visibility .3s;margin:0;border-top:1px solid var(--line)}
  .tnr-menu.open{transform:none;visibility:visible}
  .tnr-dd-b,.tnr-menu-l,.tnr-menu-planner{width:100%;justify-content:space-between;font-size:19px;padding:16px 8px;border-bottom:1px solid var(--steel2);border-radius:0}
  .tnr-dd-p{position:static;transform:none;opacity:1;visibility:visible;display:none;border:0;box-shadow:none;padding:6px 0 10px 8px;width:auto!important;max-height:none;border-radius:0;grid-template-columns:1fr}
  .tnr-dd.open .tnr-dd-p{display:grid;transform:none}
  .tnr-dd-svc,.tnr-dd-areas{grid-template-columns:1fr 1fr}
  .tnr-dd-col{grid-column:1/-1}
  .tnr-phone{margin:16px 0 0;justify-content:center;padding:10px 16px}
  .tnr-menu-cta{margin:10px 0 0;width:100%}
  .tnr-call-m{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-family:var(--head);font-weight:800;font-size:20px;color:var(--ink)!important;text-decoration:none;background:var(--lime);border-radius:12px;padding:10px 14px;line-height:1;white-space:nowrap}
  .tnr-burger{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--ink);background:#fff;border-radius:12px;color:var(--ink);cursor:pointer}
  .tnr-burger .tnr-i{width:24px;height:24px}
}
@media (max-width:640px){
  :root{--nav-h:80px}
  .tnr-call-m span{display:none}.tnr-call-m{padding:12px}.tnr-call-m .tnr-i{width:22px;height:22px}
  .tnr-dd-svc,.tnr-dd-areas{grid-template-columns:1fr}
}

/* ---------- hero (home) ---------- */
.tnr-hero{position:relative;color:#fff;background:var(--deep);isolation:isolate;overflow:hidden;padding:clamp(40px,6vw,76px) 0 clamp(96px,9vw,130px)}
.tnr-hero-slides{position:absolute;inset:0;z-index:-3}
.tnr-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.tnr-hero-slide.is-on{opacity:1}
.tnr-hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 8s ease-out}
.tnr-hero-slide.is-on img{transform:scale(1.12)}
.tnr-hero.paused .tnr-hero-slide img{transition:none}
.tnr-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(95deg,rgba(13,18,23,.93) 0%,rgba(13,18,23,.82) 38%,rgba(13,18,23,.35) 72%,rgba(13,18,23,.45) 100%),linear-gradient(0deg,rgba(13,18,23,.7),transparent 35%)}
.tnr-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:center;position:relative;z-index:2}
.tnr-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--head);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime-l);margin:0 0 16px}
.tnr-hero h1{font-size:clamp(34px,4.6vw,64px);line-height:1.08;color:#fff;margin-bottom:22px;letter-spacing:-.03em}
.tnr-hero h1 em{font-style:normal;color:var(--lime)}
.tnr-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:#dde5ed;max-width:60ch;margin-bottom:22px}
.tnr-hero-ba{width:100%}
.tnr-hero-bar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2)}
.tnr-hero-cap{display:flex;align-items:center;gap:10px;font-weight:600;color:#fff}
.tnr-hero-cap a{color:#fff;text-decoration:none}.tnr-hero-cap a:hover{text-decoration:underline}
.tnr-hero-cap .tnr-i{color:var(--lime)}
.tnr-hero-ctl{display:flex;align-items:center;gap:8px}
.tnr-ci{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.tnr-ci:hover{background:rgba(255,255,255,.28)}
.tnr-ci .pl,.tnr-ci[aria-pressed=true] .p{display:none}.tnr-ci[aria-pressed=true] .pl{display:block}
.tnr-pills-s{display:flex;gap:6px}
.tnr-pills-s button{width:44px;height:6px;border:0;border-radius:3px;background:rgba(255,255,255,.3);padding:0;cursor:pointer;overflow:hidden;position:relative}
.tnr-pills-s button i{position:absolute;inset:0;background:var(--lime);transform:scaleX(0);transform-origin:left}
.tnr-pills-s button[aria-selected=true] i{animation:tnrFill var(--dur,6500ms) linear forwards}
.tnr-hero.paused .tnr-pills-s button[aria-selected=true] i{animation:none;transform:scaleX(1)}
@keyframes tnrFill{to{transform:scaleX(1)}}

/* garage door that rolls up on arrival */
.tnr-rollup{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;pointer-events:none;animation:tnrGone 0s linear 2.1s forwards}
.tnr-rollup i{flex:1;background:linear-gradient(180deg,#5c2712 0%,#441d0d 55%,#2e140a 100%);border-bottom:3px solid #0c1216;box-shadow:inset 0 2px 0 rgba(255,255,255,.14),inset 0 -10px 18px rgba(0,0,0,.35);animation:tnrRoll 1.05s cubic-bezier(.68,0,.25,1) forwards;animation-delay:calc(var(--i) * .1s + .25s);position:relative}
.tnr-rollup i::after{content:"";position:absolute;left:50%;top:50%;width:min(36%,420px);height:46%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.1);border-radius:6px}
.tnr-rollup i:nth-child(1){--i:0}.tnr-rollup i:nth-child(2){--i:1}.tnr-rollup i:nth-child(3){--i:2}.tnr-rollup i:nth-child(4){--i:3}.tnr-rollup i:nth-child(5){--i:4}.tnr-rollup i:nth-child(6){--i:5}
@keyframes tnrRoll{to{transform:translateY(-130%)}}
@keyframes tnrGone{to{visibility:hidden}}
.tnr-hero-t > *{animation:tnrUp .8s cubic-bezier(.2,.7,.2,1) both}
.tnr-hero-t > *:nth-child(1){animation-delay:.9s}.tnr-hero-t > *:nth-child(2){animation-delay:1s}.tnr-hero-t > *:nth-child(3){animation-delay:1.1s}.tnr-hero-t > *:nth-child(4){animation-delay:1.2s}.tnr-hero-t > *:nth-child(5){animation-delay:1.3s}
.tnr-hero-ba{animation:tnrUp .9s cubic-bezier(.2,.7,.2,1) 1.2s both}
@keyframes tnrUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* ---------- before / after ---------- */
.tnr-ba{margin:0}
.tnr-ba-stage{position:relative;aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);border:5px solid #fff;background:#ccc;user-select:none;touch-action:pan-y}
.tnr-ba-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tnr-ba-b{clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.tnr-ba-line{position:absolute;top:0;bottom:0;left:var(--p);width:4px;margin-left:-2px;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.5)}
.tnr-ba-handle{position:absolute;top:50%;left:var(--p);width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.45);border:3px solid #fff}
.tnr-ba-handle .tnr-i{width:18px;height:18px;margin:0 -3px}
.tnr-ba-chip{position:absolute;top:14px;padding:6px 12px;border-radius:8px;font-family:var(--head);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;background:rgba(13,18,23,.82);color:#fff;transition:opacity .2s}
.tnr-ba-cb{left:14px}.tnr-ba-ca{right:14px;background:var(--lime);color:var(--ink)}
.tnr-ba[data-edge=l] .tnr-ba-cb,.tnr-ba[data-edge=r] .tnr-ba-ca{opacity:0}
.tnr-ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3}
.tnr-ba figcaption{padding:14px 4px 0;display:flex;flex-direction:column;gap:2px;color:var(--ink)}
.tnr-ba figcaption b{font-family:var(--head);font-size:18px}
.tnr-ba figcaption span{color:var(--muted);font-size:15px}
.tnr-ba-hero figcaption{display:none}
.tnr-ba-hero .tnr-ba-stage{border-color:rgba(255,255,255,.95);box-shadow:0 30px 70px -20px rgba(0,0,0,.7)}
.tnr-ba-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}

/* ---------- ticker + stats ---------- */
.tnr-ticker{background:var(--lime);color:var(--ink);overflow:hidden;padding:14px 0;position:relative}
.tnr-ticker-t{display:flex;gap:26px;width:max-content;animation:tnrTick 48s linear infinite;font-family:var(--head);font-weight:800;font-size:19px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.tnr-ticker-t i{font-style:normal;opacity:.5;font-size:12px;align-self:center}
@keyframes tnrTick{to{transform:translateX(-50%)}}
.tnr-stats{background:var(--ink);color:#fff;padding:34px 0}
.tnr-stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.tnr-stats b{display:block;font-family:var(--head);font-weight:900;font-size:clamp(34px,4vw,52px);line-height:1;color:var(--lime)}
.tnr-stats span{display:block;margin-top:8px;color:#c6d3e0;font-size:15px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}

/* ---------- cards ---------- */
.tnr-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}
.tnr-cat{grid-column:span 2;position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:#fff;text-decoration:none;color:var(--text)!important;box-shadow:0 8px 28px -14px rgba(13,18,23,.4);transition:transform .25s,box-shadow .25s}
.tnr-cat:nth-child(4),.tnr-cat:nth-child(5){grid-column:span 3}
.tnr-cat:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.tnr-cat img{aspect-ratio:3/2;width:100%;object-fit:cover}
.tnr-cat:nth-child(4) img,.tnr-cat:nth-child(5) img{aspect-ratio:2/1}
.tnr-cat-b{display:flex;flex-direction:column;gap:6px;padding:22px 24px 24px;flex:1}
.tnr-cat-b b{font-family:var(--head);font-weight:800;font-size:22px;color:var(--ink)}
.tnr-card-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--steel);color:var(--lime-d);margin-top:-46px;border:3px solid #fff;box-shadow:0 4px 14px rgba(13,18,23,.15);background:#fff}
.tnr-grid{display:grid;gap:24px}
.tnr-grid-3{grid-template-columns:repeat(3,1fr)}.tnr-grid-4{grid-template-columns:repeat(4,1fr)}
.tnr-card,.tnr-rcard{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--text)!important;box-shadow:0 6px 24px -12px rgba(13,18,23,.35);border:1px solid var(--line);transition:transform .25s,box-shadow .25s,border-color .25s}
.tnr-card:hover,.tnr-rcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--lime)}
.tnr-card-img,.tnr-rcard-img{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--steel2)}
.tnr-card-img img,.tnr-rcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tnr-card:hover img,.tnr-rcard:hover img{transform:scale(1.05)}
.tnr-card-b,.tnr-rcard-b{display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px;flex:1;font-size:15.5px;color:var(--muted);line-height:1.55}
.tnr-card-b b,.tnr-rcard-b b{font-family:var(--head);font-weight:800;font-size:20px;line-height:1.15;color:var(--ink)}
.tnr-card-b .tnr-card-ic{margin-top:-44px;margin-bottom:4px}
.tnr-rcard-b em{font-style:normal;font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime-d)}
.tnr-near{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;text-decoration:none}
.tnr-near img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tnr-near:hover img{transform:scale(1.07)}
.tnr-near span{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;align-items:center;padding:36px 16px 14px;background:linear-gradient(0deg,rgba(13,18,23,.9),transparent);color:#fff}
.tnr-near b{font-family:var(--head);font-size:18px;color:#fff}
.tnr-near i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--ink)}
.tnr-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,32%);gap:20px;overflow-x:auto;padding:6px 4px 22px;scroll-snap-type:x mandatory;scrollbar-color:var(--lime) var(--steel2)}
.tnr-rail .tnr-style{scroll-snap-align:start}
.tnr-style{position:relative;display:block;margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;text-decoration:none;box-shadow:0 8px 26px -14px rgba(13,18,23,.5)}
.tnr-style img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tnr-style:hover img{transform:scale(1.06)}
.tnr-style span,.tnr-style figcaption{position:absolute;inset:auto 0 0 0;padding:44px 18px 16px;background:linear-gradient(0deg,rgba(13,18,23,.92),transparent);color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.tnr-style b{font-family:var(--head);font-weight:800;font-size:20px;color:#fff}
.tnr-style figcaption{flex-direction:column;align-items:flex-start;gap:2px}
.tnr-style figcaption span{position:static;padding:0;background:none;font-size:14.5px;color:#d8dee5}
.tnr-style i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--lime);color:var(--ink);flex:none}

/* ---------- tabs ---------- */
.tnr-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:34px}
.tnr-tabs button{font-family:var(--head);font-weight:700;font-size:16px;padding:13px 22px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;min-height:48px}
.tnr-tabs button:hover{border-color:var(--lime)}
.tnr-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.tnr-tabpanel{display:none}.tnr-tabpanel.is-on{display:block;animation:tnrUp .5s both}

/* ---------- process / included ---------- */
.tnr-inc{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tnr-inc-3{grid-template-columns:repeat(3,1fr)}
.tnr-inc-i{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:26px 24px;position:relative;overflow:hidden}
.tnr-inc-i::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--lime)}
.tnr-num{font-family:var(--head);font-weight:900;font-size:44px;line-height:1;color:var(--lime);display:block;margin-bottom:12px}
.tnr-inc-i h3{font-size:20px;color:#fff}
.tnr-inc-i p{color:#c6d3e0;font-size:16px;margin:0}
.tnr-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}
.tnr-steps-4{grid-template-columns:repeat(4,1fr)}
.tnr-steps li{position:relative;padding:28px 24px 24px;border-radius:var(--r);background:var(--steel);border:1px solid var(--line)}
.tnr-ink .tnr-steps li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.tnr-steps h3{font-size:20px}.tnr-steps p{margin:0;color:var(--muted);font-size:16px}
.tnr-ink .tnr-steps p{color:#c6d3e0}
.tnr-step-n{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--lime);color:var(--ink);font-family:var(--head);font-weight:900;font-size:22px;margin-bottom:14px}
.tnr-steps-4 li:not(:last-child)::after{content:"";position:absolute;top:52px;right:-24px;width:24px;height:3px;background:var(--lime)}

/* ---------- intro layout, aside ---------- */
.tnr-intro-g{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.tnr-intro-t p{font-size:18.5px}
.tnr-aside{background:#fff;border-radius:var(--r);padding:28px;border:1px solid var(--line);box-shadow:0 10px 30px -18px rgba(13,18,23,.4);position:sticky;top:calc(var(--nav-h) + 20px)}
.tnr-aside h3{font-size:20px}
.tnr-fit{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.tnr-fit li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45}
.tnr-fit .tnr-i{color:var(--lime-d);margin-top:3px}
.tnr-ink .tnr-fit .tnr-i,.tnr-book .tnr-fit .tnr-i{color:var(--lime)}
.tnr-fit-light{color:#dde5ed;margin-top:22px}.tnr-fit-light a{color:var(--lime-l)}
.tnr-aside-b{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:var(--ink);color:#fff!important;text-decoration:none}
.tnr-aside-b div{flex:1;display:flex;flex-direction:column;line-height:1.25}
.tnr-aside-b b{font-family:var(--head);font-size:17px}
.tnr-aside-b span{font-size:14px;color:#bac9da}
.tnr-aside-b .tnr-i{color:var(--lime)}
.tnr-aside-blue{background:var(--lime);color:var(--ink)!important;margin-top:18px}.tnr-aside-blue span{color:#2b1309}.tnr-aside-blue .tnr-i{color:var(--ink)}
.tnr-subh{font-size:18px;margin:26px 0 12px;color:var(--lime-d)}
.tnr-pills{display:flex;flex-wrap:wrap;gap:10px}
.tnr-pills a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--steel);border:1px solid var(--line);color:var(--ink)!important;text-decoration:none;font-weight:600;font-size:15px}
.tnr-pills a:hover{border-color:var(--lime);background:#fff}
.tnr-pills .tnr-i{color:var(--lime-d)}

/* ---------- FAQ ---------- */
.tnr-faq-wrap{max-width:900px}
.tnr-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}
.tnr-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;font-family:var(--head);font-weight:700;font-size:18px;color:var(--ink)}
.tnr-faq summary::-webkit-details-marker{display:none}
.tnr-faq summary .tnr-i{transition:transform .25s;color:var(--lime-d)}
.tnr-faq details[open] summary .tnr-i{transform:rotate(180deg)}
.tnr-faq details[open]{border-color:var(--lime)}
.tnr-faq details div{padding:0 22px 20px}.tnr-faq details p{margin:0;color:var(--muted)}

/* ---------- page heroes ---------- */
.tnr-phero,.tnr-rhero,.tnr-bhero,.tnr-lhero{position:relative;color:#fff;background:var(--deep);isolation:isolate;overflow:hidden}
.tnr-phero{padding:clamp(36px,5vw,64px) 0 clamp(70px,7vw,96px)}
.tnr-rhero,.tnr-bhero{padding:clamp(52px,7vw,92px) 0 clamp(78px,8vw,110px)}
.tnr-lhero{padding:clamp(44px,6vw,76px) 0 clamp(70px,7vw,92px)}
.tnr-phero-bg{position:absolute;inset:0;z-index:-2}
.tnr-phero-bg img{width:100%;height:100%;object-fit:cover}
.tnr-phero::before,.tnr-rhero::before,.tnr-bhero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,rgba(13,18,23,.94),rgba(13,18,23,.78) 55%,rgba(13,18,23,.5))}
.tnr-lhero{background:linear-gradient(135deg,var(--deep),var(--ink2))}
.tnr-phero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);align-items:start}
.tnr-phero h1,.tnr-rhero h1,.tnr-bhero h1,.tnr-lhero h1{color:#fff;font-size:clamp(28px,3.6vw,48px);line-height:1.12}
.tnr-rhero-in,.tnr-bhero-in{max-width:880px}
.tnr-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;margin-bottom:18px;color:#c6d3e0}
.tnr-crumbs a{color:#f9eae4!important;text-decoration:none}.tnr-crumbs a:hover{text-decoration:underline}
.tnr-crumbs .tnr-i{width:14px;height:14px;opacity:.7}
.tnr-readtime{display:flex;align-items:center;gap:8px;color:#c6d3e0;font-size:15px}
.tnr-phero-f{position:relative}

/* ---------- forms ---------- */
.tnr-form{background:#fff;color:var(--text);border-radius:20px;padding:clamp(22px,3vw,32px);box-shadow:0 30px 70px -24px rgba(0,0,0,.6);border-top:6px solid var(--lime)}
.tnr-form h3{font-size:26px;margin-bottom:6px;color:var(--ink)}
.tnr-form-sub{color:var(--muted);font-size:15.5px;margin-bottom:12px}
.tnr-form-call{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--steel);color:var(--ink)!important;text-decoration:none;margin-bottom:14px;font-size:16px}
.tnr-form-call b{font-family:var(--head);font-size:20px}
.tnr-form-call .tnr-i{color:var(--lime-d)}
.tnr-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tnr-f{margin-bottom:12px}
.tnr-f label{display:block;font-weight:600;font-size:14.5px;margin-bottom:5px;color:var(--ink)}
.tnr-req{color:#c03f0c}
.tnr-f input,.tnr-f select,.tnr-f textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:2px solid #c4d0d7;border-radius:10px;padding:12px 14px;min-height:50px}
.tnr-f textarea{min-height:104px;resize:vertical}
.tnr-f input:focus,.tnr-f select:focus,.tnr-f textarea:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 4px rgba(128,54,25,.25)}
.tnr-f.err input,.tnr-f.err select{border-color:#c03f0c;background:#fef8f6}
.tnr-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.tnr-or{text-align:center;font-size:15px;margin:12px 0 0;color:var(--muted)}
.tnr-status{margin-top:12px;font-weight:600;font-size:15px}.tnr-status.ok{color:#672c15}.tnr-status.bad{color:#c03f0c}
.tnr-form .tnr-fine{margin:8px 0 14px}
.tnr-book{background:linear-gradient(160deg,var(--deep),var(--ink2));color:#f7e3db}
.tnr-book h2{color:#fff;font-size:clamp(30px,4vw,48px)}
.tnr-book-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.tnr-book-t p{font-size:19px;color:#c9d0d8}
.tnr-book-t .tnr-phone-big{margin-top:6px}
.tnr-book-page{padding-top:clamp(48px,6vw,80px)}

/* ---------- CTA band, tool CTA ---------- */
.tnr-band{background:var(--lime);color:var(--ink);padding:clamp(40px,5vw,60px) 0;position:relative;overflow:hidden}
.tnr-band::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 3px,transparent 3px 46px);pointer-events:none}
.tnr-band-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;position:relative}
.tnr-band h2{color:var(--ink);font-size:clamp(28px,3.6vw,42px);margin-bottom:6px}
.tnr-band p{margin:0;font-size:18px;max-width:52ch;color:#2b1309}
.tnr-band-act{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.tnr-tool-in{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.tnr-tool-in h2{font-size:clamp(28px,3.6vw,42px)}.tnr-tool-in p{color:#c6d3e0;max-width:60ch;font-size:18px}

/* ---------- map ---------- */
.tnr-mtmap{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow);aspect-ratio:1000/692}
.tnr-mtmap svg{width:100%;height:100%;display:block}
.tnr-pin{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--lime);border:3px solid #fff;box-shadow:0 0 0 0 rgba(128,54,25,.6);animation:tnrPing 2.6s infinite;text-decoration:none}
.tnr-pin.is-home{width:24px;height:24px;margin:-12px 0 0 -12px;background:var(--amber);animation-duration:2s}
.tnr-pin span{position:absolute;white-space:nowrap;font-size:13px;font-weight:700;color:#fff;background:rgba(13,18,23,.85);padding:3px 8px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s;top:-30px;left:50%;transform:translateX(-50%)}
.tnr-pin.show span,.tnr-pin:hover span,.tnr-pin:focus-visible span{opacity:1}
.tnr-pin.l-r span{left:22px;top:50%;transform:translateY(-50%)}.tnr-pin.l-l span{left:auto;right:22px;top:50%;transform:translateY(-50%)}.tnr-pin.l-b span{top:26px}
@keyframes tnrPing{0%{box-shadow:0 0 0 0 rgba(128,54,25,.7)}70%{box-shadow:0 0 0 16px rgba(128,54,25,0)}100%{box-shadow:0 0 0 0 rgba(128,54,25,0)}}
.tnr-citygrid{list-style:none;padding:0;margin:30px 0 16px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px 14px}
.tnr-citygrid a{display:flex;align-items:center;gap:8px;color:#f7e3db!important;text-decoration:none;padding:8px 10px;border-radius:8px;font-weight:500}
.tnr-citygrid a:hover,.tnr-citygrid a[aria-current]{background:rgba(255,255,255,.12);color:#fff!important}
.tnr-citygrid .tnr-i{color:var(--lime)}
.tnr-ink .tnr-fine a{color:var(--lime-l)}

/* ---------- article ---------- */
.tnr-art-g{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(24px,4vw,56px);align-items:start}
.tnr-art{max-width:780px;background:#fff;border-radius:var(--r);padding:clamp(24px,4vw,48px);border:1px solid var(--line)}
.tnr-art h2{font-size:clamp(24px,2.6vw,32px);margin-top:1.4em}
.tnr-art p{font-size:18px;line-height:1.75}
.tnr-take{background:var(--steel);border-left:6px solid var(--lime);border-radius:12px;padding:20px 24px;margin-bottom:24px}
.tnr-take h2{margin:0 0 10px;font-size:22px}
.tnr-take ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.tnr-take li{display:flex;gap:10px;font-size:17px}.tnr-take .tnr-i{color:var(--lime-d);margin-top:4px}
.tnr-side{position:sticky;top:calc(var(--nav-h) + 20px)}
.tnr-side-in .tnr-form{box-shadow:0 18px 50px -20px rgba(13,18,23,.5);border:1px solid var(--line);border-top:6px solid var(--lime)}

/* ---------- Masonry Designer ---------- */
.tnr-bld-g{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:28px;align-items:start}
.tnr-bld-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:0 12px 34px -20px rgba(13,18,23,.5)}
.tnr-bld-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px;font-size:14px;font-weight:700;color:var(--muted)}
.tnr-bld-presets button{font:inherit;font-weight:700;font-size:14px;padding:8px 13px;border-radius:999px;border:2px solid var(--line);background:var(--steel);cursor:pointer;color:var(--ink)}
.tnr-bld-presets button:hover{border-color:var(--lime)}
.tnr-step{border:0;padding:0;margin:0 0 20px}
.tnr-step legend{display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:800;font-size:17px;margin-bottom:10px;color:var(--ink)}
.tnr-step legend span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--ink);color:#fff;font-size:14px}
.tnr-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tnr-styles button,.tnr-sizes button,.tnr-opts button,.tnr-feats button{font:inherit;font-weight:600;font-size:14px;line-height:1.2;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:12px;padding:10px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:48px;text-align:center}
.tnr-styles button svg{width:54px;height:36px;fill:none;stroke:var(--ink);stroke-width:1.6}
.tnr-styles button:hover,.tnr-sizes button:hover,.tnr-opts button:hover,.tnr-feats button:hover{border-color:var(--lime)}
.tnr-styles button[aria-checked=true],.tnr-sizes button[aria-checked=true],.tnr-opts button[aria-checked=true],.tnr-feats button[aria-pressed=true]{border-color:var(--lime);background:#f8e7e1;box-shadow:inset 0 0 0 1px var(--lime)}
.tnr-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tnr-sizes small{font-weight:500;color:var(--muted);font-size:12.5px}
.tnr-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tnr-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.tnr-colors button{aspect-ratio:1;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--line);cursor:pointer;padding:0;position:relative}
.tnr-colors button:hover{box-shadow:0 0 0 2px var(--lime)}
.tnr-colors button[aria-checked=true]{box-shadow:0 0 0 3px var(--lime)}
.tnr-feats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.tnr-feats button{flex-direction:row;justify-content:flex-start;text-align:left;padding:10px 12px}
.tnr-feats .tnr-i{color:var(--lime-d)}
.tnr-bld-view{position:sticky;top:calc(var(--nav-h) + 16px);display:grid;gap:16px}
.tnr-bld-stage{position:relative;background:#fff;border-radius:var(--r);padding:14px;border:1px solid var(--line);box-shadow:var(--shadow)}
.tnr-bld-chips{position:absolute;top:24px;left:24px;display:flex;flex-wrap:wrap;gap:6px;z-index:2}
.tnr-bld-chips span{background:rgba(13,18,23,.82);color:#fff;font-size:13px;font-weight:700;padding:5px 11px;border-radius:999px}
#tnrSvg{width:100%;height:auto;display:block;border-radius:12px;background:#cfe6f3}
.tnr-bld-cmp{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 4px 2px;font-size:14px;font-weight:700;color:var(--muted)}
.tnr-bld-cmp input{width:100%;accent-color:var(--lime);height:32px}
.tnr-bld-sum{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.tnr-bld-sum h3{font-size:20px}.tnr-bld-sum p[data-summary]{font-size:17px;margin-bottom:12px}
.tnr-tip{background:#f8e7e1;border-left:5px solid var(--lime);padding:10px 14px;border-radius:8px;font-size:15px}
.tnr-bld-act{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}

/* ---------- home: planner teaser ---------- */
.tnr-bt-g{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:center}
.tnr-bt-t h2{font-size:clamp(30px,4vw,50px)}.tnr-bt-t p{font-size:18.5px;color:#c6d3e0}
.tnr-bt-v{display:grid;gap:16px;justify-items:center}
.tnr-bt-door{position:relative;width:min(100%,460px);border-radius:var(--r);overflow:hidden;box-shadow:0 30px 70px -24px rgba(0,0,0,.8);border:6px solid #fff;background:#fff}
.tnr-bt-door svg{display:block;width:100%;height:auto}
.tnr-bt-tag{position:absolute;left:12px;bottom:12px;background:rgba(13,18,23,.85);color:#fff;font-weight:700;font-size:14px;padding:5px 12px;border-radius:999px}
.tnr-bt-sw{display:flex;gap:12px}
.tnr-bt-sw i{width:38px;height:38px;border-radius:50%;border:3px solid #fff;cursor:pointer;box-shadow:0 0 0 2px rgba(255,255,255,.3);transition:transform .2s}
.tnr-bt-sw i.is-on{box-shadow:0 0 0 3px var(--lime);transform:scale(1.12)}

/* ---------- legal ---------- */
.tnr-legal-in{max-width:820px}
.tnr-legal h2{font-size:24px;margin-top:1.6em}
.tnr-legal p{font-size:17.5px}

/* ---------- footer ---------- */
.tnr-footer{position:relative;background:var(--deep);color:#c9d0d8;padding:clamp(52px,6vw,80px) 0 90px}
.tnr-foot-top{padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:36px}
.tnr-foot-cta{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.tnr-foot-cta h2{color:#fff;font-size:clamp(28px,3.6vw,44px);margin:0}
.tnr-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:30px}
.tnr-footer h2{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime-l);}
.tnr-footer a{color:#dde5ed}.tnr-footer a:hover{color:#fff}
.tnr-foot-grid a{display:block;text-decoration:none;padding:4px 0;font-size:15.5px}
.tnr-foot-logo img{width:150px;margin-bottom:14px}
.tnr-foot-areas{margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.tnr-foot-areas ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 22px}
.tnr-foot-areas a{text-decoration:none;font-size:15px}
.tnr-foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:14.5px}
.tnr-foot-base p{margin:0}
.tnr-foot-links{display:flex;gap:18px;flex-wrap:wrap}.tnr-foot-links a{text-decoration:none}
.tnr-foot-note{width:100%;color:#abbed2}
.tnr-sticky{display:none}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .tnr-hero-in,.tnr-phero-in,.tnr-book-g,.tnr-bt-g,.tnr-intro-g,.tnr-art-g,.tnr-bld-g{grid-template-columns:1fr}
  .tnr-aside,.tnr-side,.tnr-bld-view{position:static}
  .tnr-grid-3,.tnr-ba-grid{grid-template-columns:repeat(2,1fr)}
  .tnr-grid-4{grid-template-columns:repeat(2,1fr)}
  .tnr-inc,.tnr-steps-4{grid-template-columns:repeat(2,1fr)}
  .tnr-steps-4 li::after{display:none!important}
  .tnr-cats{grid-template-columns:repeat(2,1fr)}.tnr-cat,.tnr-cat:nth-child(4),.tnr-cat:nth-child(5){grid-column:auto}
  .tnr-cat:nth-child(5){grid-column:1/-1}
  .tnr-citygrid{grid-template-columns:repeat(3,1fr)}
  .tnr-foot-grid{grid-template-columns:1fr 1fr}
  .tnr-hero-ba{max-width:640px}
}
@media (max-width:720px){
  body.tnr-body{font-size:16.5px;padding-bottom:64px}
  .tnr-grid-3,.tnr-ba-grid,.tnr-grid-4,.tnr-inc,.tnr-inc-3,.tnr-steps,.tnr-steps-4,.tnr-cats{grid-template-columns:1fr}
  .tnr-grid-4{grid-template-columns:1fr 1fr}
  .tnr-cat:nth-child(5){grid-column:auto}
  .tnr-stats-in{grid-template-columns:1fr 1fr}
  .tnr-citygrid{grid-template-columns:repeat(2,1fr)}
  .tnr-row{grid-template-columns:1fr}
  .tnr-foot-grid{grid-template-columns:1fr}
  .tnr-hero-bar{flex-direction:column;align-items:flex-start}
  .tnr-rail{grid-auto-columns:82%}
  .tnr-opts{grid-template-columns:repeat(2,1fr)}
  .tnr-styles{grid-template-columns:repeat(2,1fr)}
  .tnr-colors{grid-template-columns:repeat(5,1fr)}
  .tnr-pb-t b{font-size:30px}
  .tnr-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--ink);box-shadow:0 -10px 30px rgba(0,0,0,.35)}
  .tnr-sticky a{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;text-decoration:none;font-family:var(--head);font-weight:800;font-size:19px;min-height:62px}
  .tnr-sticky a.a{background:var(--lime);color:var(--ink);flex:2}
  .tnr-mtmap .tnr-pin span{font-size:11px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .tnr-rollup{display:none}.tnr-ticker-t{animation:none}.tnr-rv{opacity:1;transform:none}
  .tnr-hero-t>*,.tnr-hero-ba{animation:none}
}


/* ================= TN Roof Service overrides ================= */
.tnr-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.tnr-sizes button{font:inherit;font-weight:700;font-size:14px;line-height:1.2;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:12px;padding:9px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}
.tnr-sizes button:hover{border-color:var(--lime)}
.tnr-sizes small{font-weight:500;color:var(--muted);font-size:12px}
.tnr-range{display:block}
.tnr-range>span{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.tnr-range output{font-family:var(--head);font-weight:700;font-size:20px;color:var(--lime-d)}
.tnr-range input{width:100%;accent-color:var(--lime);height:32px}
.tnr-recs{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}
.tnr-recs a{display:flex;flex-direction:column;gap:2px;padding:11px 14px;border-radius:12px;background:var(--steel);border:1px solid var(--line);text-decoration:none;color:var(--ink)!important;font-weight:700;font-size:15.5px;line-height:1.25}
.tnr-recs a:hover{border-color:var(--lime);background:#fff}
.tnr-recs a span{font-weight:500;font-size:13.5px;color:var(--muted)}
.tnr-calwrap{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,3vw,30px);box-shadow:0 12px 34px -20px rgba(5,7,9,.5)}
.tnr-calwrap h3{font-size:20px}
.tnr-cal-scroll{overflow-x:auto;padding-bottom:6px}
.tnr-cal{min-width:760px}
.tnr-cal-r{display:grid;grid-template-columns:170px repeat(12,1fr);gap:4px;align-items:center;margin-bottom:4px}
.tnr-cal-h{font-weight:700;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:center}
.tnr-cal-l{font-weight:700;font-size:14.5px;color:var(--ink)}
.tnr-cal-l small{font-weight:500;color:var(--muted)}
.tnr-cal-r span[role=cell]{height:34px;border-radius:8px;background:var(--steel2)}
.tnr-cal-r span.on{box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)}
.tnr-cal-r span.k-mow{background:#b44c23}.tnr-cal-r span.k-feed{background:#f3b52b}.tnr-cal-r span.k-weed{background:#ef703d}.tnr-cal-r span.k-renew{background:#3e8ed0}.tnr-cal-r span.k-extra{background:#9b7bd0}
.tnr-cal-notes{margin:14px 0 0;padding-left:20px;display:grid;gap:4px;font-size:15.5px;color:var(--text)}
.tnr-cal-key{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:14px;font-weight:600;color:var(--muted)}
.tnr-cal-key span{display:inline-flex;align-items:center;gap:6px}
.tnr-cal-key i{width:14px;height:14px;border-radius:4px;display:inline-block}
.tnr-cal-key .k-mow{background:#b44c23}.tnr-cal-key .k-feed{background:#f3b52b}.tnr-cal-key .k-weed{background:#ef703d}.tnr-cal-key .k-renew{background:#3e8ed0}.tnr-cal-key .k-extra{background:#9b7bd0}
body.tnr-body h1,.tnr-body h2,.tnr-body h3,.tnr-body h4{font-weight:700;letter-spacing:-.015em}
.tnr-btn{font-family:var(--body);font-weight:800;font-size:15.5px;letter-spacing:.01em}
.tnr-btn-lg{font-size:17px}
.tnr-btn-brick,.tnr-btn-lime{background:var(--lime);color:#fff!important;box-shadow:0 12px 28px -12px rgba(128,54,25,.85)}
.tnr-btn-brick:hover,.tnr-btn-lime:hover{background:#9c421f}
.tnr-eyebrow,.tnr-kicker,.tnr-ticker-t,.tnr-stats b{font-family:var(--body)}
.tnr-eyebrow{font-weight:800;letter-spacing:.16em}
.tnr-eyebrow::before{height:5px;width:38px;background:linear-gradient(90deg,var(--lime) 0 70%,var(--amber) 70%);border-radius:3px}
.tnr-ticker{background:var(--lime);color:#fff}
.tnr-ticker-t{font-size:16px;letter-spacing:.06em;font-weight:800}
.tnr-band{background:var(--lime);color:#fff}
.tnr-band h2,.tnr-band p{color:#fff}
.tnr-band::before{background:radial-gradient(circle at 12% 30%,rgba(255,255,255,.18) 0 6px,transparent 7px),radial-gradient(circle at 78% 70%,rgba(255,255,255,.14) 0 10px,transparent 11px),radial-gradient(circle at 92% 20%,rgba(255,255,255,.16) 0 5px,transparent 6px)}
.tnr-stats{background:var(--ink)}
.tnr-stats b{color:var(--lime-l);font-family:var(--head)}
.tnr-hero h1{font-size:clamp(36px,5vw,70px);letter-spacing:-.025em;line-height:1.04}
.tnr-hero h1 em{color:var(--lime-l);font-style:normal;background:linear-gradient(transparent 82%,rgba(255,197,66,.85) 82% 92%,transparent 92%)}
.tnr-hero-shade{background:linear-gradient(95deg,rgba(26,12,6,.92) 0%,rgba(26,12,6,.78) 38%,rgba(26,12,6,.3) 72%,rgba(26,12,6,.42) 100%),linear-gradient(0deg,rgba(26,12,6,.65),transparent 35%)}

/* header: white, large logo, fits */
.tnr-nav{background:#fff;border-bottom:1px solid var(--line)}
.tnr-brand{flex:none;height:calc(var(--nav-h) - 8px);margin:4px 0;display:block}
.tnr-brand img{height:100%;width:auto;display:block}
.tnr-dd-b,.tnr-menu-l,.tnr-menu-planner{font-family:var(--body);font-weight:700;font-size:15.5px;padding:12px 10px}
.tnr-menu-planner{color:var(--lime-d)!important}
.tnr-phone-t b{font-size:19px;letter-spacing:0;white-space:nowrap}
.tnr-phone-t small{font-size:10.5px}
.tnr-phone-ic{width:38px;height:38px}
.tnr-menu-cta{font-family:var(--body);font-size:15px;font-weight:800;padding:12px 15px}
@media (min-width:1360px) and (max-width:1500px){.tnr-dd-b,.tnr-menu-l,.tnr-menu-planner{font-size:14.5px;padding:12px 7px}.tnr-brand{height:calc(var(--nav-h) - 14px)}}
.tnr-pb-t b{white-space:nowrap}
@media (max-width:480px){.tnr-pb-t b{font-size:clamp(18px,5.6vw,24px)}.tnr-phone-big{gap:12px;padding:10px 16px 10px 12px}.tnr-pb-ic{width:46px;height:46px}}
@media (max-width:640px){.tnr-brand{height:calc(var(--nav-h) - 18px);margin:9px 0}}

/* a mowing pass sweeps across and reveals the hero on arrival */
.tnr-rollup{position:absolute;inset:0;z-index:20;pointer-events:none;display:block;background:repeating-linear-gradient(0deg,#803619 0 38px,#9c421f 38px 76px);clip-path:inset(0 0 0 0);animation:tnrWipe 1.6s cubic-bezier(.62,0,.2,1) .25s forwards}
.tnr-rollup i{display:none}
.tnr-rollup::after{content:"";position:absolute;top:0;bottom:0;left:0;width:60px;background:linear-gradient(90deg,rgba(221,122,83,0),rgba(231,176,155,.95) 60%,rgba(255,255,255,.9));box-shadow:0 0 34px 8px rgba(231,176,155,.55);animation:tnrBlade 1.6s cubic-bezier(.62,0,.2,1) .25s forwards}
@keyframes tnrWipe{to{clip-path:inset(0 0 0 100%)}}
@keyframes tnrBlade{to{left:100%}}
.tnr-sparks{position:absolute;inset:0;z-index:3;pointer-events:none}
.tnr-sparks b{position:absolute;width:var(--s,16px);height:var(--s,16px);background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;animation:tnrTwinkle 3.6s ease-in-out infinite;animation-delay:var(--d,2s)}
.tnr-sparks b:nth-child(1){left:8%;top:22%;--s:18px;--d:2.0s}
.tnr-sparks b:nth-child(2){left:44%;top:14%;--s:12px;--d:2.7s}
.tnr-sparks b:nth-child(3){left:58%;top:62%;--s:22px;--d:3.1s}
.tnr-sparks b:nth-child(4){left:90%;top:30%;--s:14px;--d:2.3s}
.tnr-sparks b:nth-child(5){left:30%;top:70%;--s:10px;--d:3.6s}
.tnr-sparks b:nth-child(6){left:72%;top:12%;--s:16px;--d:4.0s}
@keyframes tnrTwinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0)}40%,60%{opacity:.95;transform:scale(1) rotate(45deg)}}

/* wave edge divider */
.tnr-seam{height:26px;display:block;bottom:-1px;--seam:var(--steel)}
.tnr-seam i{display:none}
.tnr-seam::before{content:"";position:absolute;inset:0;background:var(--seam);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26V13C20 2 40 2 60 13S100 24 120 13V26Z'/%3E%3C/svg%3E") repeat-x bottom/120px 26px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26V13C20 2 40 2 60 13S100 24 120 13V26Z'/%3E%3C/svg%3E") repeat-x bottom/120px 26px}
.tnr-hero .tnr-seam{--seam:var(--lime)}
.tnr-seam-foot{top:-25px;bottom:auto;--seam:var(--deep)}
.tnr-view-contact-us .tnr-seam{--seam:var(--deep)}
.tnr-book-page{background:var(--deep)}

/* planner */
.tnr-bld-g{grid-template-columns:minmax(0,440px) minmax(0,1fr)}
#tnrSvg{width:100%;height:auto;display:block;border-radius:12px;background:#e0e7ee}
#tnrSvg .rm{cursor:pointer;transition:filter .2s}
#tnrSvg .rm:hover{filter:brightness(1.05)}
#tnrSvg .rm:focus-visible{outline:none}
#tnrSvg .rm:focus-visible rect.f{stroke:#ffc542;stroke-width:5}
.tnr-legend{display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 4px 0;font-size:13.5px;font-weight:600;color:var(--muted);align-items:center}
.tnr-legend i{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:6px}
.tnr-legend .k-routine{background:#c4d1df;border:1px solid #809dbb}.tnr-legend .k-focus{background:#dd7a53;border:1px solid #9c421f}
.tnr-legend-h{margin-left:auto;color:var(--lime-d)}
.tnr-room-list{background:var(--steel);border:1px solid var(--line);border-left:5px solid var(--lime);border-radius:12px;padding:12px 16px;margin:0 0 14px}
.tnr-room-list h4{font-size:17px;margin:0 0 6px}
.tnr-room-list ul{margin:0;padding-left:20px;display:grid;gap:3px;font-size:15px}
.tnr-opts-3{grid-template-columns:repeat(3,1fr)}
.tnr-opts-4{grid-template-columns:repeat(4,1fr)}
.tnr-opts button .tnr-i,.tnr-feats .tnr-i{color:var(--lime-d)}
.tnr-opts button[aria-checked=true],.tnr-feats button[aria-pressed=true]{background:#f8e7e1}
.tnr-tip{border-left-color:var(--lime);background:#f8e7e1}
.tnr-cal-r span.k-mow{background:#5b80a7}.tnr-cal-r span.k-feed{background:#f2b134}.tnr-cal-r span.k-aer{background:#54769b}.tnr-cal-r span.k-beds{background:#e07aa0}.tnr-cal-r span.k-irr{background:#33a3d6}.tnr-cal-r span.k-clean{background:#7d9ab9}
.tnr-cal-key .k-mow{background:#5b80a7}.tnr-cal-key .k-feed{background:#f2b134}.tnr-cal-key .k-aer{background:#54769b}.tnr-cal-key .k-beds{background:#e07aa0}.tnr-cal-key .k-irr{background:#33a3d6}.tnr-cal-key .k-clean{background:#7d9ab9}
.tnr-cal-r span.on{box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.tnr-bt-wall{position:relative;width:min(100%,460px);border-radius:var(--r);overflow:hidden;box-shadow:0 30px 70px -24px rgba(0,0,0,.8);border:6px solid #fff;background:#fff}
.tnr-bt-wall svg{display:block;width:100%;height:auto}
.tnr-bt-sw i{background:linear-gradient(135deg,#dd7a53,#803619)}
.tnr-footer .tnr-foot-logo img{width:230px;height:auto;background:transparent}
.tnr-tool-cta .tnr-btn{white-space:normal}
.tnr-foot-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}
.tnr-foot-grid div h2:not(:first-child){margin-top:22px}
.tnr-ba-ca{color:#fff}
.tnr-ink .tnr-num,.tnr-inc-i .tnr-num{color:var(--lime-l)}
.tnr-aside-blue{background:var(--lime);color:#fff!important}.tnr-aside-blue span{color:#fff}.tnr-aside-blue .tnr-i{color:#fff}
.tnr-aside-b .tnr-i{color:var(--lime-l)}
@media (max-width:1100px){.tnr-bld-g{grid-template-columns:1fr}}
@media (max-width:1000px){.tnr-foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.tnr-opts-4{grid-template-columns:repeat(2,1fr)}.tnr-opts-3{grid-template-columns:1fr 1fr}.tnr-sizes{grid-template-columns:repeat(2,1fr)}.tnr-cal-r{grid-template-columns:120px repeat(12,minmax(26px,1fr))}}
@media (max-width:600px){.tnr-foot-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.tnr-rollup,.tnr-sparks{display:none}}
#tnrSvg .sp,.tnr-bt-wall .sp{transform-box:fill-box;transform-origin:center;animation:tnrSvgTw 2.4s ease-in-out infinite}
#tnrSvg .sp.d2,.tnr-bt-wall .sp.d2{animation-delay:.8s}#tnrSvg .sp.d3{animation-delay:1.5s}
@keyframes tnrSvgTw{0%,100%{transform:scale(.7) rotate(0);opacity:.75}50%{transform:scale(1.15) rotate(30deg);opacity:1}}
@media (prefers-reduced-motion:reduce){#tnrSvg .sp,.tnr-bt-wall .sp{animation:none}}
#tnrSvg .sp,.tnr-bt-wall .sp{transform-box:fill-box;transform-origin:center;animation:tnrSvgTw 2.4s ease-in-out infinite}
#tnrSvg .sp.d2,.tnr-bt-wall .sp.d2{animation-delay:.8s}#tnrSvg .sp.d3{animation-delay:1.5s}
@keyframes tnrSvgTw{0%,100%{transform:scale(.7) rotate(0);opacity:.75}50%{transform:scale(1.15) rotate(30deg);opacity:1}}
@media (prefers-reduced-motion:reduce){#tnrSvg .sp,.tnr-bt-wall .sp{animation:none}}

#tnrSvg{background:#e0e7ee}
.tnr-legend .k-routine{background:#c4d1df;border:1px solid #809dbb}.tnr-legend .k-focus{background:#809dbb;border:1px solid #9c421f}
.tnr-hero h1 em{color:var(--lime-l);font-style:italic;background:none}
.tnr-hero h1{font-weight:700}
.tnr-footer .tnr-foot-logo img{width:230px;height:auto;background:#fff;padding:10px 16px;border-radius:14px}
#tnrSvg .sp,.tnr-bt-wall .sp{transform-box:fill-box;transform-origin:center;animation:tnrSvgTw 2.4s ease-in-out infinite}
@keyframes tnrSvgTw{0%,100%{transform:scale(.7) rotate(0);opacity:.75}50%{transform:scale(1.15) rotate(30deg);opacity:1}}
.tnr-step-n{color:#fff}
@media (max-width:720px){.tnr-sticky a.a{color:#fff}}
.tnr-sticky a.a{color:#fff}
@media (max-width:1100px){.tnr-hero-shade{background:linear-gradient(180deg,rgba(26,12,6,.84) 0%,rgba(26,12,6,.78) 55%,rgba(26,12,6,.86) 100%)}}