/* Английская витрина `/en`: НАДСТРОЙКА над общим style.css, а не второй набор
   стилей. Общая часть (сетка, карточки, шаги, кнопки, подвал) приезжает
   оттуда — копия разъехалась бы с ней молча, и первым бы разъехался цвет
   кнопки, которую человек ищет глазами.

   Здесь только то, чего у русской витрины нет:
   1) страница читается ПЕРВЫМ делом с телефона — правила ниже писаны от
      узкого экрана вверх, а не наоборот;
   2) видимая рамка фокуса на всём, что нажимается: страница проходится с
      клавиатуры, и без рамки человек не видит, где он находится. У русской
      витрины она есть только у прокручиваемой таблицы сравнения. */

/* Пара «что берём / чего не берём»: на телефоне это одна колонка, на широком
   экране ровно две, а не «сколько влезет». Правило продукта, а не украшение:
   границу читают ПАРОЙ, и разъехавшись по трём колонкам она читается списком
   возможностей. */
.grid.two{grid-template-columns:1fr}

/* Подпись под кнопкой: снимает вопрос «а что дальше» до нажатия. */
.cta-note{color:var(--dim2);font-size:14px;margin:14px 0 0;max-width:520px}

/* Рамка фокуса. `:focus-visible`, а не `:focus`: у мыши она не нужна и
   выглядела бы поломкой, а с клавиатуры без неё не видно, где ты. */
a:focus-visible,
summary:focus-visible,
details:focus-visible{outline:2px solid var(--acc);outline-offset:3px;
  border-radius:10px}
.btn:focus-visible{outline:2px solid var(--mint);outline-offset:3px}

/* Кнопка на телефоне — во всю ширину и с пальцевой высотой. У общего стиля
   это правило включается ниже 420px; здесь порог выше, потому что 430px —
   это iPhone Pro Max, и на нём кнопка тоже нажимается пальцем. */
@media(max-width:520px){
  .btn{width:100%;text-align:center;padding:15px 22px}
  .hero{padding-top:28px}
  .hero-cta{margin-top:26px}
  /* Кнопка в шапке-навигации на узком экране не нужна: её место занимает
     первый экран, а два ряда ссылок съедают его высоту. */
  .topbar nav{display:none}
}

@media(min-width:761px){
  .grid.two{grid-template-columns:1fr 1fr}
}

/* EN-витрина: светлая редакционная композиция по референсу Ditto.
   `.en-home` и `.en-guide` делят шапку, палитру и фокус, а guide получает
   собственную спокойную колонку чтения ниже. */
.en-home,.en-guide{--bg:#fdfaf5;--tx:#20201d;--dim:#62625b;--dim2:#67675e;--line:#ddddd3;--acc:#282923;--mint:#282923;--paper:#ffb7d0;background:var(--bg);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5}
.en-home .wrap,.en-guide .wrap{max-width:1440px;padding:0 48px}
.en-home a,.en-guide a{color:inherit}
.en-home .topbar,.en-guide .topbar{padding:24px 0;gap:24px}
.en-home .logo,.en-guide .logo{font-size:37px;letter-spacing:-2.6px;font-weight:850;gap:2px;line-height:1}
.en-home .brand-mark,.en-guide .brand-mark{position:relative;display:inline-block;overflow:hidden;width:27px;height:52px;margin-right:10px;flex-shrink:0}
.en-home .brand-mark img,.en-guide .brand-mark img{position:absolute;width:76px;height:76px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
.en-home nav,.en-guide nav{margin-left:auto;display:flex;gap:30px}
.en-home .topbar nav a,.en-guide .topbar nav a{margin:0;font-size:14px;font-weight:500;color:var(--tx);padding:12px 0}
.en-home .nav-start{border:1px solid var(--line);border-radius:30px;padding:12px 20px;font-size:14px;white-space:nowrap}
.en-home .nav-start span{margin-left:12px}
.en-home .nav-start:hover{background:#ecebe5;text-decoration:none}
.en-home .hero{max-width:none;text-align:center;padding:86px 0 68px}
.en-home .eyebrow{background:none;border:0;border-radius:0;padding:0;color:var(--dim);font-size:14px;letter-spacing:0;margin:0 0 40px}
.en-home h1{font-size:clamp(48px,6.15vw,88px);font-weight:500;line-height:1.14;letter-spacing:-4.4px;max-width:1200px;margin:0 auto 32px;text-wrap:balance}
.en-home .highlight{background:var(--paper);padding:0 .1em .04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.en-home .messy-word{position:relative;display:inline-block}
.en-home .take-note{position:absolute;top:-24px;left:12px;transform:rotate(-6deg);background:#eeede8;white-space:nowrap;font-size:11px;letter-spacing:.2px;padding:5px 9px;line-height:1;font-weight:500}
.en-home .lead{font-size:20px;line-height:1.55;max-width:750px;margin:0 auto;color:var(--dim)}
.en-home .hero-cta{justify-content:center;gap:28px;margin-top:30px}
.en-home .btn-primary{background:var(--tx);box-shadow:none;color:#fff;border-radius:40px;font-size:15px;font-weight:500;padding:17px 25px;transition:background .2s,transform .2s}
.en-home .btn-primary span{display:inline-block;margin-left:24px;font-size:20px;line-height:1}
.en-home .btn-primary:hover{background:#414239;box-shadow:none;transform:translateY(-2px)}
.en-home .btn:active{transform:translateY(1px)}
.en-home .text-link{font-size:14px;color:var(--dim);padding:12px 0}
.en-home .text-link span{margin-left:15px}
.en-home .cta-note{font-size:12px;margin:16px auto 0;max-width:none;color:var(--dim)}
.en-home .skip-link{position:absolute;left:20px;top:-100px;background:var(--paper);padding:12px 18px;z-index:5}
.en-home .skip-link:focus{top:12px}
.en-home a:focus-visible,.en-home summary:focus-visible{outline:3px solid #525732;outline-offset:5px}
.en-home section{scroll-margin-top:30px}
.en-home .edit-story{margin:0 -8px;background:#efeee7;border-radius:12px;padding:28px 40px 18px}
.en-home .story-caption{display:flex;justify-content:space-between;color:var(--dim);font-size:12px}
.en-home .story-canvas{position:relative;display:flex;align-items:center;justify-content:center;gap:38px;min-height:420px;padding:38px 0 50px;background-image:radial-gradient(#d7d6cd .75px,transparent .75px);background-size:9px 9px}
.en-home .raw-stack{position:relative;width:360px;margin-right:10px;flex-shrink:0}
.en-home .raw-sheet{background:#fffef9;border:1px solid #dad9cf;border-radius:7px;padding:22px;box-shadow:0 5px 12px #38392709}
.en-home .sheet-back{position:absolute;inset:-12px 8px 12px -8px;transform:rotate(-7deg);background:#e7e6dc}
.en-home .sheet-front{position:relative;transform:rotate(-3deg)}
.en-home .sheet-head{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px;color:var(--dim)}
.en-home .sheet-head>span:last-child{margin-left:auto;letter-spacing:0}
.en-home .record-dot{width:7px;height:7px;border-radius:50%;background:#8a8b73}
.en-home .transcript{display:grid;gap:11px;font-size:18px;margin:28px 0}
.en-home .transcript span{width:fit-content}
.en-home .discard{color:#8b8a80;text-decoration:line-through;text-decoration-color:#66665c}
.en-home .keep{background:var(--paper);padding:1px 4px}
.en-home .waveform{height:30px;display:flex;align-items:center;gap:5px;margin:12px 0}
.en-home .waveform i{display:block;width:6px;height:13px;background:#92937c;border-radius:2px}
.en-home .waveform i:nth-child(3n){height:28px}.en-home .waveform i:nth-child(4n){height:20px}.en-home .waveform i:nth-child(5n){height:7px}
.en-home .sheet-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:11px;color:var(--dim)}
.en-home .paper-note{position:absolute;bottom:-35px;left:35px;font-size:12px;transform:rotate(-3deg);font-style:italic}
.en-home .story-arrow{width:140px;flex-shrink:0;text-align:center;font-size:15px;letter-spacing:-.6px;font-weight:600}
.en-home .story-arrow svg{display:block;width:100%;margin-top:8px}
.en-home .finished-frame{width:215px;aspect-ratio:9/16;background:var(--paper);border:5px solid #fffef9;box-shadow:0 8px 25px #494a3618;border-radius:9px;padding:15px 12px;display:flex;flex-direction:column;transform:rotate(4deg);flex-shrink:0}
.en-home .frame-head{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.4px}
.en-home .frame-type{font-size:37px;letter-spacing:-1.9px;line-height:1.03;margin:29px 0 0;font-weight:700}
.en-home .frame-type>span{font-family:Georgia,serif;font-style:italic;font-weight:400}
.en-home .caption-sample{font-size:12px;font-weight:500;line-height:1.8;text-align:center;margin-top:auto;margin-bottom:26px}
.en-home .caption-sample b{background:var(--tx);color:#fff;padding:3px 4px;border-radius:3px}
.en-home .frame-footer{font-size:7px;display:flex;justify-content:space-between;border-top:1px solid #c76f90;padding-top:8px}
.en-home .revision-note{position:absolute;right:3%;bottom:35px;background:#fffef9;box-shadow:0 6px 20px #45453412;border:1px solid #deded3;border-radius:9px;padding:15px 42px 15px 17px;transform:rotate(-4deg);display:grid;gap:5px;font-size:10px}
.en-home .revision-note b{font-size:13px;font-weight:500}
.en-home .note-arrow{position:absolute;right:15px;bottom:15px;font-size:20px}
.en-home figcaption{font-size:10px;text-align:center;color:var(--dim);margin-top:12px}
.en-home #what{padding-top:105px}
.en-home .intro-copy{text-align:center;max-width:830px;margin:0 auto 74px}
.en-home .section-label{font-size:12px;font-weight:500;color:var(--dim);margin:0 0 24px}
.en-home h2{font-size:clamp(34px,4.2vw,60px);font-weight:500;letter-spacing:-2.3px;line-height:1.08;margin:0 0 25px;text-wrap:balance}
.en-home .underline-word{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:#ef0876;text-underline-offset:8px}
.en-home .answer{padding:0;border:0;border-radius:0;background:none;font-size:17px;line-height:1.75;max-width:700px;margin:0 auto;color:var(--dim)}
.en-home .feature p a,.en-home .fit-copy p a{text-decoration-color:#ef0876;text-decoration-thickness:2px;text-underline-offset:4px}
.en-home .feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.en-home .feature{padding:42px 48px 35px 0}.en-home .feature+.feature{padding-left:48px;padding-right:0;border-left:1px solid var(--line)}
.en-home .feature-number{display:block;font-size:11px;letter-spacing:.3px;color:var(--dim);margin-bottom:28px}
.en-home h3{font-size:34px;font-weight:500;line-height:1.12;letter-spacing:-1.1px;margin:0 0 20px}
.en-home .feature p,.en-home .revision-copy p{font-size:16px;line-height:1.75;color:var(--dim);max-width:390px;margin:0}
.en-home .take-strips{display:flex;gap:8px;margin-top:44px;font-size:13px;align-items:center;min-height:68px;flex-wrap:wrap}
.en-home .take-strips>*{padding:16px 18px;border-radius:3px;background:#ebeae2;font-weight:500;transform:rotate(-3deg)}
.en-home .take-strips>span{color:var(--dim);text-decoration:line-through}.en-home .take-strips>b{background:var(--paper);transform:rotate(4deg)}
.en-home .type-sample{margin-top:44px;font-size:35px;letter-spacing:-1px;min-height:68px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.en-home .type-sample span{background:var(--paper);padding:2px 4px}
.en-home .revision-feature{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:60px 0}
.en-home .conversation{background:#eeede6;border-radius:8px;padding:46px 35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.en-home .message{padding:14px 18px;background:#fffef9;box-shadow:0 4px 10px #292a1905;border-radius:12px 12px 12px 0;font-size:17px;transform:rotate(-3deg)}
.en-home .message+.message{margin:19px 0 0 20px;transform:rotate(2deg)}
.en-home .conversation p{font-size:11px;color:var(--dim);margin:28px 0 0 20px}
.en-home #how{margin:35px -8px 0;padding:68px 60px;background:#efeee7;border-radius:12px;text-align:center}
.en-home .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:left;counter-reset:s;margin-top:45px}
.en-home .step{display:block;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.en-home .n{background:none;color:var(--dim);border:1px solid #c5c6b8;width:32px;height:32px;border-radius:50%;font-size:12px;margin-bottom:22px}
.en-home .step b{font-size:17px;font-weight:500;line-height:1.3;display:block;margin-bottom:12px}
.en-home .step span{font-size:14px;line-height:1.6;color:var(--dim)}
.en-home #how .hero-cta{margin-top:38px}
.en-home #pricing{padding:90px 0 80px;border-bottom:1px solid var(--line)}
.en-home .pricing-head{text-align:center;max-width:620px;margin:0 auto 48px}.en-home .pricing-head p:last-child{color:var(--dim);font-size:16px;line-height:1.7;margin:0}
.en-home .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.en-home .price-plan{padding:34px 30px 30px}.en-home .price-plan+.price-plan{border-left:1px solid var(--line)}
.en-home .price-plan h3{font-size:26px;margin-bottom:8px}.en-home .plan-quota{font-size:14px;color:var(--dim);margin:0 0 30px}.en-home .price{margin:0;font-size:15px;color:var(--dim)}.en-home .price b{font-size:34px;color:var(--tx);font-weight:500;letter-spacing:-1.4px}.en-home .annual{font-size:14px;color:var(--dim);margin:5px 0 28px}
.en-home .price-plan .text-link,.en-home .pricing-note .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--tx);padding:10px 0}.en-home .pricing-note{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 0;border-bottom:1px solid var(--line)}.en-home .pricing-note p{margin:0;font-size:16px;color:var(--dim)}.en-home .pricing-note b{color:var(--tx);font-weight:500}.en-home .billing-note{font-size:12px;color:var(--dim);margin:18px 0 0}
.en-home #fit{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:100px 0 80px;border-bottom:1px solid var(--line)}
.en-home .fit-copy{padding-top:45px}.en-home .fit-copy h3{font-size:23px;letter-spacing:-.5px;margin-bottom:15px}.en-home .fit-copy p{font-size:16px;color:var(--dim);max-width:400px;line-height:1.75;margin:0}
.en-home .scope-note{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.en-home .scope-note h3{font-size:16px;letter-spacing:0}
.en-home .guide-links{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:80px 0;border-bottom:1px solid var(--line)}
.en-home .guide-links h2{font-size:clamp(34px,4vw,54px);max-width:500px}
.en-home .guide-links ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.en-home .guide-links li{border-bottom:1px solid var(--line)}
.en-home .guide-links a{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:20px 0;font-size:17px;line-height:1.35;text-decoration:none}
.en-home .guide-links a span{flex:0 0 auto;color:var(--dim)}
.en-home .guide-links a:hover{color:var(--dim)}
.en-home #faq{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:80px}
.en-home #faq h2{font-size:46px;max-width:400px}.en-home .faq{margin:0}
.en-home .faq details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:0;box-shadow:none}
.en-home .faq summary{padding:20px 24px 20px 0;font-size:15px;font-weight:500;min-height:60px;cursor:pointer}
.en-home .faq details p{font-size:14px;color:var(--dim);line-height:1.75;padding:0 20px 20px 0;margin:0}
.en-home .closing{text-align:center;padding:100px 0 95px}.en-home .closing h2{font-size:clamp(40px,5vw,72px)}
.en-home footer{padding:28px 0 35px;border-top:1px solid var(--line);font-size:12px;color:var(--dim)}
.en-home .footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.en-home footer .logo{font-size:29px;color:var(--tx)}.en-home footer .brand-mark{width:23px;height:43px}.en-home footer .brand-mark img{width:62px;height:62px}
.en-home .footer-badges{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px}
.en-home .footer-badges-label{font-size:12px;color:var(--dim)}
.en-home .footer-badges img{height:30px;width:auto;display:block}
@media(min-width:1600px){.en-home .hero{padding-top:100px}}
@media(max-width:1000px){
 .en-home .wrap{padding:0 30px}.en-home nav{gap:18px}.en-home .nav-start{display:none}
 .en-home h1{letter-spacing:-3px}.en-home .story-canvas{gap:18px}.en-home .story-arrow{width:80px}.en-home .raw-stack{width:300px}.en-home .transcript{font-size:15px}
 .en-home .revision-note{right:0;bottom:13px}.en-home .steps{grid-template-columns:1fr 1fr;gap:32px}
 .en-home #how{padding:55px 35px}.en-home .feature{padding-right:30px}.en-home .feature+.feature{padding-left:30px}
}
@media(max-width:700px){
 .en-home .wrap{padding:0 22px}.en-home .topbar{padding:22px 0}.en-home .logo{font-size:31px}.en-home .brand-mark{width:23px;height:42px;margin-right:7px}.en-home .brand-mark img{width:61px;height:61px}
 .en-home .topbar nav{display:flex;max-width:calc(100% - 142px);flex-wrap:wrap;justify-content:flex-end;column-gap:12px;row-gap:0}.en-home .topbar nav a{font-size:12px}.en-home nav a:first-child{display:none}
 .en-home .hero{padding:46px 0 45px}.en-home .eyebrow{font-size:11px;max-width:250px;margin:0 auto 37px;display:block}
 .en-home h1{font-size:clamp(40px,8.3vw,58px);line-height:1.13;letter-spacing:-2px;max-width:540px;margin-bottom:24px}
 .en-home .take-note{display:none}.en-home .lead{font-size:16px;max-width:360px}.en-home .desktop-break{display:none}
 .en-home .hero-cta{gap:8px;margin-top:25px;flex-direction:column}.en-home .btn{width:100%;max-width:360px;min-height:52px}.en-home .text-link{font-size:12px;padding:11px}
 .en-home .cta-note{font-size:11px;margin-top:9px}.en-home .edit-story{padding:20px 14px 14px;margin:0 -8px}.en-home .story-caption{font-size:10px;gap:28px}.en-home .story-caption span{max-width:140px}
 .en-home .story-canvas{gap:15px;min-height:280px;padding:32px 0 45px}.en-home .raw-stack{width:52%;margin-right:0}.en-home .raw-sheet{padding:10px;border-radius:5px}.en-home .sheet-back{inset:-5px 5px 5px -3px}
 .en-home .sheet-head{font-size:5px;gap:4px;letter-spacing:0}.en-home .record-dot{width:4px;height:4px}.en-home .transcript{font-size:10px;gap:7px;margin:16px 0}.en-home .waveform{gap:3px;height:17px;overflow:hidden}.en-home .waveform i{width:3px;min-width:3px;height:8px}.en-home .waveform i:nth-child(3n){height:16px}.en-home .waveform i:nth-child(4n){height:11px}.en-home .sheet-bottom{font-size:7px;padding-top:8px}.en-home .paper-note{font-size:8px;bottom:-26px;left:4px}
 .en-home .story-arrow{display:none}.en-home .finished-frame{width:35%;padding:8px 6px;border-width:3px;border-radius:6px}.en-home .frame-head{font-size:4px}.en-home .frame-type{font-size:clamp(18px,4.6vw,28px);letter-spacing:-.9px;margin-top:15px}.en-home .caption-sample{font-size:6px;margin-bottom:12px}.en-home .frame-footer{font-size:4px;padding-top:5px}.en-home .revision-note{font-size:7px;padding:9px 20px 9px 10px;bottom:7px;right:0;gap:2px}.en-home .revision-note b{font-size:8px}.en-home .note-arrow{font-size:12px;right:7px;bottom:8px}
 .en-home figcaption{font-size:8px;margin-top:16px}.en-home #what{padding-top:68px}.en-home .section-label{font-size:10px;margin-bottom:20px}.en-home h2{font-size:38px;letter-spacing:-1.4px}.en-home .intro-copy{margin-bottom:40px}.en-home .answer{font-size:14px;line-height:1.75}
 .en-home .feature-pair{grid-template-columns:1fr}.en-home .feature,.en-home .feature+.feature{padding:30px 0;border-left:0}.en-home .feature+.feature{border-top:1px solid var(--line)}.en-home .feature-number{font-size:10px;margin-bottom:20px}.en-home h3{font-size:30px}.en-home .feature p,.en-home .revision-copy p{font-size:14px}.en-home .take-strips,.en-home .type-sample{margin-top:24px}.en-home .take-strips>*{padding:12px 14px;font-size:11px}.en-home .type-sample{font-size:32px}
 .en-home .revision-feature{grid-template-columns:1fr;gap:30px;padding:35px 0}.en-home .conversation{padding:32px 24px}.en-home .message{font-size:14px}.en-home .message+.message{margin-left:10px}
 .en-home #how{margin-top:20px;padding:45px 22px}.en-home .steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.en-home .step{display:grid;grid-template-columns:32px 1fr;gap:17px}.en-home .n{margin:0}.en-home .step b{font-size:16px;margin:3px 0 8px}.en-home .step span{font-size:13px}
 .en-home #pricing{padding:58px 0 52px}.en-home .pricing-head{margin-bottom:32px;text-align:left}.en-home .pricing-head p:last-child{font-size:14px}.en-home .pricing-grid{grid-template-columns:1fr}.en-home .price-plan{padding:26px 0}.en-home .price-plan+.price-plan{border-left:0;border-top:1px solid var(--line)}.en-home .price-plan h3{font-size:24px}.en-home .plan-quota{margin-bottom:18px}.en-home .price b{font-size:31px}.en-home .annual{margin-bottom:12px}.en-home .pricing-note{align-items:flex-start;flex-direction:column;gap:4px;padding:20px 0}.en-home .pricing-note p{font-size:14px}.en-home .billing-note{font-size:11px;line-height:1.65}
 .en-home #fit{grid-template-columns:1fr;gap:12px;padding:62px 0 45px}.en-home .fit-copy{padding:0}.en-home .fit-title h2 br{display:none}.en-home .fit-title h2{max-width:300px}.en-home .fit-copy p{font-size:14px}.en-home .scope-note{margin-top:25px;padding-top:23px}
 .en-home .guide-links{grid-template-columns:1fr;gap:8px;padding:55px 0}.en-home .guide-links h2{font-size:38px;max-width:340px}.en-home .guide-links a{font-size:15px;padding:18px 0}
 .en-home #faq{grid-template-columns:1fr;gap:0;padding-top:45px}.en-home #faq h2{font-size:38px}.en-home #faq .sec-head{margin-bottom:0}.en-home .faq summary{font-size:14px}
 .en-home .closing{padding:64px 0 60px}.en-home .closing h2{font-size:40px}.en-home footer{font-size:11px}.en-home .footer-top{flex-wrap:wrap;gap:20px}.en-home .footer-top>span{display:none}.en-home footer .logo{font-size:25px}.en-home footer .brand-mark{width:20px;height:37px}.en-home footer .brand-mark img{width:54px;height:54px}
}
@media(prefers-reduced-motion:reduce){html:has(.en-home){scroll-behavior:auto}.en-home .btn{transition:none}}

/* EN-guides share the landing palette and header, but their job is sustained
   reading. Keep the article narrow and the next useful guide easy to find. */
.en-guide .skip-link{position:absolute;left:20px;top:-100px;background:var(--paper);padding:12px 18px;z-index:5}
.en-guide .skip-link:focus{top:12px}
.en-guide a:focus-visible,.en-guide summary:focus-visible{outline:3px solid #525732;outline-offset:5px}
.en-guide .breadcrumbs{max-width:760px;margin:42px auto 28px;display:flex;align-items:center;gap:9px;color:var(--dim);font-size:13px}
.en-guide .breadcrumbs a{text-decoration:none}.en-guide .breadcrumbs a:hover{text-decoration:underline}.en-guide .breadcrumbs [aria-current="page"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.en-guide .guide-article{max-width:760px;margin:0 auto 92px}
.en-guide .guide-article h1{font-size:clamp(42px,5.5vw,70px);font-weight:500;line-height:1.08;letter-spacing:-3px;margin:0 0 26px;text-wrap:balance}
.en-guide .guide-article h2{font-size:clamp(28px,3.5vw,42px);font-weight:500;line-height:1.14;letter-spacing:-1.5px;margin:60px 0 18px}
.en-guide .guide-article p{color:var(--dim);font-size:18px;line-height:1.72;margin:0 0 20px}
.en-guide .guide-article p a{color:var(--tx);text-decoration-color:#ef0876;text-decoration-thickness:2px;text-underline-offset:4px}
.en-guide .short-answer{color:var(--tx)!important;font-size:21px!important;line-height:1.5!important;margin:0 0 48px!important;padding:0 0 0 20px;border-left:3px solid #ef0876}
.en-guide .capture{margin:42px 0;padding:27px 30px;border:1px solid var(--line);border-radius:12px;background:#efeee7;text-align:center}
.en-guide .capture h2{margin:0 0 10px;font-size:28px}.en-guide .capture p{font-size:15px;line-height:1.55;margin:0 0 18px}.en-guide .capture-mid{display:flex;align-items:center;justify-content:space-between;gap:22px;text-align:left;padding:20px 24px}.en-guide .capture-mid p{margin:0;flex:1 1 360px}
.en-guide .btn-primary{display:inline-block;background:var(--tx);border-radius:30px;box-shadow:none;color:#fff;padding:15px 23px;font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap}.en-guide .btn-primary:hover{background:#414239;box-shadow:none;text-decoration:none}
.en-guide .seo-faq{margin-top:58px}.en-guide .seo-faq details{border-top:1px solid var(--line);padding:0}.en-guide .seo-faq details:last-child{border-bottom:1px solid var(--line)}.en-guide .seo-faq summary{cursor:pointer;padding:20px 30px 20px 0;font-size:16px;font-weight:500}.en-guide .seo-faq p{font-size:16px;padding:0 22px 20px 0}
.en-guide .related-guides{margin-top:58px;padding:36px 0 0;border-top:1px solid var(--line)}.en-guide .related-guides h2{margin:0 0 22px}.en-guide .related-guides ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.en-guide .related-guides li{padding:20px 0;border-bottom:1px solid var(--line)}.en-guide .related-guides .related-title{font-size:20px;font-weight:500;text-decoration:none}.en-guide .related-guides .related-title:hover{text-decoration:underline;text-decoration-color:#ef0876;text-underline-offset:5px}.en-guide .related-guides p{font-size:15px;line-height:1.55;margin:8px 0 0}
.en-guide .guide-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 35px;border-top:1px solid var(--line);font-size:12px;color:var(--dim)}.en-guide .guide-footer .logo{font-size:29px;color:var(--tx)}.en-guide .guide-footer .brand-mark{width:23px;height:43px}.en-guide .guide-footer .brand-mark img{width:62px;height:62px}.en-guide .guide-footer-links{display:flex;flex-wrap:wrap;gap:12px 20px}.en-guide .guide-footer-links a{text-decoration:none}.en-guide .guide-footer-links a:hover{text-decoration:underline}
/* RC-800: таблица решения / A-B — колонки не прячутся на телефоне, страница
   прокручивается горизонтально внутри `.scroll-x`, а не давит на ширину. */
.en-guide .scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:28px 0}
.en-guide table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.en-guide th,.en-guide td{padding:11px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.en-guide th{font-weight:600;color:var(--tx);white-space:nowrap}
.en-guide td{color:var(--dim)}
.en-guide .downloads{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
.en-guide figure{margin:32px 0}
.en-guide figure img{display:block;width:100%;max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}
.en-guide figcaption{font-size:13px;color:var(--dim);margin-top:10px;text-align:center}
.en-guide .trademark-note{font-size:13px;color:var(--dim);margin:20px 0 0}
@media(max-width:1000px){.en-guide .wrap{padding:0 30px}.en-guide nav{gap:18px}}
@media(max-width:700px){.en-guide .wrap{padding:0 22px}.en-guide .topbar{padding:22px 0;align-items:flex-start}.en-guide .logo{font-size:31px}.en-guide .brand-mark{width:23px;height:42px;margin-right:7px}.en-guide .brand-mark img{width:61px;height:61px}.en-guide .topbar nav{display:flex;max-width:calc(100% - 142px);flex-wrap:wrap;justify-content:flex-end;column-gap:12px;row-gap:0}.en-guide .topbar nav a{font-size:12px}.en-guide .breadcrumbs{margin:27px auto 22px;font-size:12px}.en-guide .guide-article{margin-bottom:62px}.en-guide .guide-article h1{font-size:42px;letter-spacing:-2px}.en-guide .guide-article h2{font-size:30px;margin-top:47px}.en-guide .guide-article p{font-size:16px;line-height:1.7}.en-guide .short-answer{font-size:18px!important;margin-bottom:36px!important}.en-guide .capture{padding:23px 18px;margin:34px 0}.en-guide .capture h2{font-size:25px}.en-guide .capture-mid{display:block;text-align:center}.en-guide .capture-mid p{margin-bottom:16px}.en-guide .btn-primary{width:100%;text-align:center;min-height:52px;white-space:normal}.en-guide .related-guides{margin-top:44px}.en-guide .related-guides .related-title{font-size:18px}.en-guide .guide-footer{align-items:flex-start;flex-direction:column;gap:18px}.en-guide .guide-footer .logo{font-size:25px}.en-guide table{font-size:13px;min-width:460px}.en-guide th,.en-guide td{padding:9px 12px}.en-guide .downloads{flex-direction:column}.en-guide .downloads .btn{width:100%;text-align:center}}
@media(max-width:520px){.en-guide .topbar nav{display:flex}}
@media(prefers-reduced-motion:reduce){html:has(.en-guide){scroll-behavior:auto}.en-guide .btn{transition:none}}

/* Public English legal pages use the same calm reading system as guides. */
.en-legal{--bg:#fdfaf5;--tx:#20201d;--dim:#62625b;--line:#ddddd3;--paper:#ffb7d0;background:var(--bg);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5}
.en-legal .wrap{max-width:1080px;padding:0 48px}
.en-legal a{color:inherit}
.en-legal .topbar{padding:24px 0;gap:24px}
.en-legal .logo{font-size:37px;letter-spacing:-2.6px;font-weight:850;gap:2px;line-height:1}
.en-legal .brand-mark{position:relative;display:inline-block;overflow:hidden;width:27px;height:52px;margin-right:10px;flex-shrink:0}
.en-legal .brand-mark img{position:absolute;width:76px;height:76px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
.en-legal nav{margin-left:auto;display:flex;gap:30px}
.en-legal .topbar nav a{margin:0;font-size:14px;font-weight:500;color:var(--tx);padding:12px 0}
.en-legal .skip-link{position:absolute;left:20px;top:-100px;background:var(--paper);padding:12px 18px;z-index:5}
.en-legal .skip-link:focus{top:12px}
.en-legal a:focus-visible{outline:3px solid #525732;outline-offset:5px}
.en-legal .breadcrumbs{display:flex;align-items:center;gap:9px;max-width:760px;margin:38px auto 26px;color:var(--dim);font-size:13px}
.en-legal .breadcrumbs a{text-decoration:none}.en-legal .breadcrumbs a:hover{text-decoration:underline}
.en-legal .legal-article{max-width:760px;margin:0 auto 92px}
.en-legal .legal-article h1{font-size:clamp(42px,5.5vw,70px);font-weight:500;line-height:1.08;letter-spacing:-3px;margin:0 0 38px;text-wrap:balance}
.en-legal .legal-article h2{font-size:clamp(25px,3.2vw,36px);font-weight:500;line-height:1.16;letter-spacing:-1.3px;margin:54px 0 16px}
.en-legal .legal-article p,.en-legal .legal-article li{color:var(--dim);font-size:17px;line-height:1.72}
.en-legal .legal-article p{margin:0 0 18px}.en-legal .legal-article ul{padding-left:23px;margin:0 0 18px}.en-legal .legal-article li+li{margin-top:8px}
.en-legal .legal-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 35px;border-top:1px solid var(--line);font-size:12px;color:var(--dim)}
.en-legal .legal-footer .logo{font-size:29px;color:var(--tx)}.en-legal .legal-footer .brand-mark{width:23px;height:43px}.en-legal .legal-footer .brand-mark img{width:62px;height:62px}
.en-legal .legal-footer-links,.en-home .footer-links{display:flex;flex-wrap:wrap;gap:12px 20px}.en-legal .legal-footer-links a,.en-home .footer-links a{text-decoration:none}.en-legal .legal-footer-links a:hover,.en-home .footer-links a:hover{text-decoration:underline}
@media(max-width:1000px){.en-legal .wrap{padding:0 30px}.en-legal nav{gap:18px}}
@media(max-width:700px){.en-legal .wrap{padding:0 22px}.en-legal .topbar{padding:22px 0;align-items:flex-start}.en-legal .logo{font-size:31px}.en-legal .brand-mark{width:23px;height:42px;margin-right:7px}.en-legal .brand-mark img{width:61px;height:61px}.en-legal .topbar nav{display:flex;max-width:calc(100% - 142px);flex-wrap:wrap;justify-content:flex-end;column-gap:12px;row-gap:0}.en-legal .topbar nav a{font-size:12px}.en-legal .breadcrumbs{margin:27px auto 22px;font-size:12px}.en-legal .legal-article{margin-bottom:62px}.en-legal .legal-article h1{font-size:42px;letter-spacing:-2px}.en-legal .legal-article h2{font-size:29px;margin-top:44px}.en-legal .legal-article p,.en-legal .legal-article li{font-size:16px;line-height:1.7}.en-legal .legal-footer{align-items:flex-start;flex-direction:column;gap:18px}.en-legal .legal-footer .logo{font-size:25px}.en-home .footer-top{align-items:flex-start;flex-wrap:wrap}.en-home .footer-links{width:100%;order:3}.en-home .footer-badges{gap:10px}}
