/* Final brand + mockup polish */
.brand-logo{gap:12px;align-items:center;line-height:1}
.brand-logo .brand-word{display:inline-flex;align-items:baseline;white-space:nowrap;line-height:1;position:relative;top:4px}
.brand-logo .dot,.brand-logo-footer .dot{color:#c4522b!important}
.brand-logo-footer{gap:10px;align-items:center;line-height:1}
.brand-logo-footer .dot{color:#c4522b!important}
.footer-tagline{color:var(--muted);font-size:.66rem;letter-spacing:.02em}
.mock-logo{display:block;width:42px;height:42px;background:url("writed-logo-official.svg") center/contain no-repeat;font-size:0;line-height:0}
.mock-editor h2{line-height:1.09;letter-spacing:-.052em;margin-top:24px;margin-bottom:34px}

/* Boosty support CTA */
.support-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  border:1px solid #c4522b;
  border-radius:999px;
  padding:19px 34px;
  font-size:.72rem;
  letter-spacing:.07em;
  background:linear-gradient(135deg,#e0673a 0%,#c4522b 55%,#a8431f 100%);
  box-shadow:0 12px 26px rgba(196,82,43,.28),inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,background-color .3s ease;
}
.support-cta:hover{opacity:1!important;transform:translateY(-3px) scale(1.02);box-shadow:0 18px 34px rgba(196,82,43,.38),inset 0 1px 0 rgba(255,255,255,.3)}
.support-cta:active{transform:translateY(-1px) scale(1)}
.support-cta:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* Support modal */
body.modal-open{overflow:hidden}
.support-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
.support-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}
.support-modal-backdrop{position:absolute;inset:0;background:rgba(23,23,21,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.support-dialog{position:relative;width:min(680px,100%);max-height:min(720px,calc(100dvh - 48px));overflow:auto;padding:48px 48px 42px;background:#fbfaf7;color:var(--ink);border:1px solid rgba(23,23,21,.14);border-radius:26px;box-shadow:0 28px 70px rgba(23,23,21,.24),0 2px 0 rgba(255,255,255,.65) inset;transform:translateY(18px) scale(.98);transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.support-modal.is-open .support-dialog{transform:none}
.support-close{position:absolute;top:17px;right:17px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#f5f2eb;color:var(--ink);font:500 1.5rem/1 system-ui,sans-serif;cursor:pointer;display:grid;place-items:center;transition:transform .25s ease,background-color .25s ease,border-color .25s ease}
.support-close:hover{transform:rotate(6deg);background:#fff;border-color:#c5bfb5}
.support-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.support-dialog .eyebrow{margin-bottom:18px}
.support-dialog h2{margin:0 0 22px;font-size:clamp(3rem,7vw,5.6rem);line-height:.94;letter-spacing:-.065em;font-weight:500}
.support-dialog>p:not(.eyebrow){max-width:540px;margin:0;color:#625f58;font-size:1.18rem;line-height:1.48}
.modal-support-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:30px;padding:15px 21px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font-family:'DM Mono',monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;transition:transform .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.modal-support-btn:hover{transform:translateY(-2px);background:var(--accent);border-color:var(--accent);box-shadow:0 10px 20px rgba(36,81,62,.16)}
.modal-support-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.modal-later{display:block;margin-top:14px;padding:7px 0;border:0;background:transparent;color:var(--muted);font-family:'DM Mono',monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.modal-later:hover{color:var(--ink)}
.modal-later:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

@media(max-width:800px){
  .brand-logo{gap:10px}
  .brand-logo::before{width:46px;height:46px}
  .mock-logo{width:34px;height:34px}
  .mock-editor h2{line-height:1.08;letter-spacing:-.045em}
  .support-cta{width:100%}
  .support-modal{padding:14px}
  .support-dialog{padding:36px 24px 28px;border-radius:22px;max-height:calc(100dvh - 28px)}
  .support-dialog h2{font-size:clamp(2.7rem,13vw,4rem)}
  .support-dialog>p:not(.eyebrow){font-size:1.03rem}
  .modal-support-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.support-modal,.support-dialog,.support-cta,.modal-support-btn,.support-close{transition:none}}