/* AFF.AD — landing (ported 1:1 from Claude Design "AFF.AD Landing"). */
/* Self-hosted Open Sans (cyrillic + latin, 400/600/700/800) — no external font race, no CLS */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/tpl/default/assets/fonts/opensans/cyrillic-400-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/tpl/default/assets/fonts/opensans/cyrillic-600-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/tpl/default/assets/fonts/opensans/cyrillic-700-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/tpl/default/assets/fonts/opensans/cyrillic-800-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/tpl/default/assets/fonts/opensans/latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/tpl/default/assets/fonts/opensans/latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/tpl/default/assets/fonts/opensans/latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/tpl/default/assets/fonts/opensans/latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
    --l-blue:#168dbe; --l-blue-600:#0f7aa6; --l-blue-050:#e9f5fb;
    --l-green:#1ba728; --l-green-600:#159022;
    --l-ink:#1f2a33; --l-ink-2:#556069; --l-ink-3:#8a949c;
    --l-page:#ffffff; --l-surface:#ffffff;
    --l-line:#e6ebef; --l-line-soft:#f0f3f6; --l-card:#fbfcfd; --l-card-line:#eef1f4;
}
.lp *{box-sizing:border-box}
.lp{font-family:'Open Sans',-apple-system,Segoe UI,sans-serif;color:var(--l-ink);background:var(--l-page);margin:0;padding:0;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
.lp a{text-decoration:none;color:var(--l-blue)}
.lp a:hover{color:var(--l-blue-600)}
.lp img{max-width:100%;display:block}

/* Centered container inside full-width bars */
.lp__bar{width:100%;max-width:1320px;margin:0 auto;padding:0 40px}
.lp__main{flex:1 0 auto;width:100%}

/* Logo */
.lp__logo{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-.01em}
.lp__logo-mark{width:34px;height:34px;border-radius:9px;background:var(--l-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px}
.lp__logo b{font-weight:800;color:var(--l-ink)}
.lp__logo b span{color:var(--l-green)}

/* Nav — full-width bar, centered content */
.lp__nav{border-bottom:1px solid var(--l-line);padding:20px 0}
.lp__nav-in{display:flex;align-items:center;gap:44px}
.lp__menu{display:flex;gap:32px;font-size:15px;font-weight:600;color:var(--l-ink-2)}
.lp__menu a{color:var(--l-ink-2)}
.lp__menu a:hover,.lp__menu a.is-active{color:var(--l-ink)}
.lp__actions{margin-left:auto;display:flex;align-items:center;gap:22px}
.lp__lang{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}
.lp__lang a{color:var(--l-ink-3)}.lp__lang a.is-active{color:var(--l-blue)}
.lp__lang .sep{color:#c4ccd2}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;border:1px solid transparent;transition:.15s;white-space:nowrap;font-family:inherit}
.lp .lp-btn--login{font-size:15px;color:var(--l-ink);border:1.5px solid var(--l-line);padding:10px 22px;border-radius:10px;background:#fff}
.lp .lp-btn--login:hover{border-color:var(--l-blue);color:var(--l-blue)}
.lp .lp-btn--reg{background:var(--l-green);color:#fff;font-size:15px;padding:11.5px 24px;border-radius:10px}
.lp .lp-btn--reg:hover{background:var(--l-green-600);color:#fff}

/* Main content wrapper (hero + role blocks) — keep .lp__bar side padding */
.lp__content{padding-top:8px;padding-bottom:8px}

/* Hero */
.lp-hero{padding:40px 0 46px;text-align:center}
.lp-hero__title{font-size:62px;line-height:1.08;font-weight:800;letter-spacing:-.03em;margin:0 auto;max-width:900px}
.lp-hero__title em{font-style:normal;color:var(--l-blue)}
.lp-hero__sub{font-size:20px;line-height:1.6;color:var(--l-ink-2);margin:26px auto 0;max-width:600px}

/* Role blocks */
.lp-feature{margin:0 0 28px;border:1px solid var(--l-card-line);border-radius:16px;padding:22px;display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center;background:var(--l-card)}
.lp-feature--last{margin-bottom:48px}
.lp-feature--reverse{grid-template-columns:1.1fr 1fr}
.lp-feature--reverse .lp-feature__media{order:2}
.lp-feature__media{width:100%;height:300px;border-radius:14px;overflow:hidden;background:#eef3f6}
.lp-feature__media img{width:100%;height:100%;object-fit:cover}
.lp-feature__eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--l-blue)}
.lp-feature__title{font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.02em;margin:14px 0 0}
.lp-feature__title b{color:var(--l-blue);font-weight:800}
.lp-feature__title .nowrap{white-space:nowrap}
.lp-feature p{font-size:17px;line-height:1.65;color:var(--l-ink-2);margin:18px 0 0}
.lp .lp-btn--cta{display:inline-block;background:var(--l-green);color:#fff;font-weight:700;font-size:16px;padding:14px 28px;border-radius:11px;margin-top:26px}
.lp .lp-btn--cta:hover{background:var(--l-green-600);color:#fff}

/* Footer — full-width bar, centered content */
.lp__footer{border-top:1px solid var(--l-line);padding:26px 0;margin-top:auto;height:auto;float:none;position:static;width:100%}
.lp__footer-in{display:flex;align-items:center;gap:28px}
.lp__footer .lp__logo{font-size:17px;gap:9px}
.lp__footer .lp__logo-mark{width:26px;height:26px;border-radius:7px;font-size:15px}
.lp__footer-copy{font-size:14px;color:var(--l-ink-3);margin-left:-16px;margin-right:auto}
.lp__pay{display:flex;align-items:center;gap:16px}
.lp__pay span{font-size:13px;font-weight:700;color:var(--l-ink-3);background:#f4f7f9;border:1px solid var(--l-card-line);padding:7px 12px;border-radius:7px}
/* footer legal links */
.lp__footer-links{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:600}
.lp__footer-links a{color:var(--l-ink-2)}
.lp__footer-links a:hover{color:var(--l-blue)}

/* Cookie consent bar (pre-auth) */
.lp .lp-cookie{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:200;width:min(calc(100% - 32px),640px);transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:13px 15px;background:#fff;border:1px solid var(--l-line);border-radius:16px;box-shadow:0 20px 54px -18px rgba(31,42,51,.28);transition:opacity .2s ease,transform .2s ease}
.lp .lp-cookie[hidden]{display:none}
.lp .lp-cookie.is-hiding{opacity:0;transform:translate(-50%,12px)}
.lp .lp-cookie__icon{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--l-blue-050);color:var(--l-blue);display:inline-flex;align-items:center;justify-content:center}
.lp .lp-cookie__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.lp .lp-cookie__body{min-width:0;flex:1 1 auto}
.lp .lp-cookie__title{font-size:14.5px;font-weight:800;color:var(--l-ink);margin-bottom:2px}
.lp .lp-cookie__text{font-size:12.5px;line-height:1.45;color:var(--l-ink-2)}
.lp .lp-cookie__text a{color:var(--l-blue);font-weight:700}
.lp .lp-cookie__btn{flex:0 0 auto;min-height:38px;padding:9px 18px;border:0;border-radius:10px;background:var(--l-green);color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s}
.lp .lp-cookie__btn:hover{background:var(--l-green-600)}

/* Auth card (login/register) — all rules scoped under .lp to beat legacy style.css */
.lp .lp-auth{width:100%;max-width:480px;margin:64px auto;background:#fff;border:1px solid var(--l-line);border-radius:18px;padding:40px 42px 36px;box-shadow:0 26px 64px -34px rgba(31,42,51,.34)}
.lp .lp-auth h1{font-size:28px;font-weight:800;margin:0 0 6px;letter-spacing:-.02em;color:var(--l-ink)}
.lp .lp-auth__sub{font-size:15px;line-height:1.5;color:var(--l-ink-2);margin:0 0 28px}
.lp .lp-field{margin-bottom:18px}
.lp .lp-field label{display:block;font-size:13.5px;font-weight:700;color:var(--l-ink-2);margin-bottom:8px}
.lp .lp-input,.lp .lp-select{-webkit-appearance:none;appearance:none;width:100%;height:48px;padding:0 15px;border:1.5px solid var(--l-line);border-radius:11px;font-size:15px;font-family:inherit;background:#fff;color:var(--l-ink);transition:border-color .15s,box-shadow .15s}
.lp .lp-select{padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238a949c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
.lp .lp-input:focus,.lp .lp-select:focus{outline:none;border-color:var(--l-blue);box-shadow:0 0 0 3px var(--l-blue-050)}
.lp .lp-input:-webkit-autofill,.lp .lp-input:-webkit-autofill:hover,.lp .lp-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--l-ink);-webkit-box-shadow:0 0 0 40px #fff inset;box-shadow:0 0 0 40px #fff inset}
.lp .lp-field--row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp .lp-btn--submit{width:100%;height:50px;margin-top:8px;background:var(--l-green);color:#fff;font-weight:700;font-size:16px;border:none;border-radius:11px;cursor:pointer;font-family:inherit;transition:.15s}
.lp .lp-btn--submit:hover{background:var(--l-green-600)}
.lp .lp-auth__links{display:flex;justify-content:space-between;gap:14px;margin-top:20px;font-size:14px;font-weight:600}
.lp .lp-auth__links a{color:var(--l-ink-2)}.lp .lp-auth__links a:hover{color:var(--l-blue)}
.lp .lp-auth__rules{font-size:14px;color:var(--l-ink-2);margin:4px 0 20px;display:flex;align-items:flex-start;gap:10px;line-height:1.5}
.lp .lp-auth__rules input{margin:2px 0 0;flex:0 0 auto}
.lp input[type=checkbox]{-webkit-appearance:auto;appearance:auto;accent-color:var(--l-green);width:17px;height:17px;cursor:pointer}
.lp .lp-note{padding:12px 15px;border-radius:11px;font-size:14px;font-weight:600;margin-bottom:18px}
.lp .lp-note--err{background:#fdecec;border:1px solid #f6cdcd;color:#c0392b}
.lp .lp-note--ok{background:#eaf7ec;border:1px solid #c6e9cc;color:var(--l-green-600)}

/* Legal / doc page (rules) — full available width */
.lp-doc{max-width:none;margin:0;padding:44px 0 60px}
.lp-doc__title{font-size:36px;font-weight:800;letter-spacing:-.02em;margin:0 0 10px;color:var(--l-ink)}
.lp-doc__lead{font-size:17px;line-height:1.6;color:var(--l-ink-2);margin:0 0 6px}
.lp-doc h2{font-size:21px;font-weight:800;color:var(--l-ink);margin:38px 0 12px;letter-spacing:-.01em;padding-bottom:12px;border-bottom:1px solid var(--l-line)}
.lp-doc p{font-size:15px;line-height:1.75;color:var(--l-ink-2);margin:0 0 9px}
.lp-doc b{color:var(--l-ink);font-weight:700}

/* ---- Content pages (advertiser/publisher/rekl/faq/contacts/pay) inside sheet ---- */
.lp .wrapper{background:transparent;width:100%;margin:0;padding:0;float:none}
.lp .container{width:100%;max-width:1320px;margin:0 auto;padding:0 40px}
.lp .inner{padding:40px 0 52px;width:auto;float:none}
.lp .title_inner{margin:0 0 18px}
.lp .title_inner .h3{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--l-ink);display:block}
.lp .inner .h1{font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--l-ink);display:block}
.lp .inner p{font-size:16px;line-height:1.7;color:var(--l-ink-2);margin:0 0 12px}
.lp .inner ul{margin:0 0 16px;padding-left:20px;color:var(--l-ink-2)}
.lp .inner li{margin:4px 0}
.lp .btn.registration{display:inline-block;background:var(--l-green);color:#fff;font-weight:700;font-size:16px;padding:13px 26px;border-radius:11px;margin-top:14px}
.lp .btn.registration:hover{background:var(--l-green-600);color:#fff}

/* intro (advertiser/publisher/rekl) */
.lp .advantage,.lp .type_adv,.lp .advantage .parent,.lp .type_adv .parent,.lp .contact_page{width:auto;float:none}
.lp .intro_box{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;margin-bottom:44px;width:auto;float:none}
.lp .intro_box .info .title{margin-bottom:16px}
.lp .intro_box .img{border-radius:14px;overflow:hidden;background:#eef3f6}
.lp .intro_box .img img{width:100%;height:100%;object-fit:cover}

/* advantage & format grids */
.lp .advantage .parent,.lp .type_adv .parent{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:22px}
.lp .type_adv .parent{grid-template-columns:repeat(3,1fr)}
.lp .advantage .section,.lp .type_adv .section{background:var(--l-card);border:1px solid var(--l-card-line);border-radius:14px;padding:22px}
.lp .advantage .section{display:flex;gap:16px;align-items:flex-start}
.lp .advantage .section img,.lp .type_adv .section img{width:46px;height:46px;object-fit:contain}
.lp .type_adv .section img{margin-bottom:12px}
.lp .sub_title{font-size:17px;font-weight:700;color:var(--l-ink);margin-bottom:6px}
.lp .type_adv .btn{margin-top:26px}

/* FAQ — vertical, grouped accordion (reuses global .tabs_box click JS) */
.lp .tabs_box{display:block}
.lp .tabs_box ul{list-style:none;padding:0;margin:0}
.lp-faq__group{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--l-ink);margin:34px 0 14px}
.lp-faq__group:first-child{margin-top:8px}
.lp .tabs_box > ul > li{float:none;width:100%;background:var(--l-card);border:1px solid var(--l-card-line);border-radius:12px;padding:0;margin:0 0 10px;overflow:hidden;transition:border-color .15s}
.lp .tabs_box > ul > li:hover{border-color:#dbe3e9}
.lp .tabs_box > ul > li > a{display:block;position:relative;font-size:16px;font-weight:700;color:var(--l-ink);padding:18px 50px 18px 20px;cursor:pointer;background:none}
.lp .tabs_box > ul > li > a:hover{color:var(--l-blue)}
.lp .tabs_box > ul > li > a::after{content:"";position:absolute;right:22px;top:calc(50% - 5px);width:9px;height:9px;border-right:2px solid var(--l-ink-3);border-bottom:2px solid var(--l-ink-3);transform:rotate(45deg);transition:transform .2s}
.lp .tabs_box > ul > li.current > a{color:var(--l-blue)}
.lp .tabs_box > ul > li.current > a::after{border-color:var(--l-blue);top:calc(50% - 2px);transform:rotate(225deg)}
.lp .tabs_box .sub{display:none;font-size:15px;line-height:1.7;color:var(--l-ink-2);padding:2px 20px 18px}
.lp .tabs_box > ul > li.current .sub{display:block}
.lp .tabs_box .sub p{margin:0 0 6px}

/* Contacts */
.lp-contacts{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;padding:4px 0}
.lp-contacts__title,.lp-contacts__form h2{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--l-ink);margin:0 0 22px}
.lp-contact-card{display:flex;align-items:center;gap:14px;padding:15px 18px;background:var(--l-card);border:1px solid var(--l-card-line);border-radius:13px;margin-bottom:12px}
.lp-contact-card__ic{flex:0 0 auto;width:44px;height:44px;border-radius:11px;background:var(--l-blue-050);color:var(--l-blue);display:flex;align-items:center;justify-content:center;font-size:23px}
.lp-contact-card__ic img{width:22px;height:22px;object-fit:contain}
.lp-contact-card__label{font-size:12px;font-weight:700;color:var(--l-ink-3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}
.lp-contact-card a{font-size:16px;font-weight:700;color:var(--l-ink)}
.lp-contact-card a:hover{color:var(--l-blue)}
.lp-contacts__note{font-size:13px;color:var(--l-ink-3);margin-top:16px}
.lp-contacts__note b{color:var(--l-green);font-weight:700}
.lp .lp-textarea{-webkit-appearance:none;appearance:none;width:100%;min-height:150px;padding:13px 15px;border:1.5px solid var(--l-line);border-radius:11px;font-size:15px;font-family:inherit;line-height:1.5;background:#fff;color:var(--l-ink);resize:vertical;transition:border-color .15s,box-shadow .15s}
.lp .lp-textarea:focus{outline:none;border-color:var(--l-blue);box-shadow:0 0 0 3px var(--l-blue-050)}
.lp .lp-btn--send{display:inline-block;background:var(--l-green);color:#fff;font-weight:700;font-size:16px;padding:14px 36px;border:none;border-radius:11px;cursor:pointer;font-family:inherit;transition:.15s}
.lp .lp-btn--send:hover{background:var(--l-green-600)}

/* ---------- Responsive ---------- */
/* Tablet */
@media(max-width:1000px){
    .lp__bar,.lp .container{padding-left:20px;padding-right:20px}
    .lp__nav-in{gap:24px}
    .lp__menu{gap:22px}
    .lp__actions{gap:16px}
    .lp-feature{grid-template-columns:1fr;gap:20px}
    .lp-feature--reverse .lp-feature__media{order:0}
    .lp-feature__media{height:240px}
    .lp-hero{padding:24px 0 34px}
    .lp-hero__title{font-size:44px}
    .lp-hero__sub{font-size:18px}
    .lp__footer-in{flex-wrap:wrap;gap:16px}
    .lp .intro_box,.lp .advantage .parent,.lp .type_adv .parent,.lp-contacts,.lp .lp-field--row{grid-template-columns:1fr}
    .lp .type_adv .parent{grid-template-columns:repeat(2,1fr)}
}
/* Mobile: header wraps (menu drops to its own centered row — never hidden) */
@media(max-width:680px){
    .lp__bar,.lp .container{padding-left:16px;padding-right:16px}
    .lp__nav{padding:14px 0}
    .lp__nav-in{flex-wrap:wrap;gap:12px 16px}
    .lp__logo{font-size:19px}
    .lp__actions{margin-left:auto;gap:12px}
    .lp__menu{order:3;width:100%;justify-content:center;gap:22px;font-size:14px}
    .lp .lp-btn--login{padding:9px 16px;font-size:14px}
    .lp .lp-btn--reg{padding:9px 17px;font-size:14px}
    .lp-hero__title{font-size:33px}
    .lp-hero__sub{font-size:16px;margin-top:18px}
    .lp-feature{padding:16px;gap:16px}
    .lp-feature__media{height:200px}
    .lp-feature__title{font-size:24px}
    .lp-feature p{font-size:15px}
    .lp .type_adv .parent{grid-template-columns:1fr}
    .lp-doc__title,.lp .inner .h1,.lp-contacts__title,.lp-contacts__form h2,.lp .title_inner .h3{font-size:26px}
    .lp .lp-auth{margin:32px auto;padding:28px 22px 26px;border-radius:14px}
    .lp .lp-auth h1{font-size:24px}
    .lp__footer-in{flex-direction:column;align-items:flex-start;gap:14px}
    .lp__footer-copy{margin:0}
    .lp__footer-links{flex-wrap:wrap;gap:10px 16px}
    .lp__pay{flex-wrap:wrap;gap:8px}
    .lp .lp-cookie{flex-wrap:wrap;gap:10px 13px;padding:14px}
    .lp .lp-cookie__btn{flex:1 1 100%;width:100%}
}
/* Small phones */
@media(max-width:400px){
    .lp__menu{gap:16px;font-size:13px}
    .lp__actions{gap:8px}
    .lp .lp-btn--login{padding:8px 12px}
    .lp .lp-btn--reg{padding:8px 13px}
    .lp-hero__title{font-size:28px}
    .lp-feature__media{height:170px}
}