:root{--sales-warning:#79521b;--sales-warning-bg:#fff7e6;--sales-warning-line:#e3c994;--sales-bar-height:0px;--sales-gap:12px;--sales-hero-price-size:32px;--sales-price-color:var(--blue);--sales-urgent:#b42318;--sales-saving:#187145}
html #hero-license-price{font-size:var(--sales-hero-price-size);font-weight:700}
html #license-current{color:var(--sales-price-color)}
html #license-countdown{color:var(--sales-urgent)}
html #license-countdown .countdown-unit>span{color:#111318}
html :is(.workflow-boundary,.hero-offer>span:nth-of-type(2)){display:none!important}
.sales-benefit-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px;line-height:1.5}
html .price-benefit{margin:16px 0;padding:16px 0;border-bottom:1px solid var(--line)}
html .sales-saving-amount{color:var(--sales-saving);font-weight:700}
@media(max-width:600px){
  :root{--sales-mobile-gutter:16px;--sales-mobile-section:40px;--sales-mobile-width:440px;--sales-mobile-copy:16px;--sales-mobile-support:14px;--sales-mobile-feature:17px;--sales-mobile-control:48px;--sales-mobile-header:56px}
  html{scroll-padding-top:calc(var(--sales-bar-height) + 12px)}
  html .wrap{width:min(var(--sales-mobile-width),calc(100% - 2 * var(--sales-mobile-gutter)))}
  html .section-space{padding:var(--sales-mobile-section) 0}
  html .site-header{height:var(--sales-mobile-header);gap:12px}
  html .brand{width:144px}
  html .hero{padding:32px 0}
  html .hero-grid{gap:24px}
  html .hero h1{font-size:clamp(30px,8.7vw,36px);line-height:1.15;letter-spacing:-.035em}
  html .hero-support{font-size:var(--sales-mobile-copy);line-height:1.6;margin-top:16px}
  html .hero-offer{margin-top:20px;gap:6px}
  html .hero-actions{display:flex;flex-direction:column;gap:4px;margin-top:20px}
  html .hero .hero-actions .hero-primary{width:100%;min-height:52px;font-size:16px;padding:14px 16px}
  html .hero .hero-actions .secondary{border-color:transparent;min-height:44px;padding:8px 12px;font-size:14px;justify-content:center}
  html .hero-visual{width:min(100%,325px)}
  html .hero-visual>img{aspect-ratio:auto;object-fit:contain;object-position:top;box-shadow:6px 8px 0 #19498f}
  html .hero-visual figcaption{margin-top:12px;font-size:12px}
  html :is(.tidy h2,.demo-intro h2,.workflow h2,.founder h2,.faq h2){font-size:28px;line-height:1.2;letter-spacing:-.025em}
  html :is(.problem-lead,.workflow-lead){font-size:var(--sales-mobile-copy);line-height:1.6;margin-top:12px}
  html .visual-comparison{gap:16px;margin-top:24px}
  html .comparison-side>h3{font-size:18px;margin-bottom:12px}
  html .illustrative-chat{line-height:1.5}
  html .available-features{grid-template-columns:minmax(0,1fr);gap:0;margin-top:24px}
  html .available-features li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px 12px;padding:16px 0}
  html .available-features h3{margin:0;font-size:var(--sales-mobile-feature);line-height:1.4}
  html .available-features p{grid-column:2;font-size:var(--sales-mobile-copy);line-height:1.5;margin:0}
  html .workflow-boundary{font-size:var(--sales-mobile-support);line-height:1.6;margin-top:16px}
  html .supporting-features{margin-top:20px}
  html .supporting-features summary{padding:16px 0}
  html .founder{gap:16px;scroll-margin-top:0}
  html .price-card{width:100%;max-width:none;margin:0;padding:20px}
  html .price-card .price{font-size:42px}
  html .price-card .purchase{min-height:52px;font-size:16px;margin-top:8px}
  html .price-benefit{margin-top:20px;padding-top:16px}
  html .license-scope{font-size:14px;line-height:1.6}
  html .license-deadline{margin-top:16px}
  html .license-countdown{padding:12px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
  html .countdown-toggle{margin-bottom:0}
  html .faq{gap:20px}
  html .faq summary{min-height:64px;padding:18px 0;font-size:15px;line-height:1.5;align-items:center}
  html .faq details p{font-size:14px;line-height:1.7;padding-right:8px}
  html .site-footer{font-size:12px;padding:24px 0;gap:12px}
  html .site-footer nav{font-size:0;line-height:1}
  html .site-footer nav a{display:inline-flex;align-items:center;min-height:44px;margin-right:12px;font-size:13px;line-height:1.5}
}
@media(max-width:339px){
  html .hero h1{font-size:28px}
  html .price-card .purchase{font-size:14px;padding-left:12px;padding-right:12px}
}
html{scroll-padding-top:20px}
@media(max-width:600px){html{scroll-padding-top:12px}}
