@media(max-width:1199px){
 .hero{min-height:615px}
 .hero h1{font-size:clamp(35px,4.4vw,48px)}
 .hero-copy{padding-top:44px}
 .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
 .benefit-text{padding:34px 30px}
 .features-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .features-showcase{grid-column:1/-1;grid-row:1;max-width:800px;width:100%;margin:auto}
 .features-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}
 .features-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
 .trial-banner{grid-template-columns:1.1fr .9fr}
 .trial-copy{padding:34px 30px}
 .trial-copy h2{font-size:40px}
 .trial-perks{display:grid;gap:10px}
 .footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:26px}
 .footer-grid>:last-child{grid-column:1/-1}
}
@media(max-width:991px){
 .container{width:min(calc(100% - 40px),var(--container))}
 .desktop-nav,.login-link{display:none}
 .mobile-menu-toggle{display:inline-flex}
 .header-inner{height:74px}
 .hero{min-height:555px}
 .hero h1{font-size:clamp(34px,4.6vw,43px)}
 .hero-copy>p{font-size:15px}
 .hero-ambience{height:350px}
 .hero::before{height:350px}
 .social-section{padding:38px 0 56px}
 .logo-chip{min-height:60px;min-width:148px;font-size:17px}
 .section{padding:68px 0}
 .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .benefit-card{grid-template-columns:1fr}
 .benefit-card-staff .benefit-image{order:0}
 .benefit-image{height:330px;min-height:0}
 .benefit-text{padding:30px}
 .features-side{grid-template-columns:repeat(2,minmax(0,1fr))}
 .features-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
 .trial-banner{grid-template-columns:1fr}
 .trial-photo{min-height:310px;height:310px}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-grid>:first-child,.footer-grid>:last-child{grid-column:1/-1}
}
@media(max-width:679px){
 .container{width:calc(100% - 28px)}
 .header-inner{height:68px}
 .brand{font-size:21px}
 .brand-icon{width:36px;height:36px}
 .btn-small{display:none}
 .hero{min-height:0;background:#fffaf3}
 .hero-ambience,.hero::before{display:none}
 .hero-copy{padding:36px 0 0}
 .hero-copy .eyebrow{font-size:10px;letter-spacing:1.05px}
 .hero h1{font-size:clamp(30px,8vw,39px);line-height:1.1;margin-bottom:14px}
 .hero-desktop-break{display:none}
 .hero-copy>p{font-size:14px;line-height:1.56;margin-bottom:19px}
 .hero-actions{flex-wrap:nowrap;gap:10px}
 .btn-hero{flex:1;min-width:0;min-height:49px;padding:10px 13px;font-size:12px}
 .hero-scene{position:relative;bottom:auto;width:100%;margin-top:25px}
 .hero-scene picture{-webkit-mask-image:none;mask-image:none}
 .hero-scene picture,.hero-scene img{height:270px;width:100%;object-fit:cover;object-position:54% center}
 .hero-video-hotspot{left:auto;right:16px;top:auto;bottom:27px;width:49px;height:49px;border-radius:50%;background:#fff;box-shadow:0 8px 26px rgba(0,0,0,.25);display:grid;place-items:center}
 .hero-video-hotspot::after{content:'▶';color:#172c32;font-size:17px;margin-left:3px}
 .social-section{padding:33px 0 48px}
 .social-label{font-size:10px;letter-spacing:1px;margin-bottom:14px}
 .logo-marquee::before,.logo-marquee::after{width:32px}
 .logo-track{gap:10px;animation-duration:28s}
 .logo-chip{min-width:125px;min-height:54px;font-size:14px;padding:0 12px}
 .section{padding:56px 0}
 .section-header{margin-bottom:26px}
 .section-header h2{font-size:31px;line-height:1.13}
 .section-header p{font-size:14px}
 .steps-grid{grid-template-columns:1fr;gap:14px}
 .step-card{display:grid;grid-template-columns:42% 1fr;min-height:145px}
 .step-photo{height:100%;min-height:145px;border-radius:17px 0 0 17px}
 .step-body{padding:19px 14px}
 .step-body h3{font-size:15px}
 .step-body p{font-size:12.5px}
 .step-count{top:10px;left:10px;width:34px;height:34px;font-size:15px}
 .section-benefits{padding:48px 0 62px}
 .benefits-grid{gap:20px}
 .benefit-card{border-radius:22px}
 .benefit-text{padding:28px 23px 22px}
 .benefit-text h2{font-size:29px}
 .benefit-intro{font-size:14px}
 .checklist li{font-size:13px}
 .capability-details summary{font-size:13px}
 .capability-content li{font-size:12.5px}
 .benefit-image{height:265px}
 .features-main{display:flex;flex-direction:column;gap:16px}
 .features-showcase{order:0;width:100%;aspect-ratio:16/10;border-width:4px}
 .features-side{grid-template-columns:1fr;width:100%;gap:10px}
 .feature-item{min-height:0;padding:14px}
 .feature-item h3{font-size:14px}
 .feature-item p{font-size:12px}
 .features-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}
 .features-bottom .feature-item{display:flex;flex-direction:column;padding:12px}
 .features-bottom .feature-item p{font-size:11px}
 .section-trial{padding:58px 0}
 .trial-banner{border-radius:22px}
 .trial-copy{padding:33px 24px}
 .trial-copy h2{font-size:36px}
 .trial-copy>p{font-size:14px}
 .trial-actions{flex-direction:column;align-items:stretch;gap:16px}
 .trial-actions .btn{width:100%}
 .trial-demo-link{justify-content:center}
 .trial-photo{height:260px;min-height:0}
 .site-footer{padding-top:46px}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}
 .footer-grid>:first-child,.footer-grid>:last-child{grid-column:1/-1}
 .footer-bottom{flex-direction:column;gap:8px}
 .overlay{padding:8px}
 .modal-panel{max-height:96dvh;border-radius:20px}
 .register-panel{padding:30px 18px 24px}
 .form-title{margin-bottom:22px}
 .form-title h2{font-size:30px}
 .form-title p{font-size:13px}
 .registration-form{padding:18px}
 .form-fields{grid-template-columns:1fr;gap:14px}
 .field-wide{grid-column:auto}
 .field input{height:46px}
 .btn-submit{width:100%;min-width:0}
 .video-dialog{padding:54px 16px 24px}
 .video-dialog h2{margin:0 0 18px;font-size:21px}
}
@media(max-width:359px){
 .hero h1{font-size:28px}
 .btn-hero{padding-inline:7px;font-size:11px}
 .hero-scene picture,.hero-scene img{height:240px}
 .step-card{grid-template-columns:41% 1fr}
 .step-body{padding:14px 10px}
 .features-bottom{grid-template-columns:1fr}
 .trial-copy h2{font-size:33px}
}

/* ===== V3.4 hero + CTA responsive ===== */
@media(max-width:1199px){
 .hero h1{font-size:clamp(36px,4.1vw,58px)}
 .hero-copy-panel{padding:32px 34px 24px}
 .hero-media{margin-top:10px;border-radius:30px}
 .hero-video-center{gap:12px;padding:12px 18px 12px 12px}
 .hero-video-center-icon{width:58px;height:58px}
 .hero-video-center-text{font-size:20px}
}
@media(max-width:991px){
 .hero{padding-top:26px}
 .hero-copy-panel{padding:28px 28px 22px}
 .hero h1{font-size:clamp(34px,5.2vw,48px)}
 .hero-copy-panel p{font-size:16px}
 .hero-media{border-radius:26px}
 .hero-video-center-icon{width:56px;height:56px}
 .hero-video-center-text{font-size:18px}
 .trial-banner{grid-template-columns:1fr}
 .trial-copy{padding:38px 30px}
 .trial-copy h2{font-size:44px}
 .trial-copy>p{font-size:16px}
 .trial-photo{min-height:300px;height:300px}
}
@media(max-width:679px){
 .hero{padding:18px 0 0;background:#fffaf4}
 .hero-copy{padding-top:0}
 .hero-copy-panel{padding:24px 16px 18px;border-radius:24px}
 .hero-copy-panel::before{background:radial-gradient(ellipse 72% 82% at 50% 38%,rgba(255,255,255,.98) 0%,rgba(255,252,247,.92) 38%,rgba(255,252,247,.68) 62%,rgba(255,252,247,.2) 86%,transparent 100%)}
 .hero-copy .eyebrow{font-size:10px;letter-spacing:1.15px;margin-bottom:12px}
 .hero h1{font-size:clamp(30px,8vw,40px);line-height:1.08;margin-bottom:12px}
 .hero-copy-panel p{font-size:14px;line-height:1.55;margin-bottom:18px}
 .hero-actions{flex-wrap:nowrap;gap:10px}
 .btn-hero{flex:1;min-width:0;min-height:48px;padding:10px 12px;font-size:12px}
 .hero-media{margin-top:14px;border-radius:22px}
 .hero-media img{height:260px;object-fit:cover;object-position:center}
 .hero-video-center{padding:0;background:transparent;box-shadow:none;backdrop-filter:none}
 .hero-video-center-icon{width:58px;height:58px;box-shadow:0 10px 22px rgba(0,0,0,.18)}
 .hero-video-center-text{display:none}
 .social-section{padding-top:28px}
 .checklist-full li{font-size:13px;line-height:1.52}
 .optional-note{font-size:12px}
 .trial-copy{padding:30px 24px}
 .trial-copy h2{font-size:34px}
 .trial-copy>p{font-size:14px;margin-bottom:20px}
 .trial-actions .btn{width:100%;min-height:54px;font-size:15px}
 .trial-photo{height:230px}
}

/* ===== V3.5 hero responsive ===== */
@media(max-width:1199px){
  .hero h1{font-size:clamp(38px,5vw,64px)}
  .hero-media{max-width:1040px}
}
@media(max-width:991px){
  .hero{padding-top:38px}
  .hero h1{font-size:clamp(34px,6vw,52px)}
  .hero-copy-panel p{font-size:17px}
  .hero-media{margin-top:24px;border-radius:26px}
  .hero-video-center{bottom:22px;padding:10px 18px 10px 10px}
  .hero-video-center-icon{width:58px;height:58px}
  .hero-video-center-text{font-size:18px}
  .trial-copy{padding:44px 30px 38px}
}
@media(max-width:679px){
  .hero{padding-top:22px}
  .hero-bg-shape-left{width:220px;height:220px;left:-90px;top:160px}
  .hero-bg-shape-right{width:220px;height:220px;right:-100px;top:0}
  .hero-copy-panel{padding:10px 8px 12px}
  .hero h1{font-size:clamp(30px,9vw,40px);line-height:1.06;margin-bottom:14px}
  .hero-desktop-break{display:none}
  .hero-copy-panel p{font-size:15px;line-height:1.58;margin-bottom:20px}
  .hero-actions{gap:10px}
  .btn-hero{flex:1;min-width:0;min-height:48px;padding:10px 12px;font-size:12px}
  .hero-media{margin-top:18px;border-radius:22px}
  .hero-media img{aspect-ratio:16/10}
  .hero-video-center{bottom:50%;transform:translate(-50%,50%);padding:0;border:0;background:transparent;backdrop-filter:none;box-shadow:none}
  .hero-video-center:hover{transform:translate(-50%,50%)}
  .hero-video-center-icon{width:60px;height:60px}
  .hero-video-center-text{display:none}
  .trial-copy{padding:34px 20px 30px}
  .trial-copy h2{font-size:34px;margin-bottom:20px}
  .trial-actions .btn{width:100%;min-width:0}
  .video-slot,.video-unavailable{min-height:240px}
  .video-unavailable-screen strong{font-size:26px}
  .video-unavailable-screen p{font-size:14px}
}