@font-face {
  font-family: "Golos Text";
  src: url("/assets/fonts/golos-text.d6c856c88885.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand: #d92535;
  --brand-strong: #b81c2a;
  --wine: #861c2b;
  --ink: #242528;
  --muted: #686b73;
  --paper: #ffffff;
  --cloud: #f8f9fb;
  --sky: #fff1f2;
  --line: #e6e6ea;
  --coral: #d92535;
  --green: #347567;
  --font: "Golos Text", Arial, sans-serif;
  --plane-line: #fff;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 105px; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 16px/1.6 var(--font); -webkit-font-smoothing: antialiased; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
a:focus-visible, button:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid #b81c2a; outline-offset: 5px; border-radius: 6px; }
::selection { color: var(--ink); background: #ffdce0; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { font-weight: 550; }
svg { display: inline-block; flex-shrink: 0; }
.icon { width: 24px; height: 24px; vertical-align: middle; }
.icon-library { position: absolute; width: 0; height: 0; overflow: hidden; }
[hidden] { display: none !important; }
.container { width: min(1280px, calc(100% - 112px)); margin-inline: auto; }
.section { padding-block: 112px; }
.skip-link { position: fixed; left: 20px; top: -100px; z-index: 100; background: var(--ink); color: white; padding: 12px 20px; border-radius: 8px; }
.skip-link:focus { top: 12px; }
.site-header { position: sticky; top: 0; z-index: 20; background: rgb(255 255 255 / 94%); border-bottom: 1px solid #f1edef; backdrop-filter: blur(12px); }
.header-inner { height: 94px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; width: fit-content; line-height: 1; }
.brand-name { color: var(--brand); font-size: 33px; font-weight: 750; letter-spacing: -1.7px; }
.brand-dot { color: var(--coral); }
.brand-symbol { width: 28px; height: 31px; display: flex; align-items: center; gap: 3px; transform: skew(-19deg); }
.brand-symbol i { display: block; width: 6px; background: var(--brand); border-radius: 1px; }
.brand-symbol i:nth-child(1) { height: 13px; }
.brand-symbol i:nth-child(2) { height: 22px; }
.brand-symbol i:nth-child(3) { height: 31px; background: var(--coral); }
.desktop-nav { display: flex; gap: 34px; margin-left: 46px; font-size: 14px; }
.desktop-nav a, .site-footer nav a { transition: color .18s; }
.desktop-nav a:hover, .site-footer nav a:hover { color: #b81c2a; }
.header-actions { display: flex; align-items: center; gap: 16px; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 60px; padding: 16px 26px; font-weight: 550; font-size: 15px; line-height: 1.4; border: 1px solid transparent; border-radius: 10px; transition: background .18s, box-shadow .18s, color .18s; }
.button:hover { box-shadow: 0 4px 12px #24252817; }
.button-primary { background: var(--brand); color: white; }
.button-primary:hover { background: #b81c2a; }
.button-small { min-height: 45px; padding: 11px 17px; font-size: 13px; border-radius: 8px; }
.button-small .icon { width: 19px; height: 19px; }
.button-outline { border-color: #dedee3; background: white; }
.button-outline:hover { background: var(--cloud); }
.button-outline .icon { color: var(--ink); }
.text-link { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500; white-space: nowrap; }
.text-link:hover { color: #b81c2a; }
.text-link .icon { width: 21px; height: 21px; transition: transform .18s; }
.text-link:hover .icon { transform: translateX(3px); }
.menu-toggle { display: none; width: 40px; height: 40px; padding: 8px; border: 0; background: transparent; }
.menu-toggle span { display: block; height: 2px; background: var(--ink); margin-block: 6px; transition: transform .2s; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
.mobile-nav { padding: 10px 24px 24px; border-top: 1px solid var(--line); }
.mobile-nav a { display: block; padding: 11px 0; font-size: 16px; }

.hero { display: grid; grid-template-columns: 1.16fr 1fr; gap: 36px; align-items: center; padding-block: 68px 72px; }
.hero-copy { position: relative; z-index: 2; padding-bottom: 12px; }
.product-label { display: flex; align-items: center; gap: 9px; color: #757780; font-size: 13px; font-weight: 450; margin-bottom: 27px; }
.status-dot { width: 7px; height: 7px; background: #438370; border-radius: 50%; flex-shrink: 0; box-shadow: 0 0 0 4px #4383700d; display: inline-block; }
h1 { max-width: 700px; font-size: clamp(53px, 5.15vw, 76px); font-weight: 550; letter-spacing: -.063em; line-height: 1.055; }
.hero-description { max-width: 480px; margin-top: 29px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.hero-actions { margin-top: 33px; display: flex; align-items: center; gap: 26px; }
.hero-actions .button { min-width: 215px; }
.free-note { font-size: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 19px; color: #73757d; }
.small-check { display: inline-flex; align-items: center; justify-content: center; color: var(--green); }
.small-check .icon { width: 17px; height: 17px; }
.free-note-period { color: #73757d; margin-left: 1px; padding-left: 8px; border-left: 1px solid #dedee3; }
/* Version 2 artwork is defined below the shared responsive foundation. */
@keyframes art-arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.value-strip { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 26px 12px; gap: 24px; font-size: 12px; }
.value-strip > div { display: flex; align-items: center; gap: 12px; }
.value-strip .icon { width: 21px; height: 21px; color: #a3414a; }
.strip-separator { height: 18px; width: 1px; background: var(--line); }

.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 52px; }
.section-kicker { color: #777981; font-size: 12px; margin-bottom: 20px; }
h2 { font-size: clamp(36px, 3.5vw, 49px); letter-spacing: -.055em; line-height: 1.14; }
.section-heading > p { color: var(--muted); font-size: 14px; line-height: 1.85; padding-bottom: 4px; }
.process-layout { display: grid; grid-template-columns: 1.03fr 1fr; gap: 80px; align-items: center; }
.process-steps { display: flex; flex-direction: column; position: relative; }
.process-steps::before { content: ""; position: absolute; top: 45px; left: 26px; width: 1px; height: calc(100% - 110px); background: var(--line); }
.process-step { padding: 23px 12px 23px 0; border: 0; display: flex; align-items: flex-start; gap: 21px; background: transparent; text-align: left; position: relative; border-radius: 12px; }
.step-number { margin-top: 1px; display: flex; justify-content: center; align-items: center; width: 53px; height: 53px; border: 1px solid var(--line); background: white; border-radius: 50%; font-size: 16px; flex-shrink: 0; transition: background .2s, color .2s, border-color .2s; }
.process-step[aria-selected="true"] .step-number { color: white; background: var(--brand); border-color: var(--brand); }
.process-step > span:nth-child(2) { padding-top: 1px; flex: 1; }
.process-step strong { display: block; font-size: 18px; line-height: 1.5; font-weight: 550; letter-spacing: -.4px; }
.process-step > span > span { display: block; color: var(--muted); font-size: 13px; line-height: 1.8; max-width: 340px; margin-top: 9px; }
.step-arrow { margin-top: 17px; width: 17px; height: 17px; color: #b0b1b8; opacity: 0; }
.process-step[aria-selected="true"] .step-arrow { opacity: 1; color: var(--ink); }
.process-step:hover .step-number { border-color: #b7959a; }
.process-screen { padding: 24px; border-radius: 24px; border: 1px solid #e5e5ea; background: var(--cloud); min-height: 448px; }
.screen-top { display: flex; align-items: center; gap: 11px; margin-bottom: 23px; }
.screen-avatar { width: 37px; height: 37px; border-radius: 50%; background: var(--brand); color: white; display: flex; justify-content: center; align-items: center; font-size: 19px; font-weight: 650; }
.screen-top div strong { font-size: 13px; font-weight: 600; line-height: 1.4; display: block; }
.screen-top div span { font-size: 10px; display: block; color: #777981; }
.screen-top > .icon { width: 20px; height: 20px; margin-left: auto; color: #b24753; }
.step-panel { min-height: 314px; padding: 24px 22px 0; border: 1px solid #e7e7ec; border-radius: 12px; background: white; }
.panel-message .panel-small-icon { color: var(--ink); display: inline-flex; padding: 8px; background: #fff1f2; border-radius: 9px; margin-bottom: 13px; }
.panel-small-icon .icon { width: 21px; height: 21px; }
.panel-message h3 { font-size: 19px; letter-spacing: -.55px; line-height: 1.4; }
.panel-message p { margin-top: 9px; color: var(--muted); font-size: 12px; line-height: 1.8; max-width: 345px; }
.resume-choice { margin-top: 23px; padding: 14px 12px; display: flex; align-items: center; gap: 10px; border: 1px solid #ead0d5; background: #fffbfc; border-radius: 8px; }
.resume-file { display: flex; align-items: center; justify-content: center; background: #fff0f2; border-radius: 5px; width: 31px; height: 37px; }
.resume-file .icon { width: 19px; height: 19px; }
.resume-choice strong { display: block; font-weight: 500; font-size: 11px; }
.resume-choice div > span { display: block; font-size: 9px; color: #777981; margin-top: 3px; }
.choice-check { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-left: auto; border-radius: 50%; background: #317568; color: white; }
.choice-check .icon { width: 13px; height: 13px; }
.screen-bottom { padding-block: 18px; margin-top: 15px; border-top: 1px solid #ececf0; display: flex; align-items: center; gap: 7px; color: #777981; font-size: 9px; }
.screen-bottom .icon { width: 15px; height: 15px; color: #568474; }
.settings-preview { margin-top: 12px; }
.settings-preview > div { display: flex; justify-content: space-between; gap: 12px; padding-block: 7px; border-bottom: 1px solid #efeff2; font-size: 10px; }
.settings-preview span { color: #777981; }
.settings-preview strong { font-weight: 500; text-align: right; }
#panel-2 .panel-message .panel-small-icon, #panel-3 .panel-message .panel-small-icon { display: none; }
#panel-2 .screen-bottom { margin-top: 8px; }
.running-status { margin-top: 22px; padding: 11px; border: 1px solid #dbe6e0; background: #f4f8f4; display: flex; align-items: center; gap: 8px; border-radius: 7px; font-size: 10px; }
.running-status strong { font-weight: 550; }.running-status > span:last-child { margin-left: auto; color: #719083; font-size: 9px; }
.running-actions { display: flex; flex-direction: column; gap: 7px; margin-top: 17px; font-size: 10px; }
.running-actions > div { display: flex; align-items: center; gap: 7px; }
.running-actions .icon { width: 14px; height: 14px; color: var(--green); }
.screen-progress { display: flex; justify-content: center; gap: 6px; padding-top: 16px; }
.screen-progress span { display: block; width: 6px; height: 6px; border-radius: 50%; background: #e0d7db; }
.screen-progress .current { width: 20px; border-radius: 4px; background: #b81c2a; }

/* Version 2 capabilities replace the first version control section. */
.pricing { padding-bottom: 40px; }
.pricing .section-heading { margin-bottom: 53px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.price-card { position: relative; display: flex; flex-direction: column; border: 1px solid #e6e6ea; border-radius: 16px; padding: 32px 27px 27px; background: white; }
.price-card-featured { border-color: #d92535; background: #fff6f7; }
.price-card-head { min-height: 65px; }
.price-card h3 { font-size: 22px; font-weight: 550; letter-spacing: -.7px; }
.price-card-head > p { font-size: 12px; margin-top: 5px; color: var(--muted); }
.plan-label { position: absolute; top: -14px; right: 22px; padding: 5px 12px; background: var(--brand); color: white; font-size: 10px; border-radius: 6px; }
.price { margin-top: 23px; display: flex; gap: 10px; align-items: baseline; }
.price > strong { font-size: 40px; font-weight: 550; letter-spacing: -1.8px; line-height: 1.3; white-space: nowrap; }
.price > strong span { font-size: 30px; }
.price > span { font-size: 10px; color: var(--muted); white-space: nowrap; }
.quota { display: flex; align-items: baseline; gap: 8px; padding-bottom: 24px; border-bottom: 1px solid var(--line); margin-top: 10px; }
.quota strong { font-size: 18px; font-weight: 550; }.quota span { font-size: 12px; }
.price-card ul { display: flex; flex-direction: column; gap: 12px; margin: 23px 0 29px; padding: 0; list-style: none; }
.price-card li { display: flex; align-items: center; gap: 7px; font-size: 12px; line-height: 1.6; }
.price-card li .icon { width: 14px; height: 14px; color: #b81c2a; }
.price-card .button { width: 100%; min-height: 48px; padding: 13px 20px; font-size: 12px; margin-top: auto; border-radius: 8px; }
.price-card .button .icon { width: 18px; height: 18px; }
.button-plan { border: 1px solid #e0d9dd; background: white; }
.button-plan:hover { background: var(--cloud); }
.pricing-note { display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; margin-top: 21px; font-size: 11px; color: #73757d; line-height: 1.8; }
.pricing-note > span { display: flex; align-items: center; gap: 7px; max-width: 300px; }
.pricing-note .icon { width: 17px; height: 17px; }
.pricing-note > p { max-width: 520px; }
.free-start { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 25px 29px; border-radius: 13px; background: #fff1f2; margin-top: 36px; }
.free-start > div { display: flex; align-items: center; gap: 18px; }
.free-start-symbol { display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; border-radius: 50%; background: #ffdce1; color: #b81c2a; }
.free-start-symbol .icon { width: 24px; height: 24px; }
.free-start h3 { font-size: 17px; font-weight: 500; letter-spacing: -.3px; }
.free-start p { margin-top: 4px; font-size: 11px; color: #8b646b; }
.free-start .text-link { font-size: 12px; }

.faq { display: grid; grid-template-columns: .9fr 1.3fr; gap: 100px; padding-top: 80px; padding-bottom: 109px; }
.faq-heading > p:last-child { margin-top: 22px; color: var(--muted); font-size: 13px; line-height: 1.85; }
.faq-heading .section-kicker { margin-bottom: 19px; }
.faq h2 { font-size: 41px; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list details:first-child { border-top: 1px solid var(--line); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 23px 0; list-style: none; cursor: pointer; font-size: 15px; line-height: 1.6; font-weight: 450; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary .icon { color: #9b727a; width: 19px; height: 19px; transition: transform .2s; }
.faq-list details[open] summary .icon { transform: rotate(45deg); }
.faq-answer { padding: 0 40px 24px 0; color: var(--muted); font-size: 14px; line-height: 1.9; }
.final-section { padding-bottom: 54px; }
.final-cta { min-height: 364px; border-radius: 24px; background: var(--wine); color: white; padding: 55px 74px; display: flex; align-items: center; justify-content: space-between; gap: 40px; position: relative; overflow: hidden; isolation: isolate; }
.final-cta::before, .final-cta::after { content: ""; width: 650px; height: 650px; border-radius: 50%; border: 1px solid #ffffff0b; position: absolute; right: -147px; top: -145px; z-index: -1; }
.final-cta::after { width: 490px; height: 490px; top: -65px; right: -67px; }
.final-cta > div:nth-child(2) > p { font-size: 11px; color: #f4b6bf; margin-bottom: 15px; }
.final-cta h2 { font-size: 43px; letter-spacing: -.05em; line-height: 1.13; }
.button-light { background: white; color: var(--ink); min-height: 52px; padding: 13px 22px; font-size: 13px; margin-top: 25px; border-radius: 8px; }
.button-light:hover { background: #fff1f2; }
.button-light .icon { width: 21px; height: 21px; }
.final-note { display: block; font-size: 9px; margin-top: 11px; color: #f4b6bf; }
.final-route { display: flex; flex-direction: column; align-items: center; align-self: stretch; gap: 18px; margin-right: 2px; }
.final-route > span { width: 1px; flex: 1; background: repeating-linear-gradient(to bottom, #9fbabf 0 3px, transparent 3px 7px); opacity: .55; }
.final-route svg { width: 30px; height: 30px; color: #f8b3be; transform: rotate(-45deg); }
.final-cta > div:nth-child(2) { margin-right: auto; }
.final-stamp { width: 154px; height: 154px; border: 1px solid #f8aab94d; border-radius: 50%; outline: 1px dashed #f8aab94d; outline-offset: -10px; color: #f9c6d0; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; transform: rotate(12deg); margin-right: 45px; }
.final-stamp .icon { color: #ffc1cb; width: 30px; height: 30px; margin-bottom: 7px; }
.final-stamp span { font-size: 13px; line-height: 1.5; text-align: center; }
.site-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 33px; padding-bottom: 25px; }
.footer-brand { display: flex; align-items: center; gap: 25px; }
.footer-brand > span { color: #777981; font-size: 11px; }
.site-footer .brand-name { color: var(--brand); font-size: 26px; }.site-footer .brand-symbol { transform: skew(-19deg) scale(.8); margin-right: -4px; }
.site-footer nav { display: flex; align-items: center; gap: 27px; font-size: 11px; }
.site-footer nav a:last-child { display: flex; align-items: center; gap: 6px; }
.site-footer nav .icon { width: 15px; height: 15px; }
.footer-bottom { border-top: 1px solid #ececf0; display: flex; justify-content: space-between; gap: 20px; width: 100%; padding-top: 21px; font-size: 9px; color: #777981; }

@media (min-width: 1500px) { .hero { gap: 65px; } }
@media (max-width: 1190px) {
  .container { width: calc(100% - 80px); }
  .hero { gap: 25px; grid-template-columns: 1.1fr 1fr; }
  h1 { font-size: 58px; }
  .hero-description { font-size: 14px; }
  .hero-actions { gap: 17px; }.hero-actions .button { min-width: 190px; font-size: 13px; padding-inline: 18px; }
  .hero-actions .text-link { font-size: 12px; gap: 6px; }
  .hero-art { height: 490px; }.telegram-window { left: 14px; width: calc(100% - 41px); top: 128px; }
  .route-ticket { right: 14px; width: 265px; }.sent-tag { right: -10px; bottom: 30px; }
  .orbit-one { width: 300px; height: 300px; left: 28px; top: 85px; }.orbit-two { width: 365px; height: 365px; left: -5px; top: 55px; }
  .art-caption { bottom: 13px; font-size: 9px; left: 20px; }
  .value-strip { font-size: 11px; padding-inline: 0; gap: 16px; }.value-strip > div { gap: 8px; }
  .process-layout { gap: 45px; }.process-step { gap: 15px; }.process-step strong { font-size: 16px; }
  .process-screen { padding: 20px; }.step-panel { padding: 20px 16px 0; }
  .control-layout { gap: 65px; }.control-features article { gap: 18px; }
  .price-card { padding: 28px 20px 20px; }.price { gap: 8px; }.price > strong { font-size: 36px; }.price > strong span { font-size: 28px; }
  .price-card li { font-size: 11px; }.pricing-grid { gap: 15px; }.price-card-head > p { font-size: 11px; }
  .faq { gap: 65px; }.faq h2 { font-size: 37px; }
  .final-stamp { margin-right: 0; }.final-cta { padding-inline: 50px; }
}

@media (max-width: 960px) {
  .container { width: calc(100% - 56px); }.header-inner { height: 80px; }.desktop-nav { margin-left: 0; gap: 23px; font-size: 12px; }
  .section { padding-block: 80px; }
  .hero { padding-block: 55px; gap: 22px; grid-template-columns: 1fr 1fr; }
  h1 { font-size: 49px; letter-spacing: -.06em; }.product-label { font-size: 10px; margin-bottom: 22px; }
  .hero-description { font-size: 13px; margin-top: 21px; line-height: 1.85; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 15px; margin-top: 23px; }.hero-actions .button { min-height: 52px; }
  .free-note { font-size: 9px; gap: 4px; flex-wrap: wrap; }.free-note-period { padding-left: 6px; }
  .hero-art { height: 465px; border-radius: 28px; }.telegram-window { left: 9px; top: 118px; width: calc(100% - 23px); }
  .telegram-header { padding: 12px; }.telegram-content { padding: 13px 10px; }.message-in { max-width: 220px; }
  .route-ticket { right: 8px; top: 15px; width: 235px; padding: 17px 18px 11px; }.ticket-tear { margin-inline: -18px; }
  .ticket-route strong { font-size: 17px; }.ticket-route-line { width: 43px; }.ticket-bottom { font-size: 8px; }
  .sent-tag { padding: 11px; right: -7px; bottom: 18px; }.sent-tag strong { font-size: 10px; }.sent-tag small { font-size: 8px; }.sent-tag > span { width: 27px; height: 27px; }
  .art-caption { display: none; }.orbit-one { width: 240px; height: 240px; left: 25px; top: 110px; }.orbit-two { width: 310px; height: 310px; left: -10px; top: 75px; }
  .value-strip { font-size: 10px; gap: 12px; padding-block: 22px; }.value-strip > div { max-width: 190px; line-height: 1.6; }.value-strip .icon { width: 20px; height: 20px; }.strip-separator { flex-shrink: 0; }
  h2 { font-size: 38px; }.section-heading > p { font-size: 12px; }.section-kicker { font-size: 10px; margin-bottom: 17px; }
  .process-layout { gap: 30px; }.process-step { gap: 12px; padding-block: 20px; }.step-number { width: 42px; height: 42px; font-size: 13px; }.process-step strong { font-size: 14px; }.process-step > span > span { font-size: 11px; line-height: 1.85; }.step-arrow { display: none; }.process-steps::before { left: 21px; }
  .process-screen { padding: 16px; min-height: 420px; }.screen-top { margin-bottom: 16px; }.screen-top div span { font-size: 8px; }.step-panel { min-height: 310px; padding: 18px 13px 0; }.panel-message h3 { font-size: 16px; }.panel-message p { font-size: 10px; }.resume-choice { gap: 7px; padding: 12px 8px; }.resume-choice strong { font-size: 9px; }.resume-choice div > span { font-size: 8px; }.screen-bottom { font-size: 8px; gap: 5px; }.settings-preview > div { font-size: 9px; }.running-status { font-size: 9px; }.running-status > span:last-child { display: none; }.running-actions { font-size: 9px; }
  .control-section { padding-block: 70px; }.control-layout { gap: 45px; }.control-intro > p:not(.section-kicker) { font-size: 12px; }.control-features h3 { font-size: 16px; }.control-features p { font-size: 11px; }.feature-icon { width: 38px; height: 38px; border-radius: 10px; }.feature-icon .icon { width: 22px; height: 22px; }.control-features article { gap: 14px; padding-block: 23px; }.control-ticket { padding: 19px 19px 16px; }.control-ticket > strong { font-size: 16px; }.control-ticket > span:not(.control-ticket-bottom) { font-size: 9px; }.ticket-mini-tear { margin-inline: -19px; }.control-ticket-bottom { font-size: 9px; }
  .pricing { padding-bottom: 25px; }.price-card { padding: 27px 15px 18px; }.price-card h3 { font-size: 18px; }.price-card-head > p { font-size: 10px; max-width: 150px; }.price { flex-wrap: wrap; gap: 0 7px; margin-top: 16px; }.price > strong { font-size: 32px; }.price > strong span { font-size: 23px; }.price > span { font-size: 9px; }.quota strong { font-size: 16px; }.quota span { font-size: 11px; }.price-card li { font-size: 10px; align-items: flex-start; }.price-card li .icon { width: 12px; height: 12px; margin-top: 1px; }.plan-label { right: 12px; font-size: 9px; }.price-card .button { font-size: 11px; gap: 7px; min-height: 44px; }.price-card ul { margin-block: 20px 25px; }.pricing-note { font-size: 10px; gap: 25px; }.pricing-note > span { min-width: 190px; }
  .free-start { padding: 23px; }.free-start h3 { font-size: 14px; }.free-start p { font-size: 10px; }.free-start .text-link { font-size: 11px; }
  .faq { gap: 35px; }.faq h2 { font-size: 33px; }.faq-list summary { font-size: 12px; padding-block: 20px; }.faq-answer { font-size: 11px; }.faq-heading > p:last-child { font-size: 11px; }
  .final-cta { padding: 42px 35px; gap: 25px; min-height: 320px; }.final-cta h2 { font-size: 35px; }.final-stamp { width: 117px; height: 117px; }.final-stamp span { font-size: 10px; }.final-stamp .icon { width: 24px; height: 24px; }
  .footer-brand { gap: 15px; }.footer-brand > span { font-size: 9px; }.site-footer nav { gap: 20px; font-size: 10px; }
}

@media (max-width: 720px) {
  html { scroll-padding-top: 84px; }.container { width: calc(100% - 40px); }.section { padding-block: 66px; }
  .header-inner { height: 74px; }.brand-name { color: var(--brand); font-size: 28px; }.brand-symbol { transform: skew(-19deg) scale(.85); transform-origin: left center; margin-right: -4px; }.brand { gap: 7px; }
  .desktop-nav { display: none; }.menu-toggle { display: block; }.header-actions { gap: 10px; }.header-actions .button { font-size: 11px; min-height: 39px; padding: 9px 12px; gap: 6px; }.header-actions .button .icon { width: 17px; height: 17px; }
  .hero { grid-template-columns: 1fr; padding-top: 37px; padding-bottom: 37px; gap: 34px; }
  .hero-copy { padding: 0; }.product-label { font-size: 11px; margin-bottom: 22px; gap: 8px; }
  h1 { font-size: clamp(44px, 8.65vw, 63px); line-height: 1.06; letter-spacing: -.06em; max-width: 570px; }
  .hero-description { font-size: 14px; line-height: 1.8; margin-top: 22px; max-width: 490px; }
  .hero-actions { flex-direction: row; align-items: center; gap: 23px; margin-top: 26px; }.hero-actions .button { min-height: 54px; min-width: 185px; font-size: 13px; padding: 14px 19px; }.hero-actions .text-link { font-size: 11px; gap: 5px; }
  .free-note { font-size: 10px; margin-top: 17px; gap: 6px; }.free-note-period { padding-left: 8px; }
  .hero-art { height: 460px; max-width: 520px; width: 100%; margin-inline: auto; }
  .route-ticket { width: 265px; right: 22px; top: 20px; padding: 18px 22px 12px; }.ticket-route strong { font-size: 20px; }.ticket-route-line { width: 54px; }.ticket-tear { margin-inline: -22px; }.ticket-bottom { font-size: 9px; }
  .telegram-window { max-width: 340px; width: calc(100% - 64px); left: 25px; top: 115px; }.telegram-header { padding: 13px 16px; }.telegram-content { padding: 15px 13px 13px; }.message-in { max-width: 253px; }.message-in p { font-size: 11px; }
  .sent-tag { bottom: 18px; right: 12px; padding: 12px 16px; gap: 11px; }.sent-tag strong { font-size: 11px; }.sent-tag small { font-size: 9px; }.sent-tag > span { width: 31px; height: 31px; }
  .orbit-one { width: 300px; height: 300px; left: calc(50% - 150px); top: 95px; }.orbit-two { width: calc(100% + 10px); height: auto; aspect-ratio: 1; left: -5px; top: 50px; }
  .value-strip { flex-direction: column; align-items: flex-start; padding: 23px 9px; gap: 17px; font-size: 12px; }.value-strip > div { max-width: none; gap: 12px; }.strip-separator { display: none; }
  h2 { font-size: 36px; letter-spacing: -.05em; }.section-heading { display: block; margin-bottom: 29px; }.section-kicker { font-size: 11px; margin-bottom: 15px; }.section-heading > p { margin-top: 18px; font-size: 12px; line-height: 1.8; }.section-heading > p br { display: none; }
  .process-layout { grid-template-columns: 1fr; gap: 25px; }.process-step { padding: 17px 10px 17px 0; gap: 17px; }.process-step strong { font-size: 16px; }.process-step > span > span { font-size: 12px; margin-top: 6px; max-width: 500px; }.step-number { width: 43px; height: 43px; font-size: 14px; }.process-steps::before { left: 21px; top: 40px; height: calc(100% - 90px); }.step-arrow { display: block; margin-left: auto; }.process-step > span:nth-child(2) { padding-top: 4px; }
  .process-screen { min-height: 420px; padding: 20px; border-radius: 18px; }.screen-top div strong { font-size: 13px; }.screen-top div span { font-size: 10px; }.screen-top { margin-bottom: 21px; }.step-panel { min-height: 308px; padding: 21px 19px 0; }.panel-message h3 { font-size: 18px; }.panel-message p { font-size: 12px; }.resume-choice strong { font-size: 11px; }.resume-choice div > span { font-size: 9px; }.screen-bottom { font-size: 9px; padding-block: 16px; }.resume-choice { padding: 13px 10px; }.settings-preview > div { font-size: 10px; }.running-status { font-size: 10px; }.running-status > span:last-child { display: inline; }.running-actions { font-size: 11px; gap: 9px; }
  .control-section { padding-block: 64px; }.control-layout { grid-template-columns: 1fr; gap: 39px; }.control-intro > p:not(.section-kicker) { font-size: 13px; max-width: 450px; margin-top: 19px; }.control-ticket { max-width: 360px; margin-top: 27px; padding: 22px 24px 18px; }.control-ticket > strong { font-size: 18px; }.control-ticket > span:not(.control-ticket-bottom) { font-size: 10px; }.ticket-mini-tear { margin-inline: -24px; }.control-ticket-bottom { font-size: 10px; }
  .control-features article { padding-block: 24px; gap: 17px; }.feature-icon { width: 42px; height: 42px; border-radius: 11px; }.control-features h3 { font-size: 17px; }.control-features p { font-size: 12px; max-width: 500px; }
  .pricing { padding-bottom: 25px; }.pricing .section-heading { margin-bottom: 32px; }.pricing-grid { grid-template-columns: 1fr; gap: 27px; }.price-card { padding: 26px; border-radius: 14px; }.price-card-head { min-height: 56px; }.price-card h3 { font-size: 23px; }.price-card-head > p { font-size: 12px; max-width: none; }.price { margin-top: 17px; gap: 12px; }.price > strong { font-size: 43px; }.price > strong span { font-size: 31px; }.price > span { font-size: 11px; }.quota { margin-top: 9px; padding-bottom: 21px; }.quota strong { font-size: 19px; }.quota span { font-size: 13px; }.price-card ul { margin-block: 22px 25px; gap: 12px; }.price-card li { font-size: 12px; align-items: center; gap: 9px; }.price-card li .icon { width: 16px; height: 16px; margin: 0; }.price-card .button { font-size: 13px; min-height: 50px; }.plan-label { font-size: 10px; right: 20px; padding: 5px 12px; }
  .pricing-note { flex-direction: column; font-size: 10px; margin-top: 23px; gap: 10px; }.pricing-note > span { max-width: none; }.pricing-note p { max-width: none; }.free-start { margin-top: 25px; display: block; padding: 24px; border-radius: 12px; }.free-start > div { gap: 12px; align-items: flex-start; }.free-start-symbol { width: 34px; height: 34px; }.free-start-symbol .icon { width: 20px; height: 20px; }.free-start h3 { font-size: 15px; line-height: 1.5; }.free-start p { font-size: 11px; line-height: 1.7; margin-top: 7px; }.free-start .text-link { margin: 19px 0 0 46px; font-size: 12px; }
  .faq { grid-template-columns: 1fr; gap: 29px; padding-top: 50px; padding-bottom: 63px; }.faq h2 { font-size: 36px; }.faq-heading > p:last-child { margin-top: 17px; font-size: 12px; }.faq-heading > p:last-child br { display: none; }.faq-list summary { font-size: 13px; padding-block: 21px; }.faq-answer { font-size: 12px; padding-right: 25px; padding-bottom: 22px; }
  .final-section { padding-bottom: 35px; }.final-cta { padding: 34px 27px; border-radius: 18px; min-height: 350px; gap: 20px; }.final-cta h2 { font-size: 33px; letter-spacing: -.06em; }.final-cta > div:nth-child(2) > p { font-size: 10px; line-height: 1.7; max-width: 200px; margin-bottom: 15px; }.final-route { margin-right: 0; gap: 16px; }.final-route svg { width: 24px; height: 24px; }.final-stamp { display: none; }.button-light { margin-top: 25px; min-height: 52px; padding-inline: 19px; font-size: 12px; }.final-note { font-size: 8px; line-height: 1.7; max-width: 230px; }
  .site-footer { gap: 25px; padding-bottom: 24px; }.footer-brand { gap: 19px; width: 100%; }.footer-brand > span { font-size: 10px; }.site-footer nav { width: 100%; justify-content: space-between; gap: 12px; font-size: 10px; }.footer-bottom { padding-top: 19px; gap: 15px; font-size: 8px; }.footer-bottom > span:last-child { max-width: 200px; text-align: right; }
}

@media (max-width: 380px) {
  .container { width: calc(100% - 32px); }.header-actions { gap: 4px; }.header-actions .button { padding-inline: 9px; font-size: 10px; }.hero-actions { gap: 15px; }.hero-actions .button { min-width: 164px; padding-inline: 15px; font-size: 12px; }.hero-actions .text-link { font-size: 10px; gap: 3px; }.hero-actions .text-link .icon { width: 17px; height: 17px; }h1 { font-size: 43px; }.hero-description { font-size: 13px; }.free-note { font-size: 9px; gap: 4px; }.free-note-period { padding-left: 5px; }.hero-art { height: 440px; }.telegram-window { left: 17px; width: calc(100% - 40px); top: 108px; }.route-ticket { width: 238px; right: 15px; }.telegram-content { padding: 13px 10px; }.sent-tag { bottom: 15px; right: 7px; }.price-card { padding: 23px; }.price-card li { font-size: 11px; }.final-cta { padding-inline: 20px; gap: 15px; }.final-cta h2 { font-size: 29px; }.step-panel { padding-inline: 13px; }.process-screen { padding: 16px; }.panel-message h3 { font-size: 16px; }.screen-bottom { font-size: 8px; }.running-actions { font-size: 10px; }.free-start { padding: 21px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* FHH v2: red, graphite and a conversation that reaches its person. */
.hero { grid-template-columns: 1.1fr 1fr; gap: 50px; }
.hero-description { max-width: 490px; }
.button-outline { color: var(--brand); border-color: #f0cbd0; }
.button-outline .icon { color: var(--brand); }
.product-label { color: #80545c; }
.value-strip .icon { color: var(--brand); }
.value-strip > div { max-width: 330px; }
.v2-hero-art { position: relative; height: 550px; border-radius: 28px; background: var(--sky); border: 1px solid #f9e0e4; isolation: isolate; animation: art-arrive .7s ease-out both; min-width: 0; }
.activity-top { display: flex; align-items: center; gap: 11px; position: absolute; inset: 27px 28px auto; }
.activity-avatar { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 12px; background: var(--brand); color: white; font-size: 23px; font-weight: 700; }
.activity-top div strong { display: block; font-size: 13px; font-weight: 600; line-height: 1.5; }
.activity-top div > span { display: block; font-size: 10px; color: #946a72; }
.activity-status { margin-left: auto; padding: 5px 9px; color: #aa3f4c; border: 1px solid #f0c8d0; border-radius: 6px; font-size: 9px; white-space: nowrap; }
.activity-trail { position: absolute; top: 107px; bottom: 135px; left: 58px; border-left: 1px dashed #eaa3ae; z-index: -1; }
.activity-card { position: absolute; min-height: 94px; border: 1px solid #f2e4e7; background: white; border-radius: 12px; padding: 17px 18px; display: flex; align-items: center; gap: 13px; box-shadow: 0 6px 16px #7b1e2905; }
.activity-letter { top: 103px; left: 26px; right: 39px; transform: rotate(-2deg); }
.activity-reply { top: 216px; left: 45px; right: 21px; transform: rotate(2deg); }
.activity-icon { display: flex; align-items: center; justify-content: center; width: 35px; height: 39px; color: var(--brand); background: #fff1f2; border-radius: 8px; flex-shrink: 0; }
.activity-icon .icon { width: 21px; height: 21px; }
.activity-card small { display: block; font-size: 9px; color: #98767e; margin-bottom: 3px; }
.activity-card strong { display: block; font-size: 13px; font-weight: 550; line-height: 1.5; }
.activity-card div > span { display: block; font-size: 9px; color: #777981; margin-top: 3px; }
.activity-check { margin-left: auto; width: 15px; height: 15px; color: #ad505e; }
.interview-notification { position: absolute; right: -15px; bottom: 25px; width: 310px; background: var(--brand); color: white; padding: 17px 22px 18px; border: 1px solid #ffffff80; border-radius: 14px; box-shadow: 0 13px 24px #a51f3121; transform: rotate(-2deg); }
.notification-top { display: flex; align-items: center; gap: 7px; margin-bottom: 14px; }
.notification-icon { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #ffffff21; }
.notification-icon .icon { width: 15px; height: 15px; }
.notification-top strong { font-size: 10px; font-weight: 550; }
.notification-top > span:last-child { margin-left: auto; color: #ffd1d6; font-size: 8px; }
.interview-notification .interview-heading { font-size: 23px; font-weight: 500; line-height: 1.2; letter-spacing: -.6px; }
.interview-notification > p { color: #ffe2e6; font-size: 10px; line-height: 1.7; margin-top: 10px; }
.notification-link { border-top: 1px solid #ffffff30; margin-top: 14px; padding-top: 11px; display: flex; justify-content: space-between; align-items: center; font-size: 10px; }
.notification-link .icon { width: 17px; height: 17px; }
.resume-lift-tag { position: absolute; bottom: 35px; left: 21px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; padding: 14px; }
.resume-lift-tag > .icon { color: var(--brand); width: 27px; height: 27px; }
.resume-lift-tag strong { display: block; font-size: 12px; font-weight: 550; color: #9c3849; }
.resume-lift-tag div > span { display: block; font-size: 8px; color: #a07179; max-width: 105px; line-height: 1.8; margin-top: 3px; }
.automation-section { padding-block: 92px; background: #f8f9fb; }
.automation-layout { display: grid; grid-template-columns: 1fr 1.13fr; gap: 70px; align-items: center; }
.automation-tabs { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.automation-tab { display: flex; gap: 17px; align-items: center; padding: 22px 18px; background: transparent; border: 1px solid transparent; border-radius: 12px; text-align: left; }
.automation-tab > .icon:first-child { width: 24px; height: 24px; color: #a9737c; }
.automation-tab > span { flex: 1; min-width: 0; }
.automation-tab strong { display: block; font-size: 16px; font-weight: 550; line-height: 1.5; letter-spacing: -.3px; }
.automation-tab > span > span { display: block; font-size: 12px; color: #777981; margin-top: 5px; line-height: 1.7; }
.automation-tab > .icon:last-child { width: 15px; height: 15px; opacity: 0; color: var(--brand); }
.automation-tab[aria-selected="true"] { border-color: #f1ccd2; background: white; }
.automation-tab[aria-selected="true"] > .icon { color: var(--brand); opacity: 1; }
.automation-tab:hover { background: #fff9fa; }
.automation-panels { min-width: 0; }
.automation-panel { min-height: 458px; padding: 31px; background: white; border: 1px solid #e8e8ed; border-radius: 18px; display: flex; flex-direction: column; }
.scenario-label { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #a04352; margin-bottom: 23px; }
.scenario-label .icon { width: 18px; height: 18px; }
.automation-panel h3 { font-size: 32px; line-height: 1.16; letter-spacing: -1.3px; font-weight: 500; }
.automation-panel > p { font-size: 13px; color: var(--muted); line-height: 1.85; margin-top: 17px; max-width: 410px; }
.context-sources { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 26px; }
.context-sources > div { padding: 12px; border-radius: 8px; background: #f8f9fb; border: 1px solid #ececf0; display: flex; align-items: center; gap: 9px; flex: 1; }
.context-sources .icon { width: 21px; height: 21px; color: var(--brand); }
.context-sources > div > span { font-size: 9px; color: #777981; white-space: nowrap; }
.context-sources strong { display: block; font-size: 10px; font-weight: 500; color: var(--ink); margin-top: 3px; }
.context-sources > span { font-size: 16px; color: #b98f96; }
.scenario-result { margin-top: auto; padding-top: 26px; display: flex; align-items: flex-start; gap: 7px; font-size: 11px; line-height: 1.7; color: #9b3c4b; }
.scenario-result .icon { width: 16px; height: 16px; margin-top: 1px; }
.reply-context { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; }
.reply-context > span { display: flex; align-items: center; gap: 7px; padding: 9px 12px; border-radius: 7px; background: #fff1f2; font-size: 10px; color: #91414e; }
.reply-context .icon { width: 16px; height: 16px; }
.ping-timeline { display: flex; flex-direction: column; gap: 13px; margin-top: 23px; position: relative; }
.ping-timeline::before { content: ""; position: absolute; top: 12px; left: 4px; bottom: 12px; border-left: 1px dashed #dec1c7; }
.ping-timeline > div { display: flex; gap: 12px; align-items: center; font-size: 10px; }
.ping-timeline strong { font-weight: 450; }
.ping-timeline > div > span { position: relative; width: 9px; height: 9px; background: #f7e4e8; border: 1px solid #c78490; border-radius: 50%; }
.ping-timeline > div:last-child > span { background: var(--brand); border-color: var(--brand); }
.ping-timeline > div:last-child strong { color: #a13b4c; }
.handoff-note { display: flex; align-items: flex-start; gap: 11px; background: #fff1f2; border: 1px solid #f6d8de; padding: 16px; border-radius: 10px; margin-top: 22px; }
.handoff-avatar { display: flex; align-items: center; justify-content: center; background: var(--brand); border-radius: 50%; color: white; width: 29px; height: 29px; flex-shrink: 0; }
.handoff-avatar .icon { width: 18px; height: 18px; }
.handoff-note strong { display: block; font-weight: 550; font-size: 11px; line-height: 1.6; }
.handoff-note p { font-size: 10px; line-height: 1.8; margin-top: 5px; color: #8d6870; }
.resume-boost { display: flex; align-items: center; gap: 27px; padding: 28px 32px; border: 1px solid #f0d1d7; border-radius: 16px; background: white; margin-top: 37px; }
.boost-clock { width: 85px; height: 85px; border-radius: 50%; background: #fff1f2; border: 1px solid #f4d5dc; display: flex; align-items: center; justify-content: center; gap: 8px; flex-shrink: 0; color: var(--brand); }
.boost-clock .icon { width: 22px; height: 22px; }
.boost-clock strong { display: block; font-weight: 500; font-size: 33px; line-height: 1; }
.boost-clock strong span { display: block; font-weight: 400; font-size: 9px; text-align: center; margin-top: 3px; }
.resume-boost h3 { font-size: 22px; font-weight: 500; letter-spacing: -.65px; line-height: 1.5; }
.resume-boost p { font-size: 12px; line-height: 1.9; color: var(--muted); margin-top: 7px; }
.boost-caption { display: flex; align-items: center; gap: 7px; color: #aa5663; font-size: 10px; margin-left: auto; }
.boost-caption .icon { width: 17px; height: 17px; }
.control-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; margin-top: 36px; }
.control-points > div { display: flex; align-items: flex-start; gap: 13px; }
.control-points .icon { width: 22px; height: 22px; color: #b97580; margin-top: 3px; }
.control-points span { font-size: 10px; line-height: 1.85; color: #777981; }
.control-points strong { display: block; font-size: 13px; font-weight: 500; color: var(--ink); margin-bottom: 4px; }
.reply-quota { font-size: 12px; color: #985260; padding-top: 12px; }.reply-quota strong { font-weight: 550; }
.reply-quota-muted { color: var(--muted); }
.final-cta h2 { font-size: 40px; }
.final-stamp { color: #ffd3db; }
.final-stamp .icon { color: #ffd3db; }

@media (max-width: 1190px) {
  .hero { gap: 32px; }.v2-hero-art { height: 540px; }.activity-top { inset-inline: 20px; }.activity-letter { left: 18px; right: 25px; }.activity-reply { left: 25px; right: 16px; }.activity-card { gap: 10px; padding-inline: 13px; }.activity-card strong { font-size: 12px; }.activity-card div > span { font-size: 8px; }.activity-check { display: none; }.interview-notification { width: 285px; bottom: 25px; padding: 17px 19px; }.resume-lift-tag { left: 7px; bottom: 29px; padding: 10px; }.resume-lift-tag strong { font-size: 10px; }.resume-lift-tag div > span { max-width: 82px; font-size: 8px; }.automation-layout { gap: 40px; }.automation-tab { padding: 21px 12px; gap: 13px; }.automation-tab strong { font-size: 14px; }.automation-tab > span > span { font-size: 11px; }.automation-panel { padding: 27px; }.automation-panel h3 { font-size: 29px; }.context-sources { gap: 8px; }.context-sources > div { padding: 10px 8px; gap: 6px; }.context-sources strong { font-size: 9px; }.context-sources > div > span { font-size: 8px; }.context-sources .icon { width: 18px; height: 18px; }.final-cta h2 { font-size: 35px; }
}
@media (max-width: 960px) {
  .hero { gap: 25px; grid-template-columns: 1fr 1fr; }.v2-hero-art { height: 532px; }.activity-top { inset-inline: 16px; top: 24px; gap: 9px; }.activity-avatar { width: 32px; height: 32px; font-size: 20px; border-radius: 9px; }.activity-top div strong { font-size: 11px; }.activity-top div > span { font-size: 8px; }.activity-status { font-size: 8px; padding: 4px 7px; }.activity-letter { top: 94px; left: 14px; right: 22px; }.activity-reply { top: 202px; left: 23px; right: 12px; }.activity-card { min-height: 90px; gap: 8px; padding: 15px 11px; }.activity-icon { width: 28px; height: 33px; border-radius: 6px; }.activity-icon .icon { width: 18px; height: 18px; }.activity-card small { font-size: 8px; }.activity-card strong { font-size: 11px; }.activity-card div > span { font-size: 7px; }.interview-notification { width: 265px; right: -9px; bottom: 67px; padding: 15px 18px; }.interview-notification .interview-heading { font-size: 21px; }.resume-lift-tag { left: 18px; bottom: 16px; flex-direction: row; align-items: center; gap: 8px; padding: 0; }.resume-lift-tag > .icon { width: 22px; height: 22px; }.resume-lift-tag div > span { max-width: none; font-size: 7px; margin-top: 1px; }.resume-lift-tag strong { font-size: 9px; }.activity-trail { left: 42px; bottom: 170px; }
  .automation-section { padding-block: 75px; }.automation-layout { gap: 25px; grid-template-columns: 1fr 1.12fr; }.automation-tab { gap: 10px; padding: 20px 11px; }.automation-tab > .icon:first-child { width: 20px; height: 20px; }.automation-tab > .icon:last-child { display: none; }.automation-tab strong { font-size: 12px; }.automation-tab > span > span { font-size: 10px; }.automation-panel { padding: 23px; min-height: 465px; }.automation-panel h3 { font-size: 26px; }.automation-panel > p { font-size: 12px; }.scenario-label { font-size: 9px; gap: 6px; margin-bottom: 21px; }.context-sources { flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 20px; }.context-sources > div { flex-basis: 100%; padding: 9px; }.context-sources > span { display: none; }.context-sources strong { display: inline; margin-left: 6px; }.context-sources > div > span { font-size: 9px; }.scenario-result { font-size: 10px; padding-top: 20px; }.reply-context > span { font-size: 9px; }.handoff-note { padding: 12px; gap: 8px; }.handoff-note strong { font-size: 10px; }.handoff-note p { font-size: 9px; }.handoff-avatar { width: 24px; height: 24px; }.handoff-avatar .icon { width: 15px; height: 15px; }.resume-boost { gap: 20px; padding: 25px; }.boost-clock { width: 72px; height: 72px; }.resume-boost h3 { font-size: 19px; }.resume-boost p { font-size: 11px; }.boost-caption { display: none; }.control-points { gap: 22px; }.control-points > div { gap: 10px; }.control-points strong { font-size: 11px; }.control-points span { font-size: 9px; }.final-cta h2 { font-size: 29px; }.final-stamp { width: 105px; height: 105px; }
}
@media (max-width: 720px) {
  .hero { grid-template-columns: 1fr; gap: 33px; }.hero-description { max-width: 500px; }.v2-hero-art { height: 555px; max-width: 480px; width: 100%; margin-inline: auto; border-radius: 23px; }.activity-top { inset-inline: 23px; top: 25px; }.activity-avatar { width: 36px; height: 36px; font-size: 22px; }.activity-top div strong { font-size: 12px; }.activity-top div > span { font-size: 9px; }.activity-status { font-size: 8px; }.activity-letter { top: 96px; left: 21px; right: 25px; }.activity-reply { top: 205px; left: 29px; right: 18px; }.activity-card { min-height: 91px; padding: 15px 13px; gap: 11px; }.activity-card strong { font-size: 12px; }.activity-card div > span { font-size: 8px; }.activity-icon { width: 31px; height: 36px; }.activity-icon .icon { width: 20px; height: 20px; }.activity-trail { left: 49px; }.interview-notification { width: 280px; right: -6px; bottom: 69px; padding: 17px 20px; }.interview-notification .interview-heading { font-size: 23px; }.interview-notification > p { font-size: 10px; }.resume-lift-tag { left: 24px; bottom: 19px; gap: 10px; }.resume-lift-tag > .icon { width: 23px; height: 23px; }.resume-lift-tag strong { font-size: 10px; }.resume-lift-tag div > span { font-size: 8px; }.value-strip > div { max-width: none; }
  .automation-section { padding-block: 64px; }.automation-layout { grid-template-columns: 1fr; gap: 24px; }.automation-tabs { gap: 6px; }.automation-tab { padding: 17px 13px; gap: 13px; }.automation-tab strong { font-size: 14px; }.automation-tab > span > span { font-size: 11px; }.automation-tab > .icon:first-child { width: 22px; height: 22px; }.automation-tab > .icon:last-child { display: block; width: 14px; height: 14px; }.automation-panel { min-height: 450px; padding: 25px 23px; border-radius: 14px; }.automation-panel h3 { font-size: 30px; }.automation-panel > p { font-size: 13px; }.scenario-label { font-size: 10px; }.scenario-result { font-size: 11px; }.context-sources { flex-wrap: nowrap; margin-top: 25px; gap: 8px; }.context-sources > div { flex-basis: auto; padding: 10px 9px; gap: 7px; align-items: flex-start; }.context-sources strong { display: block; margin-left: 0; margin-top: 4px; font-size: 9px; }.context-sources > div > span { font-size: 9px; }.context-sources .icon { width: 17px; height: 17px; }.context-sources > span { display: inline; }.reply-context { gap: 8px; }.reply-context > span { font-size: 10px; }.ping-timeline { gap: 17px; margin-top: 25px; }.ping-timeline > div { font-size: 10px; }.handoff-note { padding: 15px; gap: 10px; }.handoff-note strong { font-size: 11px; }.handoff-note p { font-size: 10px; }
  .resume-boost { padding: 23px 20px; gap: 17px; align-items: flex-start; margin-top: 25px; border-radius: 13px; }.boost-clock { width: 59px; height: 59px; gap: 4px; }.boost-clock .icon { width: 17px; height: 17px; }.boost-clock strong { font-size: 25px; }.boost-clock strong span { font-size: 8px; }.resume-boost h3 { font-size: 17px; line-height: 1.45; letter-spacing: -.4px; }.resume-boost p { font-size: 11px; margin-top: 8px; }.resume-boost p br { display: none; }.control-points { grid-template-columns: 1fr; gap: 23px; margin-top: 30px; padding-inline: 6px; }.control-points > div { gap: 14px; }.control-points strong { font-size: 13px; margin-bottom: 3px; }.control-points span { font-size: 11px; }.control-points .icon { width: 23px; height: 23px; }.reply-quota { font-size: 12px; }.final-cta h2 { font-size: 31px; }.final-cta { min-height: 370px; }.final-cta > div:nth-child(2) > p { max-width: 220px; }.footer-brand > span { max-width: 200px; font-size: 9px; }
}
@media (max-width: 380px) {
  .v2-hero-art { height: 545px; }.activity-top { inset-inline: 16px; }.activity-status { font-size: 7px; padding-inline: 6px; }.activity-top div strong { font-size: 11px; }.activity-top div > span { font-size: 8px; }.activity-letter { left: 14px; right: 17px; }.activity-reply { left: 20px; right: 12px; }.activity-card { gap: 8px; padding-inline: 10px; }.activity-card strong { font-size: 10px; }.activity-card div > span { font-size: 7px; }.activity-card small { font-size: 7px; }.activity-icon { width: 28px; height: 32px; }.interview-notification { width: 250px; padding-inline: 18px; right: -4px; }.interview-notification .interview-heading { font-size: 21px; }.notification-top > span:last-child { font-size: 7px; }.automation-tab strong { font-size: 12px; }.automation-tab > span > span { font-size: 10px; }.automation-panel { padding: 23px 19px; min-height: 470px; }.automation-panel h3 { font-size: 27px; }.automation-panel > p { font-size: 12px; }.context-sources { gap: 6px; }.context-sources > div { padding: 9px 7px; gap: 5px; }.context-sources .icon { display: none; }.context-sources > div > span { font-size: 8px; }.context-sources strong { font-size: 9px; }.scenario-result { font-size: 10px; }.resume-boost { padding: 20px 16px; gap: 12px; }.resume-boost h3 { font-size: 15px; }.resume-boost p { font-size: 10px; }.boost-clock { width: 52px; height: 52px; }.boost-clock strong { font-size: 22px; }.boost-clock .icon { width: 15px; height: 15px; }.final-cta h2 { font-size: 27px; }
}

@media (prefers-reduced-motion: reduce) { .v2-hero-art { animation: none; } }
/* The cookie notice follows the landing's quiet red and graphite palette. */
.cookie-notice {
  position: fixed; z-index: 80; left: 24px; bottom: 24px;
  width: min(560px, calc(100% - 48px)); padding: 22px;
  display: flex; align-items: flex-start; gap: 20px;
  background: #fff; color: #242528; border: 1px solid #eedbdd;
  border-radius: 18px; box-shadow: 0 8px 38px #24252816;
}
.cookie-notice[hidden] { display: none; }
.cookie-notice strong { display: block; font-size: 16px; line-height: 1.4; }
.cookie-notice p { margin: 8px 0 0; font-size: 13px; line-height: 1.65; color: #66646a; }
.cookie-notice a { color: #b92332; text-decoration: underline; text-underline-offset: 3px; }
.cookie-notice .button { min-height: 42px; padding: 0 18px; flex: 0 0 auto; font-size: 13px; }
.cookie-notice { flex-direction: column; }
.cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.cookie-notice .button-outline { border-color: #ddd; color: #444; }
.footer-legal { display: flex; gap: 18px; flex-wrap: wrap; }
.footer-legal button { border: 0; padding: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.footer-legal button:hover, .footer-legal a:hover { color: #b92332; }
.footer-legal button:focus-visible { outline: 2px solid #d92535; outline-offset: 5px; }
.cookie-document { max-width: 800px; margin: 0 auto; padding: 48px 24px 80px; line-height: 1.75; }
.cookie-document h1 { font-size: clamp(30px, 6vw, 48px); line-height: 1.15; margin: 36px 0 20px; }
.cookie-document h2 { font-size: 23px; margin: 36px 0 12px; }
.cookie-document p { color: #66646a; margin: 14px 0; }
.cookie-document a { color: #b92332; text-decoration: underline; text-underline-offset: 4px; }
.cookie-document code { font-size: .85em; overflow-wrap: anywhere; }
.cookie-document .cookie-back { display: inline-block; margin: 12px 0; font-weight: 600; }
@media (max-width: 600px) {
  .cookie-notice { left: 12px; bottom: 12px; width: calc(100% - 24px); padding: 18px; gap: 14px; flex-direction: column; }
  .cookie-actions { width: 100%; }
  .cookie-notice .button { flex: 1 1 auto; }
}

/* SEO and usability corrections, 16 October 2026. */
.interview-heading { font-size: 24px; line-height: 1.2; font-weight: 550; letter-spacing: -.7px; }
.footer-legal a, .footer-legal button, .site-footer nav a { min-height: 44px; display: inline-flex; align-items: center; }
.footer-legal { align-items: center; }
.footer-bottom { font-size: 12px; flex-wrap: wrap; }
.site-footer nav { font-size: 13px; flex-wrap: wrap; }
.free-note, .final-note, .pricing-note { font-size: 13px; }
.data-notice { margin-top: 28px; max-width: 760px; font-size: 14px; line-height: 1.8; color: var(--muted); }
.data-notice a { color: var(--brand-strong); text-decoration: underline; text-underline-offset: 3px; }
.legal-document dl { display: grid; grid-template-columns: minmax(130px,1fr) 2fr; gap: 10px 24px; }
.legal-document dd { margin: 0; overflow-wrap: anywhere; }
.legal-document nav { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
@media (max-width: 720px) {
  .cookie-notice { position: static; width: calc(100% - 32px); margin: 12px auto 0; padding: 12px 14px; gap: 10px; border-radius: 12px; box-shadow: none; }
  .cookie-notice strong { font-size: 14px; }
  .cookie-notice p { font-size: 12px; line-height: 1.5; margin-top: 5px; }
  .cookie-notice .button { min-height: 44px; }
  .cookie-notice > [data-cookie-dismiss] { align-self: flex-end; }
  .header-actions .button { font-size: 12px; min-height: 44px; padding-inline: 10px; }
  .menu-toggle { width: 44px; height: 44px; }
  .header-actions { gap: 4px; }
  .hero { padding-top: 26px; }
  .hero-actions { gap: 10px; flex-wrap: wrap; }
  .hero-actions .button { min-width: 160px; font-size: 14px; padding-inline: 12px; gap: 8px; }
  .hero-actions .text-link { min-height: 44px; font-size: 13px; gap: 5px; }
  .free-note { font-size: 12px; line-height: 1.7; }
  .free-note-period { border-left: 0; padding-left: 0; }
  .site-footer nav { font-size: 13px; justify-content: flex-start; gap: 12px 20px; }
  .footer-brand > span { font-size: 12px; }
  .footer-bottom { font-size: 12px; display: flex; flex-direction: column; gap: 10px; }
  .footer-bottom > span:last-child { max-width: none; text-align: left; }
  .footer-legal { gap: 8px 18px; }
  .final-note, .pricing-note, .price > span, .free-start p { font-size: 12px; }
  .legal-document dl { grid-template-columns: 1fr; gap: 4px; }
  .legal-document dd { margin-bottom: 10px; }
}

@media (max-width: 720px) {
  .cookie-notice { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .cookie-notice > [data-cookie-dismiss] { align-self: center; padding-inline: 12px; }
  .cookie-actions { grid-column: 1 / -1; }
}

@media (max-width: 720px) { .header-inner { gap: 12px; } .header-actions .button { white-space: nowrap; } }