.tnlb-page{
  --wrap:1120px;
  font-family:var(--ft),Arial,sans-serif;
  background:var(--bg);
  color:var(--t);
  width:100%;
  max-width:100%;
  margin:0 auto;
  overflow:hidden;
  box-sizing:border-box;
}
.tnlb-page *{box-sizing:border-box}
.tnlb-page h1,.tnlb-page h2,.tnlb-page b{font-family:var(--fh),Arial,sans-serif}
.tnlb-page section{width:100%;max-width:var(--wrap);margin:0 auto;padding:42px 24px}
.tnlb-page h2{text-align:center;font-size:clamp(26px,3vw,34px);line-height:1.15;margin:0 0 28px;color:#17376e;font-weight:900}

.tn-hero{
  max-width:100%!important;
  min-height:430px;
  background:#dff5ff center bottom/cover no-repeat;
  border-radius:0 0 36px 36px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  padding:56px max(24px,calc((100vw - var(--wrap))/2));
  text-align:left;
}
.tn-hero>div{max-width:680px;width:100%}
.tn-hero h1{font-size:clamp(40px,5.4vw,62px);line-height:1.04;color:#1b2f75;margin:0 0 18px;font-weight:900;letter-spacing:-1px}
.tn-hero p{font-size:clamp(17px,2vw,22px);max-width:640px;color:var(--t);margin:0 0 28px;line-height:1.45}
.tn-hero>img{max-height:340px;max-width:36%;object-fit:contain;flex:0 0 auto}
.tn-search{background:#fff;border-radius:22px;padding:18px;box-shadow:0 14px 42px #20426b24;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;max-width:920px;width:100%;align-items:stretch}
.tn-search input{border:1px solid #e4e9f2;border-radius:14px;padding:17px 18px;font-size:16px;min-width:0;outline:none;background:#fff;color:var(--t)}
.tn-search input:focus{border-color:var(--p);box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 15%,transparent)}
.tn-search button,.tn-cta a{border:0;border-radius:14px;background:var(--p);color:#fff;font-weight:900;padding:0 28px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:54px;box-shadow:0 8px 18px color-mix(in srgb,var(--p) 28%,transparent);cursor:pointer;white-space:nowrap}
.tn-search small{grid-column:1/-1;color:var(--m);font-weight:700;padding:0 4px;text-align:left}

.tn-cats,.tn-jobs,.tn-why{display:grid;gap:22px;justify-content:center;align-items:stretch;margin:0 auto}
.tn-cats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:980px}
.tn-jobs{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));max-width:940px}
.tn-why{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));max-width:1060px}
.tn-cat,.tn-job,.tn-whycard{background:#fff;border:1px solid #edf0f5;border-radius:20px;padding:24px;text-decoration:none;color:var(--t);box-shadow:0 8px 24px #12345612;text-align:center;min-width:0;transition:transform .18s ease, box-shadow .18s ease}
.tn-cat:hover,.tn-job:hover,.tn-whycard:hover{transform:translateY(-3px);box-shadow:0 14px 32px #12345618}
.tn-cat img,.tn-whycard img{height:76px;max-width:100%;object-fit:contain;margin:0 auto 8px;display:block}
.tn-cat b,.tn-job b,.tn-whycard b{display:block;font-size:18px;margin:10px 0 5px;font-weight:900;color:var(--t)}
.tn-cat span,.tn-job span,.tn-whycard p{color:var(--m);display:block;line-height:1.45}
.tn-titleline{display:flex;align-items:center;justify-content:center;gap:24px;max-width:940px;margin:0 auto 24px;position:relative}
.tn-titleline h2{text-align:center;margin:0}
.tn-titleline a{font-weight:900;color:var(--p);text-decoration:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.tn-job{text-align:left;display:block}
.tn-job em{display:inline-block;background:var(--soft);border-radius:999px;padding:7px 11px;margin:16px 0 11px;font-style:normal;color:var(--p);font-weight:900;font-size:14px}
.tn-job small{display:block;color:var(--m);font-weight:700}

.tn-steps,.tn-cta{max-width:var(--wrap);background:linear-gradient(135deg,#f6efff,#fff);border-radius:26px;margin:28px auto;padding:40px 28px;border:1px solid #f0e8ff;box-shadow:0 8px 24px #6030a00d}
.tn-stepwrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:20px;align-items:center;justify-content:center;max-width:1000px;margin:0 auto}
.tn-step{text-align:center;min-width:0;padding:8px}
.tn-step strong{background:var(--p);color:#fff;border-radius:50%;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;box-shadow:0 8px 18px color-mix(in srgb,var(--p) 25%,transparent)}
.tn-step img{height:74px;max-width:100%;display:block;margin:14px auto;object-fit:contain}
.tn-step b{font-size:18px;font-weight:900;color:var(--t)}
.tn-step p{color:var(--m);line-height:1.45;margin:8px 0 0}
.tn-side{max-height:190px;max-width:190px;object-fit:contain;display:block}
.tn-fallback{font-size:44px;margin:8px auto;line-height:1}
.tn-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#f5edff,#ffffff)}
.tn-cta>div{max-width:620px}
.tn-cta h2{text-align:left;margin-bottom:10px}
.tn-cta p{color:var(--m);font-size:18px;line-height:1.5;margin:0 0 18px}
.tn-cta a{padding:15px 24px}
.tn-cta img{max-height:210px;max-width:38%;object-fit:contain}

.tnlb-page footer{width:100%;max-width:100%;display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(120px,1fr));gap:28px;background:#edf9ff;padding:36px max(24px,calc((100vw - var(--wrap))/2));border-radius:26px 26px 0 0;margin-top:36px}
.tnlb-page footer img{max-width:170px;height:auto}.tnlb-page footer b{display:block;margin-bottom:8px;color:#17376e}.tnlb-page footer a{display:block;color:var(--m);text-decoration:none;margin:7px 0;line-height:1.35}.tnlb-page footer p{color:var(--m);line-height:1.45;margin:10px 0 0}

@media(max-width:980px){
  .tn-hero{padding:46px 22px;gap:20px;text-align:center;flex-direction:column}
  .tn-hero p{margin-left:auto;margin-right:auto}.tn-hero>img{max-width:56%;max-height:260px}.tn-search{margin-left:auto;margin-right:auto}.tn-titleline{display:block}.tn-titleline a{position:static;transform:none;display:block;text-align:center;margin-top:10px}.tn-stepwrap{grid-template-columns:repeat(3,minmax(0,1fr))}.tn-side{display:none}.tnlb-page footer{grid-template-columns:repeat(2,minmax(0,1fr));padding:32px 22px}.tn-footbrand{grid-column:1/-1;text-align:center}.tnlb-page footer img{margin:auto;display:block}
}
@media(max-width:720px){
  .tnlb-page section{padding:34px 18px}.tn-hero{min-height:0;border-radius:0 0 24px 24px}.tn-hero h1{font-size:38px}.tn-hero>img{max-width:72%}.tn-search{grid-template-columns:1fr;padding:14px;border-radius:18px}.tn-search button{width:100%;padding:16px}.tn-search small{text-align:center}.tn-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tn-jobs,.tn-why{grid-template-columns:1fr;max-width:430px}.tn-cat,.tn-job,.tn-whycard{padding:20px}.tn-steps,.tn-cta{margin:18px 16px;padding:30px 18px;border-radius:22px}.tn-stepwrap{grid-template-columns:1fr;max-width:430px}.tn-cta{display:block;text-align:center}.tn-cta h2{text-align:center}.tn-cta img{max-width:75%;margin:20px auto 0;display:block}.tnlb-page footer{grid-template-columns:1fr;text-align:center}
}
@media(max-width:420px){.tn-cats{grid-template-columns:1fr}.tn-hero h1{font-size:34px}.tnlb-page h2{font-size:25px}}