/* Public storefront type. Workspace/member typography stays in readability.css. */
html{scroll-padding-top:125px}
header{gap:24px;padding-inline:32px}
header .brand{font-size:28px;flex-shrink:0;line-height:1.2}
header .brand img{width:54px;height:54px}
header .brand small{font-size:10px;line-height:1.6;letter-spacing:1.5px}
header nav{font-size:18px;gap:24px}
header .header-actions{flex-shrink:0}
header .header-actions .login,header .header-actions .button.google-signin{font-size:18px;max-width:none;min-height:48px;padding:10px 18px}
header .icon-button{width:44px;height:44px;font-size:22px}
.announcement{font-size:15px;min-height:44px;line-height:1.6;padding:8px 16px;text-align:center}
#view>:where(:not(.desk-page):not(.member-page)){font-size:24px;line-height:1.8;max-width:1440px}
#view>:where(:not(.desk-page):not(.member-page)) :is(p,li){font-size:22px;line-height:1.85}
#view>:where(:not(.desk-page):not(.member-page)) h1{font-size:clamp(42px,4vw,64px);line-height:1.3;letter-spacing:-.8px}
#view>:where(:not(.desk-page):not(.member-page)) h2{font-size:clamp(30px,2.8vw,42px);line-height:1.45}
#view>:where(:not(.desk-page):not(.member-page)) h3{font-size:25px;line-height:1.5}
#view>:where(:not(.desk-page):not(.member-page)) :is(.eyebrow,.catalog-tag){font-size:16px;letter-spacing:1.5px;line-height:1.7}
#view>:where(:not(.desk-page):not(.member-page)) .button{font-size:20px;min-height:54px;line-height:1.6;padding:14px 24px;white-space:normal;text-align:center}
#view>:where(:not(.desk-page):not(.member-page)) .text-link{font-size:18px;line-height:1.7}
#view>:where(:not(.desk-page):not(.member-page)) :is(.gallery-note,.secure-note,.catalog-note,.plans-checkout-note,.status){font-size:17px;line-height:1.8}
#view .hero{gap:48px;padding-block:70px;min-height:690px}
#view .hero h1{font-size:clamp(44px,4vw,64px)}
#view .hero-subtitle{font-size:26px}
#view .hero .intro{font-size:22px;max-width:610px}
#view .hero-price small{font-size:15px;letter-spacing:1px}
#view .hero-price strong{font-size:46px}
#view .hero-trial strong{font-size:clamp(30px,3vw,46px);line-height:1.45;max-width:100%;overflow-wrap:anywhere}
#view .home-trial-card .price{flex-wrap:wrap}
#view .home-trial-card .price strong{font-size:clamp(32px,3vw,46px);line-height:1.45;letter-spacing:-.5px}
#view .home-trial-plans{display:block;text-align:center;margin-top:20px}
#view .hero-price>span{font-size:20px}
#view .hero-actions{flex-wrap:wrap;gap:16px}
#view .hero-note{font-size:17px;flex-wrap:wrap;gap:12px 20px;line-height:1.8}
#view .hero-caption{font-size:13px}
#view :is(.category-grid,.feature-grid){max-width:1160px;gap:24px}
#view .category-card{padding:36px 24px}
#view .category-card p{font-size:20px}
#view .category-number{font-size:15px}
#view .feature-card{padding:30px;grid-template-columns:66px minmax(0,1fr);column-gap:24px}
#view .feature-card h3{font-size:25px}
#view .feature-card p{font-size:21px;line-height:1.85}
#view .feature-card .number{font-size:14px}
#view .workflow{padding:28px;flex-wrap:wrap;gap:18px}
#view .workflow .flow-title{font-size:16px}
#view .flow-steps{font-size:20px;flex-wrap:wrap;gap:12px 20px;line-height:1.8}
#view .gear-heading{margin-bottom:48px}
#view .gear-heading>span{font-size:72px}
#view .gear-heading .text-link{font-size:18px;margin-top:18px}
#view .gear-heading .text-link b{font-size:20px}
#view .reel-card h3{font-size:22px;margin-top:18px}
#view .reel-card>p{font-size:16px;gap:8px;flex-wrap:wrap}
#view .reel-label{font-size:17px}
#view .reel-label span{font-size:12px}
#view .benefits{font-size:21px;gap:18px}
#view .price-inner>p{font-size:19px}
#view .price-inner .benefits{font-size:20px}
#view .save-badge,#view .price-ribbon{font-size:16px}
#view .faq-list summary{font-size:23px;line-height:1.7}
#view .faq-list details p{font-size:21px;max-width:100%;margin-top:20px}
#view .faq-wrap{max-width:1080px}
#view .legal{max-width:1000px}
#view .catalog-product{grid-template-columns:1fr 1.1fr}
#view .catalog-art{min-height:620px}
#view .catalog-art-label,#view .catalog-art-footer{font-size:15px;letter-spacing:2px}
#view .catalog-copy{padding:48px}
#view .catalog-copy h2{font-size:56px;line-height:1.2;margin-block:24px}
#view .catalog-copy li{font-size:22px;gap:14px;line-height:1.85}
#view .catalog-intro{font-size:24px;line-height:1.85}
#view .catalog-demo{font-size:20px;margin-top:24px}
#view .catalog-note{font-size:17px}
#view .pricing-back{font-size:19px}
#view .plans-heading{margin-bottom:70px}
#view .plan-card{padding:40px 32px}
#view .plan-label{font-size:34px}
#view .plan-description{font-size:21px;min-height:0;margin-bottom:22px}
#view .plan-license{font-size:18px}
#view .plan-price{flex-wrap:wrap;white-space:normal;gap:6px}
#view .plan-price strong{font-size:68px}
#view .plan-price>span{font-size:30px}
#view .plan-price small{font-size:20px}
#view .plan-card li{font-size:20px;line-height:1.8;gap:14px}
#view .plan-card ul{gap:20px}
#view .plan-badge{font-size:16px;top:-18px;padding:6px 16px}
#view .plan-trial{flex-wrap:wrap;gap:24px;padding:32px}
#view .plan-trial button{white-space:normal}
#view .product-proof{max-width:1160px;gap:50px}
footer{max-width:1560px;font-size:18px;line-height:1.8;gap:28px;padding:45px 32px}
footer>p,footer>div{font-size:17px;flex-wrap:wrap}
footer>small,footer .brand small{font-size:14px;line-height:1.8}
footer .brand{font-size:25px}
/* One concise overview replaces the two repeated homepage feature blocks. */
#view .home-overview{max-width:1160px;margin:0 auto;padding:42px 0 64px}
#view .home-overview-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}
#view .home-overview-heading h2{margin:8px 0 0;font-size:clamp(28px,2.5vw,38px)}
#view .home-overview-heading .text-link{flex-shrink:0;padding-block:8px}
#view .home-feature-icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
#view .home-feature-item{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;font-size:21px;line-height:1.6;padding:16px 0;min-width:0}
#view .home-feature-icon{display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(0,184,232,.25);border-radius:20px;background:rgba(0,184,232,.07);color:var(--accent,#00b8e8)}
#view .home-feature-icon svg{width:32px;height:32px}
#view .home-promo{margin-top:48px}
#view .home-promo-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
#view .home-promo-heading h3{font-size:26px;margin:0}
#view .home-promo-badge{font-size:13px;letter-spacing:1.2px;color:var(--muted);white-space:nowrap}
#view .home-promo-player{aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:18px;border:1px solid var(--border);background:#090e13;box-shadow:0 22px 60px rgba(0,0,0,.15)}
#view .home-promo-player video{display:block;width:100%;height:100%;object-fit:contain;background:#090e13}
#view .home-promo-note{font-size:17px;line-height:1.7;color:var(--muted);text-align:center;margin:16px 0 0}
@media(max-width:1000px){
  #view .home-feature-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}
}
@media(max-width:600px){
  #view .home-overview{padding:24px 0 32px}
  #view .home-overview-heading{display:block;margin-bottom:20px}
  #view .home-overview-heading h2{font-size:29px;margin-bottom:12px}
  #view .home-feature-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #view .home-feature-item{font-size:18px;gap:12px;padding:12px 0}
  #view .home-feature-icon{width:60px;height:60px;border-radius:18px}
  #view .home-promo{margin-top:32px}
  #view .home-promo-heading{display:block;margin-bottom:14px}
  #view .home-promo-heading h3{font-size:24px}
  #view .home-promo-badge{font-size:12px}
  #view .home-promo-player{border-radius:12px}
  #view .home-promo-note{font-size:16px;text-align:left}
}
#notice-dialog p{font-size:20px;line-height:1.85}
#notice-dialog .button{font-size:18px;min-height:50px}
@media(min-width:1440px){header{max-width:none;padding-inline:max(32px,calc((100vw - 1560px)/2))}}
@media(max-width:1279px){
  header{flex-wrap:wrap;row-gap:18px}
  header nav{order:3;flex-basis:100%;justify-content:center;gap:24px}
  #view .catalog-copy{padding:36px}
  #view .catalog-copy h2{font-size:48px}
  #view .plan-card{padding:32px 24px}
  #view .plan-price strong{font-size:58px}
}
@media(max-width:850px){
  html{scroll-padding-top:190px}
  header nav{font-size:20px;align-items:stretch;text-align:center;gap:16px}
  header .brand{font-size:25px}
  #view .hero{gap:20px}
  #view .catalog-product{grid-template-columns:1fr}
  #view .catalog-art{min-height:400px;border-right:0;border-bottom:1px solid var(--border)}
  #view .catalog-art img{max-height:320px}
  #view .catalog-copy{padding:36px}
  #view .catalog-copy h2{font-size:48px}
  #view .plans-grid{grid-template-columns:1fr;max-width:660px;margin-inline:auto;gap:32px}
  #view .plan-featured{transform:none}
  #view .feature-card{padding:26px;column-gap:18px}
}
@media(max-width:600px){
  header{padding:16px 22px;gap:16px}
  header .brand img{width:46px;height:46px}
  header .brand small{font-size:9px}
  header .header-actions .login,header .header-actions .button.google-signin{font-size:17px;white-space:normal;min-width:0}
  .announcement{font-size:14px;gap:10px}
  #view>:where(:not(.desk-page):not(.member-page)){font-size:21px}
  #view>:where(:not(.desk-page):not(.member-page)) :is(p,li){font-size:20px}
  #view>:where(:not(.desk-page):not(.member-page)) h1{font-size:40px;letter-spacing:-.6px}
  #view>:where(:not(.desk-page):not(.member-page)) h2{font-size:30px}
  #view>:where(:not(.desk-page):not(.member-page)) h3{font-size:24px}
  #view>:where(:not(.desk-page):not(.member-page)) .button{font-size:18px;padding:13px 18px}
  #view .hero{padding-block:40px;min-height:0}
  #view .hero h1{font-size:42px}
  #view .hero-subtitle,#view .hero .intro{font-size:21px}
  #view .hero-note{font-size:16px}
  #view .hero-actions .button{width:100%;justify-content:center}
  #view .hero-price>span{font-size:18px}
  #view .hero-caption{font-size:12px}
  #view .gear-heading>span{font-size:48px}
  #view .gear-heading h2{max-width:none}
  #view .category-card{grid-template-columns:55px minmax(0,1fr);gap:12px;padding:30px 22px}
  #view .category-card h3{font-size:23px}
  #view .category-card p{font-size:18px}
  #view .feature-card{grid-template-columns:42px minmax(0,1fr);padding:24px 20px;gap:14px}
  #view .feature-card h3{font-size:23px}
  #view .feature-card p{font-size:20px}
  #view .flow-steps{font-size:18px}
  #view .reel-card h3{font-size:20px}
  #view .reel-card>p{font-size:15px}
  #view .catalog-art{min-height:330px}
  #view .catalog-art-label,#view .catalog-art-footer{font-size:12px;letter-spacing:1.2px;left:18px;right:18px}
  #view .catalog-copy{padding:28px 22px}
  #view .catalog-copy h2{font-size:42px}
  #view .catalog-intro,#view .catalog-copy li{font-size:20px}
  #view .catalog-copy .catalog-cta{gap:12px}
  #view .catalog-demo{font-size:18px}
  #view .catalog-note{font-size:16px}
  #view .plan-card{padding:30px 24px}
  #view .plan-label{font-size:32px}
  #view .plan-price strong{font-size:62px}
  #view .plan-card li{font-size:20px}
  #view .plan-trial{padding:24px;gap:18px}
  #view .plan-trial>div{min-width:0;flex-basis:100%}
  #view .plan-trial button{width:100%;margin-left:0}
  #view .faq-list summary{font-size:21px}
  #view .faq-list details p{font-size:20px}
  footer{padding-inline:22px}
}