.catalog-hero{padding:66px 0 34px}
.catalog-hero h1{font-size:clamp(38px,5.2vw,64px);margin:18px 0 20px}
.catalog-steps{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.cat-nav{display:flex;gap:10px;flex-wrap:wrap;position:sticky;top:74px;z-index:15;background:rgba(246,247,242,.94);backdrop-filter:blur(14px);padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:8px}
.cat-nav a{font-size:13px;font-weight:700;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:white;color:#435048}
.cat-nav a:hover{border-color:var(--green);color:var(--green);transform:translateY(-1px)}
.tph-cat{padding:46px 0 8px;scroll-margin-top:130px}
.tph-cat-title{display:flex;align-items:center;gap:13px;font-size:clamp(24px,3vw,34px);letter-spacing:-.035em;margin:0 0 24px}
.tph-cat-title:before{content:"";width:34px;height:3px;border-radius:3px;background:var(--green);flex:none}
.tph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tph-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:19px;padding:24px;transition:.2s}
.tph-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c9d6cc}
.tph-card .emoji{width:46px;height:46px;border-radius:14px;background:#eef4ef;display:grid;place-items:center;font-size:23px;margin-bottom:15px}
.tph-card h3{margin:0 0 9px;font-size:19px;line-height:1.28;letter-spacing:-.02em}
.tph-card p{margin:0;color:var(--muted);font-size:14.5px}
.tph-card .meta{margin-top:auto;padding-top:20px;font-weight:800;color:var(--green);font-size:13.5px;display:flex;align-items:center;gap:7px}
.tph-card .meta .arr{transition:.2s}
.tph-card:hover .meta .arr{transform:translateX(4px)}
.cat-cta{margin:34px 0 10px}
.int-hero{padding:66px 0 30px}
.int-hero h1{font-size:clamp(38px,5.2vw,64px);margin:18px 0 20px}
.int-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.int-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;display:flex;flex-direction:column}
.int-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.int-head .emoji{width:50px;height:50px;border-radius:15px;background:#eef4ef;display:grid;place-items:center;font-size:25px;flex:none}
.int-card h3{margin:0;font-size:21px;letter-spacing:-.025em}
.int-sub{color:var(--green);font-weight:750;font-size:14px;margin:2px 0 16px}
.int-card ul{margin:0 0 18px;padding-left:20px;color:var(--muted);font-size:14.5px;display:grid;gap:8px}
.int-note{margin-top:auto;font-size:13px;color:var(--muted);background:#f2f5f1;border-radius:12px;padding:12px 14px}