:root {
     --bg: #141515;
     --text: #F1F1F1;
     --muted: #CFCFCF;
     --accent: #1CA2BD;
     --maxw: 1440px;
     --padX: 36px;
     --navGap: 72px;
     --hdH: 92px;

     --wk-bg: #F3F4F4;
     --wk-text: #191919;
     --wk-muted: #2A2A2A;
     --wk-accent: #1CA2BD;
     --wk-maxw: 1440px;
     --wk-padX: 36px;


     --bk-accent: #1CA2BD;
     --bk-text: #1b1b1b;
     --bk-muted: #3a3a3a;
     --bk-bg: #F6F7F7;
     --bk-maxw: 1440px;
     --bk-padX: 36px;


     --sk-bg: #121212;
     --sk-text: #EDEDED;
     --sk-muted: #C9C9C9;
     --sk-accent: #1CA2BD;
     --sk-maxw: 1440px;
     --sk-padX: 36px;

     --hf-bg: #0f1010;
     --hf-text: #ececec;
     --hf-muted: #d6d6d6;
     --hf-accent: #1CA2BD;

     --hf-maxw: 1440px;
     --hf-padX: 36px;

     --hf-gap-col: clamp(48px, 7vw, 120px);
     --hf-gap-row: clamp(56px, 8vw, 120px);

     --hf-card-w: clamp(280px, 36vw, 560px);
     --hf-topline: clamp(160px, 22vw, 360px);
     --hf-botline: clamp(90px, 10vw, 140px);


     --tk-bg: #121212;
     --tk-text: #ECECEC;
     --tk-muted: #f1f1f1;
     --tk-accent: #1CA2BD;

     --tk-maxw: 1440px;
     --tk-padX: 36px;

     --tk-line-top: clamp(120px, 12vw, 240px);
     --tk-line-bot: clamp(90px, 9vw, 160px);


     --cp-bg: #EDEEEF;
     --cp-text: #101515;
     --cp-accent: #1CA2BD;
     --cp-maxw: 1440px;
     --cp-padX: 36px;

     --card-h: 560px;
     --gap: 36px;
     --card-radius: 8px;
     --card-border: #d7dce1;

     --rk-bg: #ECEDEE;
     --rk-text: #101515;
     --rk-muted: #4d5356;
     --rk-accent: #1CA2BD;
     --rk-maxw: 1440px;
     --rk-padX: 36px;
     --rk-gap: 36px;


     --ms-bg: #ECEEEF;
     --ms-text: #101515;
     --ms-accent: #1CA2BD;
     --ms-maxw: 1440px;
     --ms-padX: 36px;

     --ms-gap: 36px;
     --ms-card-h: 520px;
     --ms-border: #d7dce1;
     --ms-radius: 12px;


     --th-bg: #111212;
     --th-text: #ECECEC;
     --th-muted: #DADADA;
     --th-accent: #1CA2BD;

     --th-maxw: 1440px;
     --th-padX: 36px;

     --th-gap: 64px;
     --th-line-w: 520px;

     --tsk-bg: #101111;
     --tsk-text: #ECECEC;
     --tsk-accent: #1CA2BD;

     --tsk-maxw: 1440px;
     --tsk-padX: 36px;

     --tsk-gap: 48px;
     --tsk-line-w: 120px;
     --tsk-cta-w: 560px;


     --ok-bg: #f1f1f1;
     --ok-text: #121212;
     --ok-muted: #444;
     --ok-accent: #1CA2BD;

     --ok-maxw: 1440px;
     --ok-padX: 36px;

     --ok-gap: 48px;
     --ok-line-top-w: 320px;
     --ok-line-mid-w: 140px;
     --ok-line-bot-w: 96px;
     --fk-bg: #f1f1f1;
     --fk-text: #101515;
     --fk-muted: #2c3235;
     --fk-accent: #1CA2BD;

     --fk-maxw: 1440px;
     --fk-padX: 36px;

     --fk-gap: 56px;
     --fk-cta-w: 620px;


     --kf-bg: #121212;
     --kf-text: #EDEDED;
     --kf-muted: #CFCFCF;
     --kf-accent: #1CA2BD;

     --kf-maxw: 1440px;
     --kf-padX: 36px;
     --kf-gap: 36px;

     --kk-accent: #1CA2BD;
     --kk-bg: #0b0c0d;
     --kk-panel: #0f1112;
     --kk-text: #F2F2F2;
     --kk-muted: #d9d9d9;

     --kk-radius: 18px;
     --kk-input-radius: 26px;
     --kk-shadow: 0 16px 80px rgba(0, 0, 0, .5);
     --kk-width: min(860px, 92vw);


     --pl-bg: #EAEEF2;
     --pl-text: #333333;
     --pl-muted: #333333;
     --pl-accent: #333333;

     --pl-maxw: 1120px;
     --pl-padX: 24px;
 }

 * {
     box-sizing: border-box
 }

 html,
 body {
     height: 100%
 }

 body {
     margin: 0;
     background: 151515;
     color: var(--text);
     font-family: "Forum", serif;
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
 }

 ul {
     list-style-type: none;
 }

 .site-header {
     position: absolute;
     width: 100%;
     top: 0;
     z-index: 50;
     padding: 20px 0;
 }

 .header-inner {
     height: var(--hdH);
     max-width: var(--maxw);
     padding: 0 var(--padX);
     margin: 0 auto;
     display: flex;
     align-items: center;
     gap: 40px;
 }

 .logo {
     display: flex;
     align-items: center;
     gap: 18px;
     text-decoration: none
 }

 .logo svg {
     display: block;
     width: 64px;
     height: 64px;
 }

 .logo-title {
     font-size: 56px;
     line-height: 1;
     letter-spacing: 0.02em;
     color: var(--accent);
     font-weight: 400;
     margin-top: 4px;
 }

 nav {
     flex: 1 1 auto;
 }

 .nav {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: var(--navGap);
 }

 .nav a {
     color: var(--text);
     text-decoration: none;
     font-size: 24px;
     font-weight: 300;
     line-height: 1;
     opacity: .92;
     transition: opacity .2s ease, transform .2s ease;
 }

 .nav a:hover {
     opacity: 1;
     transform: translateY(-1px)
 }

 .lang {
     display: flex;
     align-items: center;
     gap: 10px;
     font-size: 28px;
     font-weight: 300;
     cursor: pointer;
 }

 .chev {
     width: 16px;
     height: 16px;
     border-right: 2px solid var(--text);
     border-bottom: 2px solid var(--text);
     transform: rotate(45deg) translateY(-2px);
     opacity: .9
 }

 .burger {
     display: none;
     width: 44px;
     height: 44px;
     margin-left: -25px;
     position: relative;
     background: transparent;
     border: none;
 }

 .burger span {
     width: 40px;
     height: 2px;
     position: absolute;
     left: 10px;
     right: 10px;
     height: 2px;
     background: var(--text);
     transition: transform .25s ease, opacity .25s ease;
 }

 .burger span:nth-child(1) {
     top: 14px
 }

 .burger span:nth-child(2) {
     top: 21px
 }

 .burger span:nth-child(3) {
     top: 28px
 }

 .drawer {
     position: fixed;
     top: var(--hdH);
     background: var(--bg);
     display: none;
 }

 .drawer.open {
     display: block
 }

 .drawer ul {
     list-style: none;
     margin: 0;
     padding: 18px var(--padX) 28px;
 }

 .drawer a {
     display: block;
     padding: 14px 0;
     font-size: 22px;
     color: var(--text);
     text-decoration: none;
     border-bottom: 1px solid #222
 }

 @media (max-width: 1280px) {
     :root {
         --navGap: 56px;
         --padX: 28px
     }

     .logo-title {
         font-size: 50px
     }

 }

 @media (max-width: 1080px) {
     :root {
         --navGap: 44px
     }

     .logo svg {
         width: 58px;
         height: 58px
     }

     .logo-title {
         font-size: 46px
     }

     .nav a,
     .lang {
         font-size: 24px
     }
 }


 @media (max-width: 520px) {
     :root {
         --padX: 18px;
         --hdH: 80px
     }

     .logo svg {
         width: 50px;
         height: 50px
     }

     .logo-title {
         font-size: 40px
     }


 }

 .dev-grid::before {
     content: "";
     position: fixed;
     inset: 0;
     pointer-events: none;
     background-image: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px);
     background-size: 100% 8px;
     display: none;
 }

 .dev-grid.on::before {
     display: block
 }

 .hero {
     position: relative;
     background: url('../img/hero.svg') center center/cover no-repeat;
     height: 100vh;
 }

 .hero-inner {
     max-width: var(--maxw);
     margin: 0 auto;
     padding: 56px var(--padX) 48px;
     display: grid;
     grid-template-columns: 1.05fr .95fr;
     align-items: end;
     gap: 48px;
     padding-top: 250px;
 }

 .hero-col {
     position: relative
 }

 .hero-title {
     margin: 28px 0 18px;
     color: #F0F0F0;
     font-weight: 500;
     font-size: 48px;
     line-height: 1.12;
     letter-spacing: .01em;
 }

 .hero-title .brand {
     text-transform: uppercase;
 }

 .hero-lead {
     margin: 0 0 22px;
     max-width: 720px;
     color: #F1F1F1;
     font-size: 20px;
     line-height: 1.45;
     font-weight: 300
 }

 .cta-wrap {
     display: grid;
     align-items: center;
     grid-template-rows: auto auto auto;
     gap: 12px;
     width: min(640px, 100%);
     margin-top: 40px;
 }



 .btn-cta {
     display: block;
     text-align: center;
     padding: 10px;
     text-decoration: none;
     color: #E9F8FB;
     border: 2px solid var(--accent);
     border-left: none;
     border-right: none;
     font-size: 28px;
     font-weight: 400;
     background: transparent;
     transition: background .2s ease, color .2s ease, transform .2s ease;
 }

 .btn-cta:hover {
     background: var(--accent);
     color: #062024;
     transform: translateY(-1px)
 }

 .btn-cta__white {
     color: #151515;
 }

 .hero-visual {
     position: relative;
 }

 .hero-img {
     width: 100%;
     height: 720px;
     object-fit: cover;
     object-position: center right;
     filter: grayscale(100%);
 }

 .deco-column {
     position: absolute;
     left: 36px;
     bottom: 24px;
     width: 180px;
     height: 280px;
     opacity: .6
 }

 .scroll-down {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: -28px;
     width: 76px;
     height: 76px;
     border-radius: 100%;
     background: var(--accent);
     display: grid;
     place-items: center;
     box-shadow: 0 10px 24px rgba(0, 0, 0, .35);
 }

 .chev-down {
     width: 20px;
     height: 20px;
     border-right: 3px solid #fff;
     border-bottom: 3px solid #fff;
     transform: rotate(45deg);
     margin-top: -6px
 }

 @media (max-width: 1280px) {
     .hero-img {
         height: 640px
     }
 }

 @media (max-width: 1080px) {
     .hero-inner {
         gap: 36px
     }

     .hero-title {
         font-size: 44px
     }

     .hero-lead {
         font-size: 18px
     }
 }

 @media (max-width: 920px) {
     .hero {
         height: auto;
     }

     .hero-inner {
         grid-template-columns: 1fr;
         align-items: start;
         padding: 130px var(--padX) 64px
     }

     .hero-visual {
         order: 2
     }

     .hero-img {
         height: 520px;
         object-position: center 30%
     }

     .deco-column {
         left: 24px;
         width: 160px;
         height: 240px
     }
 }

 @media (max-width: 560px) {
     .hero-title {
         font-size: 36px;
         letter-spacing: .005em
     }

     .btn-cta {
         font-size: 16px;
         padding: 14px 18px
     }

     .hero-img {
         height: 460px
     }
 }

 .why-kanken {
     background: var(--wk-bg);
     color: var(--wk-text);
     font-family: "Forum", serif;
 }

 .why-kanken__inner {
     max-width: var(--wk-maxw);
     margin: 0 auto;
     padding: 90px var(--wk-padX) 80px;
 }

 .why-kanken__title {
     margin: 0 0 40px;
     font-weight: 300;
     font-size: 48px;
     line-height: 1.1;
     letter-spacing: .01em;
 }

 .why-kanken__grid {
     position: relative;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 64px 80px;
     padding: 40px 10px 54px;
 }

 .why-kanken__grid::before,
 .why-kanken__grid::after {
     content: "";
     position: absolute;
     background: var(--wk-accent);
     opacity: .9;
 }

 .why-kanken__grid::before {
     left: 10%;
     right: 10%;
     height: 2px;
     top: 50%;
     transform: translateY(-50%);
 }

 .why-kanken__grid::after {
     top: 12%;
     bottom: 12%;
     width: 2px;
     left: 50%;
     transform: translateX(-50%);
 }

 .why-kanken__card {
     max-width: 380px;
     justify-self: center;
     text-align: center;
     font-size: 20px;
     line-height: 1.6;
     color: var(--wk-muted);
 }

 .why-kanken__stats {
     margin-top: 80px;
     display: grid;
     align-items: center;
     grid-template-columns: repeat(4, 1fr);
 }

 .why-kanken__stat {
     position: relative;
     padding: 28px 32px;
     text-align: center;
     font-size: 28px;
     line-height: 1.25;
     font-weight: 300;
     letter-spacing: .02em;
     text-transform: uppercase;
 }

 .why-kanken__stat+.why-kanken__stat {
     border-left: 2px solid var(--wk-accent);
 }

 @media (max-width:1280px) {
     .why-kanken__grid {
         gap: 42px 50px
     }


 }

 @media (max-width:920px) {
     .why-kanken__inner {
         padding: 70px var(--wk-padX)
     }

     .why-kanken__card {
         max-width: 100%;
         width: 100%;
         border-bottom: 2px solid var(--wk-accent);
         padding-bottom: 20px;
     }

     .why-kanken__grid {
         grid-template-columns: 1fr;
         padding: 30px 0 20px;
     }

     .why-kanken__grid::before,
     .why-kanken__grid::after {
         display: none
     }

     .why-kanken__stats {
         grid-template-columns: 1fr;
         gap: 18px;
     }

     .why-kanken__stat {
         border-bottom: 2px solid var(--wk-accent);
         padding-bottom: 20px;
     }


     .why-kanken__stat {
         border-left: none !important;
         border-top: 3px solid transparent;
         font-size: 20px;
     }
 }

 @media (max-width:560px) {
     .why-kanken__title {
         font-size: 38px
     }


     .why-kanken__stat {
         font-size: 18px
     }
 }

 .benefits-kanken {
     background: #fff;
     font-family: "Forum", serif;
     color: var(--bk-text);
 }

 .benefits-kanken__inner {
     max-width: var(--bk-maxw);
     margin: 0 auto;
     padding: 70px var(--bk-padX);
     display: grid;
     grid-template-columns: 1.02fr .98fr;
     gap: 56px;
     align-items: center;
 }

 .benefits-kanken__text {
     padding-left: 18px;
 }

 .benefit {
     margin: 0 0 34px;
 }

 .benefit__title {
     margin: 0 0 10px;
     font-weight: 400;
     font-size: 28px;
     letter-spacing: .02em;
     text-transform: uppercase;
 }

 .benefit__line {
     display: block;
     width: 60px;
     height: 2px;
     background: var(--bk-accent);
     margin: 0 0 10px;
 }

 .benefit__desc {
     margin: 0;
     font-size: 20px;
     line-height: 1.55;
     color: var(--bk-muted);
     max-width: 520px;
 }

 .benefits-kanken__cta {
     margin-top: 36px;
     width: min(640px, 100%);
     display: grid;
     gap: 12px;
 }

 .cta-line {
     display: block;
     height: 4px;
     background: linear-gradient(90deg, transparent 0 4%, var(--bk-accent) 4% 96%, transparent 96%);
 }

 .cta-btn {
     display: block;
     text-align: center;
     padding: 16px 22px;
     border: 2px solid var(--bk-accent);
     text-decoration: none;
     color: #0f2b31;
     background: #fff;
     letter-spacing: .06em;
     font-size: 18px;
     transition: .2s ease background, .2s ease color, .2s ease transform;
 }

 .cta-btn:hover {
     background: var(--bk-accent);
     color: #062024;
     transform: translateY(-1px);
 }

 .benefits-kanken__visual {
     margin: 0;
     cursor: pointer;
 }

 .benefits-kanken__img {
     width: 100%;
     object-fit: cover;
     object-position: center;
     display: block;
 }

 @media (max-width:1180px) {


     .benefit__desc {
         font-size: 18px
     }


 }

 @media (max-width:940px) {
     .benefits-kanken__inner {
         grid-template-columns: 1fr;
         gap: 28px
     }

     .benefits-kanken__text {
         order: 1;
         padding-left: 0
     }

     .benefits-kanken__visual {
         order: 2
     }


 }

 @media (max-width:560px) {
     .benefits-kanken__inner {
         padding: 50px var(--bk-padX)
     }

     .benefit__title {
         font-size: 26px
     }

     .benefit__desc {
         font-size: 17px
     }

     .cta-btn {
         font-size: 16px;
         padding: 14px 18px
     }
 }

 .steps-kanken {
     background: var(--sk-bg);
     color: var(--sk-text);
     font-family: "Forum", serif;
 }

 .steps-kanken__inner {
     max-width: var(--sk-maxw);
     margin: 0 auto;
     padding: 70px var(--sk-padX) 80px;
 }

 .steps-kanken__title {
     margin: 0 0 28px;
     font-weight: 300;
     font-size: 48px;
     line-height: 1.2;
 }

 .steps-kanken__grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 26px 36px;
     margin-bottom: 36px;
 }

 .step {
     text-align: center;
     padding: 8px 10px;
 }

 .step__title {
     text-transform: uppercase;
     letter-spacing: .06em;
     font-weight: 400;
     font-size: 28px;
     margin: 0 0 10px;
     position: relative;
 }

 .step__title::before {
     content: "";
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: -10px;
     width: 100px;
     height: 2px;
     background: var(--sk-accent);
 }

 .step__desc {
     margin: 24px auto 0;
     max-width: 280px;
     color: var(--sk-muted);
     font-size: 20px;
     line-height: 1.55;
 }

 .steps-kanken__cta {
     display: grid;
     grid-template-columns: 0.9fr 1.1fr;
     gap: 40px;
     align-items: center;
     margin-top: 26px;
 }

 .steps-kanken__visual {
     margin: 0;
     cursor: pointer;
 }

 .steps-kanken__img {
     width: 100%;
     display: block;
 }

 .steps-kanken__text {
     padding: 8px 0
 }

 .cta__lead {
     margin: 0 0 14px;
     font-size: 48px;
     line-height: 1.25;
     font-weight: 300;
     text-align: center;
 }

 .cta__action {
     width: min(560px, 100%);
     display: grid;
     margin: 0 auto;
     gap: 12px;
     margin-top: 18px
 }

 .cta__line {
     display: block;
     height: 4px;
     background: linear-gradient(90deg, transparent 0 4%, var(--sk-accent) 4% 96%, transparent 96%);
 }

 .cta__btn {
     display: block;
     text-align: center;
     padding: 14px 20px;
     border: 2px solid var(--sk-accent);
     text-decoration: none;
     letter-spacing: .06em;
     color: var(--sk-text);
     background: transparent;
     font-size: 16px;
     transition: .2s ease background, .2s ease color, .2s ease transform;
 }

 .cta__btn:hover {
     background: var(--sk-accent);
     color: #062024;
     transform: translateY(-1px)
 }

 @media (max-width:1180px) {
     .steps-kanken__grid {
         grid-template-columns: repeat(1, 1fr)
     }

     .steps-kanken__img {
         height: 400px
     }
 }

 @media (max-width:860px) {
     .steps-kanken__cta {
         grid-template-columns: 1fr;
     }

     .steps-kanken__img {
         height: 360px
     }
 }

 @media (max-width:560px) {
     .steps-kanken__inner {
         padding: 56px var(--sk-padX) 64px
     }

     .steps-kanken__title {
         font-size: 36px
     }

     .cta__lead {
         font-size: 36px
     }


     .step__desc {
         font-size: 15px
     }
 }

 .help-fixed {
     background: var(--hf-bg);
     color: var(--hf-text);
     font-family: "Forum", serif;
 }

 .help-fixed__inner {
     max-width: var(--hf-maxw);
     margin: 0 auto;
     padding: 72px var(--hf-padX) 96px;
 }

 .help-fixed__title {
     margin: 0 0 54px;
     font-weight: 300;
     font-size: 48px;
     line-height: 1.08;
     letter-spacing: .01em;
 }

 .help-fixed__grid {
     display: grid;
     grid-template-columns: repeat(5, minmax(0, 1fr));
     grid-template-areas:
         "a . b . c"
         ". d . e .";
     row-gap: var(--hf-gap-row);
     justify-items: center;
 }

 .card.a {
     grid-area: a
 }

 .card.b {
     grid-area: b
 }

 .card.c {
     grid-area: c
 }

 .card.d {
     grid-area: d
 }

 .card.e {
     grid-area: e
 }

 .card {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
 }



 .topline,
 .botline {
     display: block;
     height: 2px;
     background: var(--hf-accent);
     width: 100%;
     max-width: var(--hf-topline);
 }

 .topline-hr {
     display: block;
     height: 2px;
     background: var(--hf-accent);
     width: 100%;
     max-width: 200px;
     margin-bottom: 10px;
 }

 .topline {
     margin: 0 auto 22px
 }


 .botline {
     margin: 22px auto 0;
     max-width: var(--hf-botline)
 }

 .title {
     margin: 0 0 18px;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 28px;
     line-height: 1.28;
     letter-spacing: .04em;
 }

 .desc {
     margin: 0;
     color: var(--hf-muted);
     font-size: 20px;
     line-height: 1.55;
     max-width: 52ch;
 }

 @media (max-width:900px) {
     .help-fixed__grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         grid-template-areas:
             "a b"
             "c c"
             "d e";
     }
 }

 @media (max-width:620px) {
     .help-fixed__title {
         font-size: 38px;
         margin-bottom: 36px
     }

     .help-fixed__grid {
         grid-template-columns: 1fr;
         grid-template-areas:
             "a"
             "b"
             "c"
             "d"
             "e";
     }

 }

 .team-kanken {
     background: var(--tk-bg);
     color: var(--tk-text);
     font-family: "Forum", serif;
 }

 .team-kanken__inner {
     max-width: var(--tk-maxw);
     margin: 0 auto;
     padding: 64px var(--tk-padX) 96px;
 }

 .team-kanken__title {
     margin: 0 0 60px;
     font-weight: 300;
     font-size: 48px;
     line-height: 1.2;
 }

 .team-kanken__grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 48px;
     align-items: start;
 }

 .member {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
 }

 .member__head {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 10px;
     margin-bottom: 12px;
 }

 .member__line-top {
     display: block;
     height: 2px;
     width: 100%;
     max-width: 325px;
     background: var(--tk-accent);
 }

 .line__member {
     display: block;
     height: 2px;
     width: 100%;
     max-width: 200px;
     background: var(--tk-accent);
 }

 .member__name {
     margin: 0;
     text-transform: uppercase;
     letter-spacing: .05em;
     font-weight: 400;
     font-size: 28px;
     line-height: 1.35;
 }

 .member__role {
     color: var(--tk-muted);
     font-size: 20px;
     line-height: 1.3;
 }

 .member__photo {
     width: 100%;
     max-width: 320px;
     aspect-ratio: 3/4;
     margin: 8px 0 14px;
     background: #0b0b0b;
     overflow: hidden;
     cursor: pointer;
 }

 .member__photo img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center
 }

 .member__desc {
     max-width: 360px;
     color: var(--tk-muted);
     font-size: 20px;
     line-height: 1.6;
     margin: 0 0 14px;
 }

 .member__line-bot {
     display: block;
     height: 2px;
     width: 100%;
     max-width: 100px;
     background: var(--tk-accent);
 }

 @media (max-width:1180px) {
     .team-kanken__grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 42px 36px;
     }

 }

 @media (max-width:640px) {


     .team-kanken__grid {
         grid-template-columns: 1fr;
         gap: 36px
     }


 }

 .cases-proof {
     background: var(--cp-bg);
     color: var(--cp-text);
     font-family: "Forum", serif;
 }

 .cp__inner {
     max-width: var(--cp-maxw);
     margin: 0 auto;
     padding: 200px 0;
 }

 .cp__topline {
     height: 4px;
     background: var(--cp-accent);
     margin-bottom: 12px
 }

 .cp__title {
     margin: 0 0 18px;
     font-weight: 300;
     font-size: 48px;
 }

 .cp {
     position: relative;
 }

 .cp__viewport {
     overflow: hidden;
     scroll-behavior: smooth;
 }

 /* <-- viewport скролиться */
 .cp__track {
     --gap: var(--gap);
     display: flex;
     gap: var(--gap);
 }

 .cp__slide {
     flex: 0 0 auto;
 }

 .cp__card {
     position: relative;
     background: #fff;
     border: 1px solid var(--card-border);
     border-radius: var(--card-radius);
     height: var(--card-h);
     overflow: hidden;
     box-shadow: 0 8px 28px rgba(0, 0, 0, .08);
 }

 .cp__card img {
     width: 100%;
     height: 100%;
     object-fit: cover
 }



 .cp__nav {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 44px;
     height: 44px;
     border-radius: 50%;
     border: 1px solid #cfd6dc;
     background: #fff;
     box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
     cursor: pointer;
 }

 .cp__nav--prev {
     left: -6px
 }

 .cp__nav--next {
     right: -6px
 }

 .cp__nav::before {
     content: "";
     display: block;
     width: 12px;
     height: 12px;
     margin: 0 auto;
     border-right: 3px solid #333;
     border-bottom: 3px solid #333;
     transform: rotate(225deg);
     position: relative;
     top: 15px;
 }

 .cp__nav--next::before {
     transform: rotate(45deg)
 }

 .cp__cta {
     margin-top: 26px;
     display: grid;
     gap: 10px;
     width: min(760px, 100%);
     margin-inline: auto;
 }

 .cp__line {
     height: 4px;
     background: linear-gradient(90deg, transparent 0 3%, var(--cp-accent) 3% 97%, transparent 97% 100%)
 }

 .cp__btn {
     display: block;
     text-align: center;
     padding: 14px 18px;
     border: 2px solid var(--cp-accent);
     text-decoration: none;
     letter-spacing: .06em;
     color: #0d2a2f;
     background: #fff;
     transition: .2s
 }

 .cp__btn:hover {
     background: var(--cp-accent);
     color: #062024
 }

 @media (max-width:1280px) {
     :root {
         --card-h: 520px
     }
 }

 @media (max-width:1024px) {
     :root {
         --card-h: 480px
     }
 }

 @media (max-width:720px) {

     :root {
         --card-h: 440px;
         --gap: 18px
     }

     .cp__nav {
         display: none
     }
 }

 .reviews-kanken {
     background: var(--rk-bg);
     color: var(--rk-text);
     font-family: "Forum", serif;
 }

 .rk__inner {
     max-width: var(--rk-maxw);
     margin: 0 auto;
     padding: 26px var(--rk-padX) 56px;
 }

 .rk__title {
     margin: 0 0 40px;
     font-weight: 300;
     font-size: 48px;
 }

 .rk__grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: var(--rk-gap);
 }

 .rk__thumb {
     position: relative;
     background: #000;
     aspect-ratio: 16/9;
     overflow: hidden;
 }

 .rk__thumb img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
     filter: saturate(.9)
 }

 .rk__play {
     position: absolute;
     inset: auto;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 64px;
     height: 64px;
     border-radius: 50%;
     border: none;
     background: #fff;
     box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
     cursor: pointer;
 }

 .rk__play::before {
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-40%, -50%);
     width: 0;
     height: 0;
     border-left: 18px solid #333;
     border-top: 12px solid transparent;
     border-bottom: 12px solid transparent;
 }


 .rk__line {
     display: block;
     height: 2px;
     width: 60px;
     background: var(--rk-accent);
     margin: 20px 0 10px
 }

 .rk__text p {
     margin: 0;
     color: #151515;
     font-size: 20px;
     line-height: 1.55
 }


 .rk-modal {
     position: fixed;
     inset: 0;
     display: grid;
     place-items: center;
     background: rgba(0, 0, 0, .5);
     opacity: 0;
     visibility: hidden;
     transition: .2s;
     z-index: 60;
 }

 .rk-modal.is-open {
     opacity: 1;
     visibility: visible
 }

 .rk-modal__backdrop {
     position: absolute;
     inset: 0
 }

 .rk-modal__dialog {
     position: relative;
     width: min(960px, 92vw);
     aspect-ratio: 16/9;
     background: #000;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
 }

 .rk-modal__close {
     position: absolute;
     top: 8px;
     right: 10px;
     z-index: 1;
     border: none;
     background: rgba(255, 255, 255, .9);
     width: 36px;
     height: 36px;
     border-radius: 50%;
     cursor: pointer;
     font-size: 18px;
     line-height: 36px;
 }

 .rk-modal__content,
 .rk-modal__content iframe,
 .rk-modal__content video {
     width: 100%;
     height: 100%;
     display: block
 }

 @media (max-width:1120px) {
     .rk__grid {
         grid-template-columns: 1fr 1fr
     }
 }

 @media (max-width:680px) {

     .rk__grid {
         grid-template-columns: 1fr;
         gap: 20px
     }

     .rk__text p {
         font-size: 16px
     }
 }

 .media-swipe {
     background: var(--ms-bg);
     color: var(--ms-text);
     font-family: "Forum", serif;
 }

 .ms__inner {
     max-width: var(--ms-maxw);
     margin: 0 auto;
     padding: 60px var(--ms-padX) 60px;
 }

 .ms__topline {
     height: 4px;
     background: var(--ms-accent);
     margin-bottom: 12px
 }

 .ms__title {
     margin: 0 0 18px;
     font-weight: 300;
     font-size: 44px;
 }

 /* Slider */
 .ms__viewport {
     overflow: hidden;
 }

 .ms__track {
     --gap: var(--ms-gap);
     display: flex;
     gap: var(--ms-gap);
     user-select: none;
     scroll-behavior: smooth;
 }

 .ms__track.is-dragging {
     cursor: grabbing
 }

 .ms__slide {
     flex: 0 0 auto;
     min-width: 0;
     height: var(--ms-card-h);
 }

 .ms__card {
     display: flex;
     align-items: stretch;
     width: 100%;
     height: 100%;
     background: #fff;
     border: 1px solid var(--ms-border);
     border-radius: var(--ms-radius);
     overflow: hidden;
     box-shadow: 0 10px 32px rgba(0, 0, 0, .08);
 }

 .ms__card img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     max-width: none;
 }

 .ms__cta {
     margin-top: 26px;
     display: grid;
     gap: 10px;
     width: min(760px, 100%);
     margin-inline: auto
 }

 .ms__line {
     height: 4px;
     background: linear-gradient(90deg, transparent 0 3%, var(--ms-accent) 3% 97%, transparent 97% 100%)
 }

 .ms__btn {
     display: block;
     text-align: center;
     padding: 14px 18px;
     border: 2px solid var(--ms-accent);
     letter-spacing: .06em;
     color: #0d2a2f;
     background: #fff;
     text-decoration: none;
     transition: .2s;
 }

 .ms__btn:hover {
     background: var(--ms-accent);
     color: #062024
 }

 @media (max-width:1280px) {
     :root {
         --ms-card-h: 480px
     }
 }

 @media (max-width:1024px) {
     :root {
         --ms-card-h: 440px
     }
 }

 @media (max-width:720px) {
     .ms__title {
         font-size: 34px
     }

     :root {
         --ms-gap: 18px;
         --ms-card-h: 400px
     }
 }

 .media-swipe .ms__track {
     --gap: var(--ms-gap);
     display: flex;
     gap: var(--ms-gap);
 }

 .media-swipe .ms__slide {
     min-width: 0;
     height: var(--ms-card-h);
 }

 .media-swipe .ms__card {
     display: flex;
     align-items: stretch;
     width: 100%;
     height: 100%;
     overflow: hidden;
     border-radius: var(--ms-radius);
     background: #fff;
     border: 1px solid var(--ms-border);
     box-shadow: 0 10px 32px rgba(0, 0, 0, .08);
 }

 .media-swipe .ms__card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block
 }

 .tech-hero {
     background: var(--th-bg);
     color: var(--th-text);
     font-family: "Forum", serif;
 }

 .th__inner {
     max-width: var(--th-maxw);
     margin: 0 auto;
     padding: 56px var(--th-padX) 72px;
     display: grid;
     grid-template-columns: 1.15fr 1fr;
     gap: var(--th-gap);
     align-items: center;
 }

 .th__left {
     display: flex;
     flex-direction: column;
     gap: 28px
 }

 .th__title {
     padding: 56px var(--th-padX) 72px;
     margin: 0;
     font-weight: 300;
     font-size: 48px;
     line-height: 1.1;
     letter-spacing: .01em;
 }

 .th__lead {
     text-align: center;
     max-width: 720px;
 }

 .th__lead p {
     margin: 0 0 14px;
     color: var(--th-muted);
     font-size: 30px;
 }

 .th__cta {
     display: grid;
     gap: 10px;
     width: min(var(--th-line-w), 100%);
     margin-inline: auto;
 }

 .th__line {
     display: block;
     height: 4px;
     background: linear-gradient(90deg, transparent 0 2%, var(--th-accent) 2% 98%, transparent 98% 100%);
 }

 .th__btn {
     display: block;
     text-align: center;
     padding: 14px 18px;
     border: 2px solid var(--th-accent);
     letter-spacing: .06em;
     text-decoration: none;
     color: #0e2d31;
     background: #fff;
     transition: .2s ease;
 }

 .th__btn:hover {
     background: var(--th-accent);
     color: #062024
 }

 .th__right {
     margin: 0;
     aspect-ratio: 16/12;
     background: #000;
     overflow: hidden;
     border-radius: 8px;
 }

 .th__right img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 @media (max-width:1180px) {
     .th__title {
         font-size: 48px
     }

     .th__lead p {
         font-size: 30px
     }
 }

 @media (max-width:900px) {
     .th__inner {
         grid-template-columns: 1fr;
         gap: 32px;
     }

     .th__title {
         font-size: 42px
     }

     .th__lead {
         max-width: 640px
     }

     .th__right {
         order: 2
     }
 }

 @media (max-width:600px) {
     .th__title {
         font-size: 34px
     }



     :root {
         --th-gap: 28px
     }
 }

 .tech-steps-kanken {
     background: var(--tsk-bg);
     color: var(--tsk-text);
     font-family: "Forum", serif;
 }

 .tsk__inner {
     max-width: var(--tsk-maxw);
     margin: 0 auto;
     padding: 56px var(--tsk-padX) 72px;
 }

 .tsk__title {
     margin: 0 0 28px;
     font-weight: 300;
     font-size: 48px;
     line-height: 1.1;
     letter-spacing: .01em;
 }

 .tsk__grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: var(--tsk-gap);
     align-items: end;
     text-align: center;
     margin-top: 22px;
     margin-bottom: 32px;
 }

 .tsk__item {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 12px
 }

 .tsk__h3 {
     margin: 0;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: .04em;
     line-height: 1.35;
     font-size: 28px;
     max-width: 28ch;
 }

 .tsk__line {
     display: block;
     width: var(--tsk-line-w);
     height: 4px;
     background: var(--tsk-accent);
 }

 .tsk__lead {
     margin: 65px auto 30px;
     text-align: center;
     font-size: 30px;
     line-height: 1.45;
     max-width: 600px;
     color: #E6E6E6;
 }

 .tsk__cta {
     display: grid;
     gap: 10px;
     width: min(var(--tsk-cta-w), 100%);
     margin-inline: auto;
 }

 .tsk__line-long {
     display: block;
     height: 4px;
     background: linear-gradient(90deg, transparent 0 2%, var(--tsk-accent) 2% 98%, transparent 98% 100%);
 }

 .tsk__btn {
     display: block;
     text-align: center;
     padding: 14px 18px;
     border: 2px solid var(--tsk-accent);
     letter-spacing: .06em;
     text-decoration: none;
     color: #0e2d31;
     background: #fff;
     transition: .2s ease;
 }

 .tsk__btn:hover {
     background: var(--tsk-accent);
     color: #062024
 }

 @media (max-width:1180px) {
     .tsk__title {
         font-size: 48px
     }

     .tsk__lead {
         font-size: 24px
     }
 }

 @media (max-width:900px) {
     .tsk__grid {
         grid-template-columns: 1fr;
         gap: 26px
     }

     .tsk__h3 {
         max-width: 32ch
     }

     .tsk__title {
         font-size: 42px
     }
 }

 @media (max-width:600px) {
     .tsk__title {
         font-size: 34px
     }

     .tsk__h3 {
         font-size: 20px
     }

     .tsk__lead {
         font-size: 20px
     }
 }

 .offer-kanken {
     background: var(--ok-bg);
     color: var(--ok-text);
     font-family: "Forum", serif;
 }

 .ok__inner {
     max-width: var(--ok-maxw);
     margin: 0 auto;
     padding: 200px var(--ok-padX) 200px;
 }

 .ok__title {
     margin: 0 0 40px;
     font-weight: 300;
     font-size: 48px;
     line-height: 1.1;
 }

 .ok__grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: var(--ok-gap);
     align-items: start;
 }

 .ok__item {
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 10px
 }

 .ok__line-top,
 .ok__line-mid,
 .ok__line-bot {
     display: block;
     height: 2px;
     background: var(--ok-accent)
 }

 .ok__line-top {
     width: var(--ok-line-top-w);
     margin-bottom: 4px
 }

 .ok__line-mid {
     width: var(--ok-line-mid-w);
     margin-top: 4px
 }

 .ok__line-bot {
     width: var(--ok-line-bot-w);
     margin-top: 8px
 }

 .ok__h3 {
     margin: 0;
     text-transform: uppercase;
     letter-spacing: .05em;
     font-weight: 400;
     line-height: 1.35;
     font-size: 28px;
     max-width: 28ch;
 }

 .ok__desc {
     margin: 0;
     color: var(--ok-muted);
     font-size: 20px;
     line-height: 1.55;
     max-width: 34ch;
 }

 @media (max-width:1180px) {
     .ok__title {
         font-size: 48px
     }

     .ok__h3 {
         font-size: 28px
     }
 }

 @media (max-width:960px) {
     .ok__grid {
         grid-template-columns: repeat(2, 1fr)
     }

     :root {
         --ok-line-top-w: 280px;
         --ok-line-mid-w: 120px;
     }
 }

 @media (max-width:560px) {
     .ok__title {
         font-size: 36px
     }

     .ok__grid {
         grid-template-columns: 1fr;
         gap: 28px
     }


 }

 .faq-kanken {
     background: var(--fk-bg);
     color: var(--fk-text);
     font-family: "Forum", serif;
     padding: 0 0 100px 0;
 }

 .fk__inner {
     max-width: var(--fk-maxw);
     margin: 0 auto;
     padding: 32px var(--fk-padX) 64px;
 }

 .fk__title {
     margin: 0 0 18px;
     font-weight: 300;
     font-size: 48px;
     line-height: 1.1;
 }

 .fk__grid {
     display: grid;
     grid-template-columns: 1.2fr 1fr;
     gap: var(--fk-gap);
     align-items: start;
 }

 .fk__qa {
     margin-bottom: 26px
 }

 .fk__q {
     margin: 0 0 6px;
     font-weight: 400;
     font-size: 28px;
     line-height: 1.2;
     letter-spacing: .01em;
     text-transform: uppercase;
 }

 .fk__line {
     display: block;
     height: 2px;
     width: 96px;
     background: var(--fk-accent);
     margin: 12px 0 12px;
 }

 .fk__a {
     margin: 0;
     font-size: 20px;
     line-height: 1.55;
     color: var(--fk-muted);
 }

 .fk__right {
     margin: 0;
     width: 100%;
     aspect-ratio: 4/5;
     background: #000;
     overflow: hidden;
     border-radius: 6px;
 }

 .fk__right img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block
 }

 .fk__cta {
     margin-top: 40px;
     display: grid;
     gap: 10px;
     width: min(var(--fk-cta-w), 100%);
     margin-inline: auto
 }

 .fk__line-long {
     height: 4px;
     background: linear-gradient(90deg, transparent 0 2%, var(--fk-accent) 2% 98%, transparent 98% 100%)
 }

 .fk__btn {
     display: block;
     text-align: center;
     padding: 14px 18px;
     border: 2px solid var(--fk-accent);
     letter-spacing: .06em;
     text-decoration: none;
     color: #0e2d31;
     background: #fff;
     transition: .2s;
 }

 .fk__btn:hover {
     background: var(--fk-accent);
     color: #062024
 }

 @media (max-width:1100px) {
     .fk__title {
         font-size: 42px
     }

     .fk__q {
         font-size: 28px
     }
 }

 @media (max-width:860px) {
     .fk__grid {
         grid-template-columns: 1fr;
         gap: 24px
     }

     .fk__right {
         order: 2;
         aspect-ratio: 16/10
     }
 }

 @media (max-width:560px) {
     .fk__title {
         font-size: 34px
     }

     .fk__q {
         font-size: 20px
     }

     .fk__a {
         font-size: 20px
     }
 }

 .kanken-footer {
     background: var(--kf-bg);
     color: var(--kf-text);
     font-family: "Forum", serif;
     border-top: 1px solid rgba(255, 255, 255, .06);
 }

 .footer_mob {
     display: none;
 }

 .kf__inner {
     max-width: var(--kf-maxw);
     margin: 0 auto;
     padding: 28px var(--kf-padX) 36px;
     display: grid;
     grid-template-columns: 1.1fr 1fr;
     gap: var(--kf-gap);
     align-items: start;
 }

 .kf__brand img {
     height: 90px;
 }

 .kf__logo {
     width: 56px;
     height: 56px;
     flex: 0 0 auto
 }

 .kf__name {
     font-size: 44px;
     letter-spacing: .02em;
     color: var(--kf-accent)
 }

 .kf__legal p {
     margin: 10px 0 28px;
     font-size: 18px;
     color: var(--kf-muted);
     line-height: 1.35;
 }

 .kf__policy {
     color: var(--kf-text);
     font-size: 20px;
     text-decoration: underline;
     text-underline-offset: 4px;
 }

 .kf__note {
     padding: 18px 20px;
     text-align: right;
 }

 .kf__note-title {
     text-align: right;
     font-size: 20px;
     margin-bottom: 10px;
     color: var(--kf-text);
     letter-spacing: .02em;
 }

 .kf__diamond {
     color: #1bb3c9;
     margin: 0 8px;
     font-size: 18px;
     position: relative;
     top: -1px;
 }

 .kf__note p {
     margin: 8px 0;
     color: var(--kf-muted);
     font-size: 18px;
     line-height: 1.45;
 }

 .kf__thanks {
     margin-top: 6px;
 }

 @media (max-width:980px) {
     .kf__inner {
         grid-template-columns: 1fr;
         gap: 24px
     }

     .kf__right {
         order: 2
     }

     .kf__name {
         font-size: 40px
     }
 }

 @media (max-width:560px) {
     .kf__logo {
         width: 48px;
         height: 48px
     }

     .kf__name {
         font-size: 34px
     }

     .kf__policy {
         font-size: 18px
     }

     .kf__note {
         padding: 16px
     }
 }



 .open-consult-btn {
     font-family: "Forum", serif;
     border: 2px solid var(--kk-accent);
     background: #fff;
     color: #08343a;
     padding: 10px 16px;
     cursor: pointer;
 }

 .kk-modal {
     position: fixed;
     inset: 0;
     display: grid;
     place-items: center;
     opacity: 0;
     visibility: hidden;
     transition: .25s ease;
     z-index: 60;
     font-family: "Forum", serif;
 }

 .kk-modal[aria-hidden="false"] {
     opacity: 1;
     visibility: visible
 }

 .kk-modal__backdrop {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, .9);
 }

 .kk-modal__dialog {
     position: relative;
     width: var(--kk-width);
     max-height: 92vh;
     border-radius: var(--kk-radius);
     overflow: auto;
     padding: 28px 24px 24px;
 }

 .modal-close {
     position: absolute;
     top: 14px;
     right: 14px;
     width: 60px;
     height: 60;
     border-radius: 12px;
     color: #fff;
     cursor: pointer;
 }



 .kk-modal__content {
     color: var(--kk-text);
     text-align: center;
     padding: 40px 10px 0;
 }

 .kk-modal__title {
     margin: 6px 0 10px;
     font-weight: 400;
     font-size: 28px;
     line-height: 1.25;
 }

 .kk-modal__subtitle {
     margin: 0 auto 18px;
     color: var(--kk-muted);
     max-width: 760px;
     font-size: 16px;
     line-height: 1.5;
 }

 .kk-form {
     max-width: 700px;
     margin: 0 auto
 }

 .kk-field {
     margin-bottom: 12px
 }

 .kk-field input,
 .kk-phone-code {
     width: 100%;
     height: 52px;
     border-radius: var(--kk-input-radius);
     border: 1px solid rgba(255, 255, 255, .45);
     background: #fff;
     color: #1b1f22;
     padding: 0 18px;
     font-size: 18px;
     font-family: "Forum", serif;
     outline: none;
 }

 .kk-phone-code {
     width: 120px;
 }

 .kk-field input::placeholder {
     color: #6d757a
 }

 .kk-field input:focus,
 .kk-phone-code:focus {
     box-shadow: 0 0 0 3px rgba(22, 167, 188, .25)
 }

 .kk-field--phone {
     display: flex;
 }



 .kk-phone-code {
     background: #fff;
     color: #111;
     border: 1px solid rgba(0, 0, 0, .2);
 }

 .kk-check {
     display: flex;
     align-items: center;
     gap: 10px;
     margin: 6px 0 14px;
     justify-content: start;
     /*color: #E9E9E9;*/
     font-size: 16px;
 }

 .kk-check input {
     width: 18px;
     height: 18px
 }

 .kk-submit {
     width: 100%;
     border: none;
     border-radius: 28px;
     cursor: pointer;
     background: var(--kk-accent);
     color: #fff;
     padding: 18px 20px;
     letter-spacing: .06em;
     font-size: 22px;
     font-family: "Forum", serif;
     transition: .2s ease;
     box-shadow: 0 10px 28px rgba(22, 167, 188, .35);
 }

 .kk-submit:hover {
     filter: brightness(1.05)
 }

 .kk-legal {
     margin: 12px 0 4px;
     /*color: #D0D0D0;*/
     font-size: 15px;
 }

 .kk-legal a {
     color: #fff;
     text-decoration: underline;
     text-underline-offset: 3px
 }

 @media (max-width:600px) {
     .kk-modal__title {
         font-size: 28px
     }

     .kk-field--phone {
         grid-template-columns: 120px 1fr
     }

     .kk-submit {
         font-size: 20px;
         padding: 16px
     }
 }


 @media (max-width: 920px) {
     .nav {
         display: none
     }

     .lang {
         display: none
     }

     .burger {
         display: block
     }

     .kf__brand img {
         width: 100%;
     }

     .footer_desc {
         display: none;
     }

     .footer_mob {
         display: block;
     }
 }

 main .policy {
     background: var(--pl-bg);
     padding: 200px 0 72px;
     color: var(--pl-text);
 }

 .policy .container-fluid {
     max-width: 1400px;
     margin: 0 auto;
     padding: 0 var(--pl-padX);
 }

 .policy>.container-fluid>.title:first-of-type {
     margin: 12px 0 24px;
     font-weight: 800;
     font-size: 46px;
     line-height: 1.15;
     text-transform: uppercase;
     letter-spacing: .02em;
     color: var(--pl-accent);
 }

 .policy-block {
     margin-top: 56px;
 }

 .policy-block>.title {
     margin: 0 0 18px;
     font-weight: 800;
     font-size: 34px;
     line-height: 1.2;
     letter-spacing: .01em;
     color: var(--pl-accent);
 }

 .policy-block p {
     margin: 10px 0;
     font-size: 24px;
     font-weight: 300;
     line-height: 1.75;
     color: var(--pl-muted);
 }

 .policy a {
     color: #0A66C2;
     text-underline-offset: 2px;
 }

 .policy a:hover {
     color: #084a8e
 }

 .policy-block p strong {
     color: var(--pl-accent);
     font-weight: 800;
 }

 @media (max-width: 1024px) {
     .policy>.container-fluid>.title:first-of-type {
         font-size: 40px
     }

     .policy-block>.title {
         font-size: 30px
     }
 }

 @media (max-width: 680px) {
     .policy {
         padding: 24px 0 56px
     }

     .policy>.container-fluid>.title:first-of-type {
         font-size: 32px
     }

     .policy-block {
         margin-top: 40px
     }

     .policy-block>.title {
         font-size: 26px
     }

     .policy-block p {
         font-size: 16px;
         line-height: 1.7
     }
 }