/* Boston Flowers — Corporate Page
   Requires: main.css, header-footer.css
   Contains ONLY corporate-specific styles */

html, body { min-height: 100vh; min-height: 100svh; overflow-x: hidden; margin: 0; padding: 0; background-color: var(--ink); }
.cursor-dot{position:fixed;width:8px;height:8px;background:var(--rose);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s ease,opacity .3s ease;opacity:0;}
.cursor-ring{position:fixed;width:32px;height:32px;border:1px solid rgba(200,155,147,.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .18s ease,width .2s ease,height .2s ease,opacity .3s ease;opacity:0;}
@media(pointer:coarse){.cursor-dot,.cursor-ring{display:none !important;}}
.wa-float.visible { animation:waFloat 3s ease-in-out 1s infinite; }
.rc{opacity:0;clip-path:inset(0 0 100% 0);transition:opacity .01s,clip-path .9s cubic-bezier(.16,1,.3,1);}
.rc.on{opacity:1;clip-path:inset(0 0 0% 0);}
.btn-wine-solid{background:var(--wine);color:var(--ivory);}
.btn-wine-solid:hover{background:#8B2640;box-shadow:0 6px 24px rgba(110,31,50,.2);}
a[href^="tel:"]{color:inherit;}

/* HERO */
#hero{min-height:100vh;min-height:100svh;display:flex;position:relative;overflow:hidden;width:100%;align-items:stretch;}
.hero-left{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--nav-h) + 80px) max(64px, env(safe-area-inset-right)) 80px max(48px, env(safe-area-inset-left));flex:0 0 55%;max-width:55%;background:linear-gradient(135deg,#0d1f16 0%,#111315 40%,#0a1a10 70%,#111315 100%);background-size:400% 400%;}
.hero-left::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent 85%,rgba(17,19,21,.6) 100%);pointer-events:none;}
.hero-bf{font-family:Cormorant Garamond,serif;position:absolute;right:8%;top:50%;transform:translateY(-50%);font-size:clamp(220px,28vw,420px);font-weight:300;line-height:1;letter-spacing:-.04em;color:var(--t1);opacity:.05;filter:blur(1.5px);pointer-events:none;user-select:none;z-index:1;white-space:nowrap;}
.hero-eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:12px;position:relative;z-index:2;}
.hero-line{width:40px;height:1px;background:var(--rose);}
.hero-h1{font-size:clamp(48px,5.5vw,78px);font-weight:300;line-height:1.04;letter-spacing:-.015em;color:var(--t1);margin-bottom:20px;position:relative;z-index:2;}
.hero-h1 em{font-style:italic;color:var(--rose);}
.hero-sub{font-size:15px;font-weight:300;color:var(--t2);max-width:380px;line-height:1.8;margin-bottom:12px;position:relative;z-index:2;}
.hero-micro{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);margin-bottom:28px;position:relative;z-index:2;}
.hero-bullets{display:flex;flex-direction:column;gap:10px;margin-bottom:36px;position:relative;z-index:2;}
.hero-bullet{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--t2);}
.hero-bullet::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--rose);flex-shrink:0;}
.hero-btns{display:flex;gap:14px;align-items:center;flex-wrap:wrap;position:relative;z-index:2;}
.hero-right{position:relative;flex:0 0 45%;max-width:45%;overflow:hidden;display:flex;flex-direction:column;height:auto;min-height:100%;}
.hero-right-inner{position:absolute;inset:0;width:100%;height:100%;}
.hero-photo{position:absolute;inset:0;background:linear-gradient(160deg,#0d1a10 0%,#111315 45%,#150d0a 100%);background-size:200% 200%;}
.hero-photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;opacity:1;}
.hero-photo::after{content:'';position:absolute;inset:0;background:rgba(17,19,21,.23);pointer-events:none;}
.hero-ph-lbl{position:absolute;bottom:32px;left:32px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.18);z-index:2;}

/* MARQUEE TRUST */
@keyframes marqueeL{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes marqueeR{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
#trust-marquee{background:var(--olive-dim);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:0;overflow:hidden;}
.marquee-track{display:flex;overflow:hidden;padding:12px 0;}
.marquee-inner{display:flex;white-space:nowrap;animation:marqueeL 55s linear infinite;}
.marquee-inner.rev{animation:marqueeR 50s linear infinite;}
.marquee-item{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--t2);padding:4px 32px;border-right:1px solid var(--bd);flex-shrink:0;}
.marquee-item span{color:var(--rose);margin-right:10px;}

/* STATS */
#stats{background:var(--olive-dim);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:24px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bd);max-width:640px;margin:0 auto;}
.stat-item{background:var(--olive-dim);padding:20px 16px;text-align:center;}
.stat-num{font-size:clamp(32px,4vw,44px);font-weight:300;color:var(--rose);line-height:1;margin-bottom:4px;}
.stat-lbl{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--t2);}

/* WHAT WE HANDLE */
#handle{background:var(--ivory);padding:96px 0;border-bottom:1px solid var(--bdl);}
.handle-hd{margin-bottom:52px;}
.handle-title{font-size:clamp(36px,4vw,56px);font-weight:300;line-height:1.08;color:var(--ink);margin-top:12px;}
.handle-title em{font-style:italic;color:var(--wine);}
.handle-sub{font-size:14px;font-weight:300;color:#5a5450;line-height:1.8;max-width:480px;margin-top:10px;}
.handle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--bdl);}
.handle-item{padding:32px 24px;background:var(--ivory-dim);border-right:1px solid var(--bdl);transition:background .35s,transform .35s;transform:translateY(0);position:relative;}
.handle-item:last-child{border-right:none;}
.handle-item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--wine);transform:scaleX(0);transition:transform .3s;transform-origin:left;}
.handle-item:hover{transform:translateY(-3px);background:var(--ivory);}
.handle-item:hover::after{transform:scaleX(1);}
.handle-num{font-size:36px;font-weight:300;color:var(--wine);opacity:.2;line-height:1;margin-bottom:16px;}
.handle-name{font-size:22px;font-weight:300;color:var(--ink);margin-bottom:8px;}
.handle-desc{font-size:14px;color:#5a5450;line-height:1.65;}

/* WHO THIS IS FOR */
#who{background:var(--ink);padding:96px 0;border-bottom:1px solid var(--bd);background-image:linear-gradient(160deg,#151c18 0%,#171D1A 40%,#151a17 70%,#1A211C 100%);background-size:300% 300%;}
.who-hd{margin-bottom:52px;}
.who-title{font-size:clamp(36px,4vw,56px);font-weight:300;line-height:1.08;color:var(--t1);margin-top:12px;}
.who-title em{font-style:italic;color:var(--rose)}
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;}
.who-item{padding:36px 32px;border:1px solid var(--bd);transition:background .4s,border-color .4s,transform .4s;transform:translateY(0);}
.who-item:hover{transform:translateY(-4px);background:rgba(200,155,147,.04);border-color:rgba(200,155,147,.3);}
.who-seg{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose);margin-bottom:12px;display:block;}
.who-name{font-size:24px;font-weight:300;color:var(--t1);margin-bottom:10px;}
.who-pain{font-size:14px;color:var(--t2);line-height:1.65;}

/* VISUAL GALLERY SLIDER */
#visual{background:var(--olive-dim);padding:96px 0 0;border-bottom:1px solid var(--bd);background-image:linear-gradient(135deg,#171D1A 0%,#111315 50%,#1A211C 100%);background-size:300% 300%;}
.visual-hd{padding:0 48px;margin-bottom:40px;}
.visual-title{font-size:clamp(36px,4vw,56px);font-weight:300;line-height:1.1;color:var(--t1);margin-top:12px;}
.visual-title em{font-style:italic;color:var(--rose)}
.visual-sub{font-size:14px;color:var(--t2);margin-top:8px;}
.visual-scroll{display:flex;gap:16px;padding:0 48px 56px;overflow-x:auto;scroll-snap-type:x mandatory;cursor:grab;-webkit-overflow-scrolling:touch;}
.visual-scroll::-webkit-scrollbar{height:2px;}
.visual-scroll::-webkit-scrollbar-track{background:rgba(200,155,147,.08);}
.visual-scroll::-webkit-scrollbar-thumb{background:var(--rose);}
.visual-scroll.grabbing{cursor:grabbing;}
.visual-slide{flex-shrink:0;scroll-snap-align:start;position:relative;overflow:hidden;background:linear-gradient(155deg,#0d1a10,#111315);}
.visual-slide:nth-child(1){width:420px;height:540px;}
.visual-slide:nth-child(2){width:320px;height:540px;}
.visual-slide:nth-child(3){width:500px;height:540px;}
.visual-slide:nth-child(4){width:640px;height:540px;}
.visual-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.8;transition:transform .6s ease,opacity .3s;}
.visual-img img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;}
.visual-slide:hover .visual-img{transform:scale(1.04);opacity:.9;}
.visual-ph{position:absolute;inset:0;display:flex;align-items:flex-end;padding:20px 24px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.18);z-index:2;}
.visual-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(17,19,21,.6) 0%,transparent 50%);pointer-events:none;}
.visual-slide:nth-child(3)::after{background:linear-gradient(to top,rgba(17,19,21,.6) 0%,rgba(17,19,21,.2) 100%);}
.visual-counter{padding:0 48px 32px;display:flex;align-items:center;gap:16px;}
.visual-counter-lbl{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);}
.visual-dots{display:flex;gap:6px;}
.visual-dot{width:24px;height:1px;background:var(--bd);transition:background .3s,width .3s;}
.visual-dot.active{background:var(--rose);width:40px;}

/* WAYS TO WORK */
#ways{background:var(--ivory);padding:96px 0;border-bottom:1px solid var(--bdl);}
.ways-hd{margin-bottom:52px;}
.ways-title{font-size:clamp(36px,4vw,56px);font-weight:300;line-height:1.08;color:var(--ink);margin-top:12px;}
.ways-title em{font-style:italic;color:var(--wine);}
.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.ways-item{padding:40px 32px;background:var(--ivory-dim);border:1px solid var(--bdl);transition:background .35s,border-color .35s,transform .35s;transform:translateY(0);}
.ways-item:hover{transform:translateY(-4px);border-color:rgba(110,31,50,.3);background:var(--ivory);}
.ways-tag{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--wine);margin-bottom:14px;display:block;}
.ways-name{font-size:24px;font-weight:300;color:var(--ink);margin-bottom:10px;}
.ways-desc{font-size:14px;color:#5a5450;line-height:1.7;margin-bottom:20px;}
.ways-detail{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8a8480;}

/* INVESTMENT */
#investment{background:linear-gradient(135deg,#0d1f16 0%,#111315 40%,#0a1a10 70%,#111315 100%);background-size:400% 400%;animation:gradDrift 18s ease infinite;padding:96px 0;border-bottom:1px solid var(--bd);}
.inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.inv-title{font-size:clamp(36px,4vw,56px);font-weight:300;line-height:1.08;color:var(--t1);margin-top:12px;}
.inv-title em{font-style:italic;color:var(--rose)}
.inv-sub{font-size:14px;font-weight:300;color:var(--t2);line-height:1.8;max-width:360px;margin-top:12px;}
.inv-tiers{display:flex;flex-direction:column;}
.inv-tier{display:flex;align-items:baseline;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--bd);gap:20px;transition:padding-left .25s;position:relative;}
.inv-tier:first-child{border-top:1px solid var(--bd);}
.inv-tier::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--rose);opacity:0;transition:opacity .25s;}
.inv-tier:hover{padding-left:10px;}
.inv-tier:hover::before{opacity:1;}
.inv-tier-name{font-size:20px;font-weight:300;color:var(--t1);transition:color .25s;}
.inv-tier:hover .inv-tier-name{color:var(--rose);}
.inv-tier-desc{font-size:14px;color:var(--t2);margin-top:3px;}
.inv-tier-price{font-size:13px;color:var(--stone);white-space:nowrap;flex-shrink:0;letter-spacing:.04em;}
.inv-note{margin-top:24px;font-size:13px;color:var(--t2);line-height:1.7;border-left:2px solid var(--bd);padding-left:16px;}

/* HOW IT WORKS */
#how{background:var(--ivory);padding:96px 0;border-bottom:1px solid var(--bdl);}
.how-hd{margin-bottom:52px;}
.how-title{font-size:clamp(36px,4vw,56px);font-weight:300;line-height:1.08;color:var(--ink);margin-top:12px;}
.how-title em{font-style:italic;color:var(--wine);}
.how-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--bdl);}
.how-step{padding:28px 24px;position:relative;transition:padding-left .3s;background:var(--ivory);}
.how-step:hover{padding-left:32px;background:var(--ivory);}
.how-step-num{font-size:40px;font-weight:300;color:var(--wine);opacity:.25;line-height:1;margin-bottom:16px;}
.how-step-name{font-size:clamp(20px,2vw,24px);font-weight:300;color:var(--ink);margin-bottom:8px;}
.how-step-desc{font-size:14px;color:#5a5450;line-height:1.65;}

/* WHY THIS STUDIO */
#why{background:var(--ink);padding:96px 0;border-bottom:1px solid var(--bd);background-image:linear-gradient(135deg,#0e1512 0%,#111315 50%,#0c1210 100%);background-size:300% 300%;}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.why-title{font-size:clamp(36px,4vw,56px);font-weight:300;line-height:1.08;color:var(--t1);margin-top:12px;}
.why-title em{font-style:italic;color:var(--rose)}
.why-sub{font-size:14px;font-weight:300;color:var(--t2);line-height:1.8;margin-top:12px;max-width:340px;}
.why-points{display:flex;flex-direction:column;}
.why-point{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--bd);transition:padding-left .25s;}
.why-point:first-child{border-top:1px solid var(--bd);}
.why-point:hover{padding-left:6px;}
.why-dot{width:4px;height:4px;border-radius:50%;background:var(--rose);flex-shrink:0;margin-top:10px;}
.why-text{font-size:14px;font-weight:300;color:var(--t2);line-height:1.65;}
.why-text strong{display:block;font-size:24px;font-weight:300;color:var(--t1);margin-bottom:6px;letter-spacing:-0.01em;}

/* STATEMENT */
#statement{background:var(--olive-dim);padding:72px 0;border-bottom:1px solid var(--bd);text-align:center;}
.statement-inner blockquote{font-family:Cormorant Garamond,serif;font-size:clamp(28px,4vw,42px);font-weight:300;font-style:italic;color:var(--t1);opacity:.85;line-height:1.4;max-width:700px;margin:0 auto 16px;}
.statement-inner cite{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--stone);}
.statement-line{width:120px;height:1px;background:var(--rose);margin:0 auto 24px;transform-origin:center;transform:scaleX(0);transition:transform 1s cubic-bezier(.16,1,.3,1);}
.statement-line.on{transform:scaleX(1);}

/* CONTACT FORM */
#contact{background:var(--ivory);padding:96px 0;border-bottom:1px solid var(--bdl);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.contact-left-col p.lbl{margin-bottom:0;}
.contact-h2{font-size:clamp(36px,4vw,56px);font-weight:300;line-height:1.06;color:var(--ink);margin-top:12px;margin-bottom:14px;}
.contact-h2 em{font-style:italic;color:var(--wine);}
.contact-p{font-size:14px;font-weight:300;color:#3a3530;line-height:1.8;max-width:340px;margin-bottom:24px;}
.contact-note{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#5a5450;border-left:2px solid rgba(110,31,50,.35);padding-left:14px;line-height:1.9;}
.c-form{display:flex;flex-direction:column;gap:0;}
.c-field{display:flex;flex-direction:column;border-bottom:1px solid rgba(17,19,21,.12);padding:14px 0;transition:border-color .25s;}
.c-field.full-w{grid-column:1/-1;}
.c-field:focus-within{border-color:rgba(110,31,50,.4);}
.c-field label{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#8a8480;margin-bottom:7px;}
.c-field input,.c-field select,.c-field textarea{font-size:15px;font-weight:300;color:var(--ink);background:transparent;border:none;outline:none;width:100%;-webkit-text-fill-color:var(--ink);}
.c-field select{-webkit-appearance:none;appearance:none;cursor:pointer;}
.c-field textarea{resize:none;height:80px;line-height:1.7;}
.c-row{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;}
.c-submit{padding:32px 0 0; display:flex; justify-content:center;}
.c-legal{font-size:13px;color:#8a8480;margin-top:16px;text-align:center;}
.form-success{display:none;color:var(--wine);font-size:14px;text-align:center;padding:40px;border:1px solid rgba(110,31,50,.15);margin-top:20px;font-weight:500;}
.form-success.active{display:block;}

/* FINAL CTA */
#cta{background:#3D0F1C;padding:120px 0;text-align:center;position:relative;overflow:hidden;}
#cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(110,31,50,.65) 0%,transparent 55%),radial-gradient(ellipse at 80% 30%,rgba(80,15,30,.5) 0%,transparent 50%),linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.4) 100%);}
#cta::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(200,155,147,.05) 50%,transparent 100%);background-size:200% 200%;pointer-events:none;}
.cta-inner{position:relative;z-index:1;}
.cta-eye{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:rgba(243,238,231,.4);margin-bottom:16px;}
.cta-title{font-size:clamp(36px,5.5vw,68px);font-weight:300;font-style:italic;color:var(--ivory);margin-bottom:16px;line-height:1.06;}
.cta-sub{font-size:15px;color:rgba(243,238,231,.55);margin-bottom:40px;line-height:1.7;}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.cta-note{font-size:13px;color:rgba(243,238,231,.25);margin-top:20px;letter-spacing:.04em;}

/* TABLET FIXES */
@media(max-width:1100px){
  .nav-menu{display:none}.burger{display:flex}
  nav{padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));}
  .container{padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));}
  #hero{display:flex; flex-direction:column; min-height:100vh; min-height:100svh;}
  .hero-left{width:100%; flex:1; padding-left:max(32px, env(safe-area-inset-left)); padding-right:max(32px, env(safe-area-inset-right));}
  .hero-right{display:none}
  /* handle: 6 items → 2 col = 3 rows, ровно */
  .handle-grid{grid-template-columns:repeat(2,1fr)}
  .who-grid{grid-template-columns:repeat(2,1fr)}
  /* ways: 3 items → все 3 в строку на планшете */
  .ways-grid{grid-template-columns:repeat(3,1fr)}
  .ways-item:nth-child(3){grid-column:auto;}
  /* how: 5 steps tablet → 3+2, 4th и 5th center through auto margins via wrapper */
  .how-steps{grid-template-columns:repeat(3,1fr);gap:1px;}
  .how-step:nth-child(4){grid-column:auto;}
  .how-step:nth-child(5){grid-column:auto;}
  .inv-grid,.contact-grid,.why-grid{grid-template-columns:1fr;gap:40px}
  .ft-grid{grid-template-columns:1fr 1fr}
  /* visual slider padding */
  .visual-hd{padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));}
  .visual-scroll{padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));}
  .visual-counter{padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));}
}

/* STRICT TABLET LANDSCAPE MEDIA QUERY */
@media (max-width:1023px) and (orientation:landscape) and (min-width:640px){
  body{min-width:100%;}
  #hero{display:flex !important; flex-direction:row !important; width:100vw !important; max-width:100% !important; min-height:0 !important; height:auto !important; padding-bottom:0 !important; align-items:stretch !important;}
  .hero-left{flex:0 0 55%; width:55%; max-width:55%; min-height:0; padding:calc(var(--nav-h) + 56px) 4vw 60px max(4vw, env(safe-area-inset-left)); display:flex; flex-direction:column; justify-content:center;}
  .hero-right{display:flex !important; flex:0 0 45%; width:45%; max-width:45%; height:auto; min-height:100%;}
  .hero-right-inner{position:absolute; inset:0; width:100%; height:100%;}
  .inv-grid,.why-grid,.contact-grid{grid-template-columns:1fr 1fr; gap:40px;}
  .ft-grid{grid-template-columns:1.5fr 1fr 1.35fr 1fr;}
  .hero-bf{display:block;opacity:.04;font-size:clamp(160px,22vw,300px);right:0;transform:translate(15%, -50%);}
  .container{max-width:100%;padding-left:5vw;padding-right:5vw;}
  /* handle: 6 items → 3 col = 2 rows ровно */
  .handle-grid{grid-template-columns:repeat(3,1fr);}
  /* who: 6 items → 3 col = 2 rows ровно */
  .who-grid{grid-template-columns:repeat(3,1fr);}
  /* ways: 3 items → 3 col = 1 row ровно */
  .ways-grid{grid-template-columns:repeat(3,1fr);}
  /* how: 5 steps в landscape — все 5 в строку */
  .how-steps{grid-template-columns:repeat(5,1fr);gap:1px;}
  /* visual hd padding */
  .visual-hd{padding-left:5vw;padding-right:5vw;}
  .visual-scroll{padding-left:5vw;}
  .visual-counter{padding-left:5vw;}
}

@media (max-width:1023px) and (orientation:landscape) and (min-width:640px) and (max-height:520px){
  #hero{min-height:100svh !important;}
  .hero-left{padding-top:calc(var(--nav-h) + 18px) !important;padding-bottom:28px !important;}
  .hero-eyebrow{margin-bottom:8px;}
  .hero-h1{font-size:clamp(34px,4.4vw,46px);line-height:1;margin-bottom:10px;}
  .hero-sub{max-width:340px;margin-bottom:8px;font-size:13px;line-height:1.55;}
  .hero-micro{margin-bottom:12px;font-size:11px;}
  .hero-bullets{gap:5px;margin-bottom:14px;}
  .hero-bullet{font-size:12px;}
  .hero-btns{gap:10px;}
  .hero-photo-img{object-position:center center;}
  .hero-ph-lbl{bottom:18px;left:20px;font-size:10px;}
}

/* Final corporate hero repair: desktop + landscape photo only */
#hero{display:flex;align-items:stretch;}
.hero-left{flex:0 0 55%;width:55%;max-width:55%;animation:gradDrift 18s ease infinite;}
.hero-right{display:flex;flex:0 0 45%;width:45%;max-width:45%;}
.hero-photo{animation:gradDrift 26s ease infinite;}
.hero-photo-img{opacity:1;}

/* HERO FRONT-PAGE RHYTHM */
#hero .hero-eyebrow{margin-bottom:32px;opacity:0;animation:fadeUp 1s ease .3s forwards;}
#hero .hero-h1{margin-bottom:28px;opacity:0;animation:fadeUp 1s ease .5s forwards;}
#hero .hero-sub{margin-bottom:16px;opacity:0;animation:fadeUp 1s ease .7s forwards;}
#hero .hero-micro{margin-bottom:28px;opacity:0;animation:fadeUp 1s ease .8s forwards;}
#hero .hero-bullets{margin-bottom:48px;opacity:0;animation:fadeUp 1s ease .9s forwards;}
#hero .hero-btns{gap:20px;opacity:0;animation:fadeUp 1s ease 1s forwards;}

@media(max-width:640px){
  #hero .hero-eyebrow{margin-bottom:22px;}
  #hero .hero-h1{margin-bottom:24px;}
  #hero .hero-sub{margin-bottom:14px;}
  #hero .hero-micro{margin-bottom:20px;}
  #hero .hero-bullets{margin-bottom:34px;}
  #hero .hero-btns{gap:12px;}
}
.hero-photo::after{background:rgba(17,19,21,.23);}
.hero-eyebrow{opacity:1;animation:fadeUp 1.1s ease 0s;}
.hero-h1{opacity:1;animation:fadeUp 1.1s ease .2s;}
.hero-sub{opacity:1;animation:fadeUp 1.1s ease .4s;}
.hero-micro{opacity:1;animation:fadeUp 1.1s ease .6s;}
.hero-bullets{opacity:1;animation:fadeUp 1.1s ease .75s;}
.hero-btns{opacity:1;animation:fadeUp 1.1s ease .9s;}

@media(max-width:1100px){
  #hero{flex-direction:column;min-height:100vh;min-height:100svh;}
  .hero-left{flex:1 1 auto;width:100%;max-width:100%;min-height:100vh;min-height:100svh;}
  .hero-right{display:none !important;flex:0 0 0;width:0;max-width:0;min-height:0;height:0;}
}

@media (max-width:1100px) and (orientation:landscape) and (min-width:640px){
  #hero{flex-direction:row !important;}
  .hero-left{flex:0 0 55%;width:55%;max-width:55%;min-height:100vh;min-height:100svh;}
  .hero-right{display:flex !important;flex:0 0 45%;width:45%;max-width:45%;height:auto;min-height:100vh;min-height:100svh;}
}

@media(max-width:640px){
  .hero-left{width:100%;max-width:100%;min-height:100vh;min-height:100svh;}
  .hero-right{display:none !important;flex:0 0 0;width:0;max-width:0;min-height:0;height:0;}
}

/* FINAL HERO FRONT-PAGE RHYTHM */
#hero .hero-eyebrow{margin-bottom:32px;opacity:0;animation:fadeUp 1s ease .3s forwards;}
#hero .hero-h1{margin-bottom:28px;opacity:0;animation:fadeUp 1s ease .5s forwards;}
#hero .hero-sub{margin-bottom:16px;opacity:0;animation:fadeUp 1s ease .7s forwards;}
#hero .hero-micro{margin-bottom:28px;opacity:0;animation:fadeUp 1s ease .8s forwards;}
#hero .hero-bullets{margin-bottom:48px;opacity:0;animation:fadeUp 1s ease .9s forwards;}
#hero .hero-btns{gap:20px;opacity:0;animation:fadeUp 1s ease 1s forwards;}
@media(max-width:640px){
  #hero .hero-eyebrow{margin-bottom:22px;}
  #hero .hero-h1{margin-bottom:24px;}
  #hero .hero-sub{margin-bottom:14px;}
  #hero .hero-micro{margin-bottom:20px;}
  #hero .hero-bullets{margin-bottom:34px;}
  #hero .hero-btns{gap:12px;}
}

/* Corporate hero final state */
#hero{display:flex;align-items:stretch;}
.hero-left{flex:0 0 55%;width:55%;max-width:55%;animation:gradDrift 18s ease infinite;}
.hero-right{display:flex;flex:0 0 45%;width:45%;max-width:45%;}
.hero-photo{animation:gradDrift 26s ease infinite;}
.hero-photo-img{opacity:1;}
.hero-photo::after{background:rgba(17,19,21,.23);}
.hero-eyebrow{opacity:1;animation:fadeUp 1.1s ease 0s;}
.hero-h1{opacity:1;animation:fadeUp 1.1s ease .2s;}
.hero-sub{opacity:1;animation:fadeUp 1.1s ease .4s;}
.hero-micro{opacity:1;animation:fadeUp 1.1s ease .6s;}
.hero-bullets{opacity:1;animation:fadeUp 1.1s ease .75s;}
.hero-btns{opacity:1;animation:fadeUp 1.1s ease .9s;}

@media(max-width:1100px){
  #hero{flex-direction:column;min-height:100vh;min-height:100svh;}
  .hero-left{flex:1 1 auto;width:100%;max-width:100%;min-height:100vh;min-height:100svh;}
  .hero-right{display:none !important;flex:0 0 0;width:0;max-width:0;min-height:0;height:0;}
}

@media (max-width:1023px) and (orientation:landscape) and (min-width:640px){
  #hero{flex-direction:row !important;}
  .hero-left{flex:0 0 55%;width:55%;max-width:55%;min-height:100vh;min-height:100svh;}
  .hero-right{display:flex !important;flex:0 0 45%;width:45%;max-width:45%;height:auto;min-height:100vh;min-height:100svh;}
}

@media(max-width:640px){
  .hero-left{width:100%;max-width:100%;min-height:100vh;min-height:100svh;}
  .hero-right{display:none !important;flex:0 0 0;width:0;max-width:0;min-height:0;height:0;}
}

/* STRICT MOBILE TYPOGRAPHY & LAYOUT */
@media(max-width:640px){
  body, p, .hero-sub, .handle-desc, .who-pain, .ways-desc, .inv-tier-desc, .how-step-desc, .why-text, .c-field input, .c-field select, .c-field textarea { font-size: 15px !important; line-height: 1.7 !important; }
  .lbl { font-size: 12px !important; letter-spacing: .2em !important; }
  .btn, .btn-text, .nav-cta { font-size: 13px !important; }
  .ft-links a, .ft-copy, .ft-legal a { font-size: 14px !important; line-height: 1.6 !important; }
  
  nav{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));}
  .container{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));}
  #navCta{display:none}
  .hero-left{padding:calc(var(--nav-h) + 28px) max(20px, env(safe-area-inset-right)) 44px max(20px, env(safe-area-inset-left));}
  .hero-btns{flex-direction:column;align-items:flex-start;gap:10px}
  .hero-btns .btn, .hero-btns .btn-ghost{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;}
  .hero-bf{display:none;}
  
  .stats-grid{grid-template-columns:repeat(3,1fr);max-width:360px;}
  .handle-grid {grid-template-columns:1fr; gap: 2px;}
  .who-grid {grid-template-columns:1fr; gap: 2px;}
  .ways-grid {grid-template-columns:1fr; gap: 2px;}
  .ways-item:nth-child(3){grid-column:auto;}
  .how-steps {grid-template-columns:1fr; gap:1px;}
  .how-step:nth-child(4){grid-column:auto;}
  .how-step:nth-child(5){grid-column:auto;}
  .ft-grid{grid-template-columns:1fr;gap:28px}
  .ft-bottom{flex-direction:column;align-items:flex-start;}
  .ft-bottom-r{align-items:flex-start;}
  .lang-switcher{display:none;}
  #contact .contact-grid, #contact .c-form { padding: 0 15px; }
  .c-row{display:grid; grid-template-columns:1fr; gap:0;}
  .cta-btns{flex-direction:column;}
  .cta-btns .btn{width:100%;}
}

@media (max-width:1023px) and (orientation:landscape) and (min-width:640px) and (max-height:520px){
  #hero{min-height:100svh !important;}
  .hero-left{padding-top:calc(var(--nav-h) + 18px) !important;padding-bottom:28px !important;}
  .hero-eyebrow{margin-bottom:8px;}
  .hero-h1{font-size:clamp(34px,4.4vw,46px);line-height:1;margin-bottom:10px;}
  .hero-sub{max-width:340px;margin-bottom:8px;font-size:13px;line-height:1.55;}
  .hero-micro{margin-bottom:12px;font-size:11px;}
  .hero-bullets{gap:5px;margin-bottom:14px;}
  .hero-bullet{font-size:12px;}
  .hero-btns{gap:10px;}
  .hero-photo-img{object-position:center center;}
  .hero-ph-lbl{bottom:18px;left:20px;font-size:10px;}
}

.wa-float{position:fixed;bottom:24px;right:24px;z-index:9999;width:56px;height:56px;border-radius:50%;background:var(--wine);display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 3px 16px rgba(110,31,50,.35);opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease,background .3s;pointer-events:none;}
.wa-float.visible{opacity:1;transform:translateY(0);pointer-events:all;}
.wa-float:hover{background:#8B2640;}
.wa-float svg{width:24px;height:24px;fill:#fff;display:block;}

@media (max-width:1023px) and (orientation:landscape) and (min-width:640px) and (max-height:520px){
  #hero{min-height:100svh !important;}
  .hero-left{padding-top:calc(var(--nav-h) + 18px) !important;padding-bottom:28px !important;}
  .hero-eyebrow{margin-bottom:8px;}
  .hero-h1{font-size:clamp(34px,4.4vw,46px);line-height:1;margin-bottom:10px;}
  .hero-sub{max-width:340px;margin-bottom:8px;font-size:13px;line-height:1.55;}
  .hero-micro{margin-bottom:12px;font-size:11px;}
  .hero-bullets{gap:5px;margin-bottom:14px;}
  .hero-bullet{font-size:12px;}
  .hero-btns{gap:10px;}
  .hero-photo-img{object-position:center center;}
  .hero-ph-lbl{bottom:18px;left:20px;font-size:10px;}
}

/* TABLET FIXES */
@media(max-width:1100px){
  .nav-menu{display:none}.burger{display:flex}
  nav{padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));}
  .container{padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));}
  #hero{display:flex; flex-direction:column; min-height:100vh; min-height:100svh;}
  .hero-left{width:100%; flex:1; padding-left:max(32px, env(safe-area-inset-left)); padding-right:max(32px, env(safe-area-inset-right));}
  .hero-right{display:none}
  /* handle: 6 items → 2 col = 3 rows, ровно */
  .handle-grid{grid-template-columns:repeat(2,1fr)}
  .who-grid{grid-template-columns:repeat(2,1fr)}
  /* ways: 3 items → все 3 в строку на планшете */
  .ways-grid{grid-template-columns:repeat(3,1fr)}
  .ways-item:nth-child(3){grid-column:auto;}
  /* how: 5 steps tablet → 3+2, 4th и 5th center through auto margins via wrapper */
  .how-steps{grid-template-columns:repeat(3,1fr);gap:1px;}
  .how-step:nth-child(4){grid-column:auto;}
  .how-step:nth-child(5){grid-column:auto;}
  .inv-grid,.contact-grid,.why-grid{grid-template-columns:1fr;gap:40px}
  .ft-grid{grid-template-columns:1fr 1fr}
  /* visual slider padding */
  .visual-hd{padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));}
  .visual-scroll{padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));}
  .visual-counter{padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right));}
}

/* STRICT TABLET LANDSCAPE MEDIA QUERY */
@media (max-width:1023px) and (orientation:landscape) and (min-width:640px){
  body{min-width:100%;}
  #hero{display:flex; flex-direction:row; width:100vw !important; max-width:100%; min-height:100vh; min-height:100svh; align-items:stretch;}
  .hero-left{flex:0 0 55%; width:55%; max-width:55%; padding:calc(var(--nav-h) + 40px) 4vw 40px max(4vw, env(safe-area-inset-left)); display:flex; flex-direction:column; justify-content:center;}
  .hero-right{display:flex !important; flex:0 0 45%; width:45%; max-width:45%; height:auto; min-height:100%;}
  .hero-right-inner{position:absolute; inset:0; width:100%; height:100%;}
  .inv-grid,.why-grid,.contact-grid{grid-template-columns:1fr 1fr; gap:40px;}
  .ft-grid{grid-template-columns:1.5fr 1fr 1.35fr 1fr;}
  .hero-bf{display:block;opacity:.04;font-size:clamp(160px,22vw,300px);right:0;transform:translate(15%, -50%);}
  .container{max-width:100%;padding-left:5vw;padding-right:5vw;}
  /* handle: 6 items → 3 col = 2 rows ровно */
  .handle-grid{grid-template-columns:repeat(3,1fr);}
  /* who: 6 items → 3 col = 2 rows ровно */
  .who-grid{grid-template-columns:repeat(3,1fr);}
  /* ways: 3 items → 3 col = 1 row ровно */
  .ways-grid{grid-template-columns:repeat(3,1fr);}
  /* how: 5 steps в landscape — все 5 в строку */
  .how-steps{grid-template-columns:repeat(5,1fr);gap:1px;}
  /* visual hd padding */
  .visual-hd{padding-left:5vw;padding-right:5vw;}
  .visual-scroll{padding-left:5vw;}
  .visual-counter{padding-left:5vw;}
}

/* STRICT MOBILE TYPOGRAPHY & LAYOUT */
@media(max-width:640px){
  body, p, .hero-sub, .handle-desc, .who-pain, .ways-desc, .inv-tier-desc, .how-step-desc, .why-text, .c-field input, .c-field select, .c-field textarea { font-size: 15px !important; line-height: 1.7 !important; }
  .lbl { font-size: 12px !important; letter-spacing: .2em !important; }
  .btn, .btn-text, .nav-cta { font-size: 13px !important; }
  .ft-links a, .ft-copy, .ft-legal a { font-size: 14px !important; line-height: 1.6 !important; }
  
  nav{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));}
  .container{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));}
  #navCta{display:none}
  .hero-left{padding:calc(var(--nav-h) + 28px) max(20px, env(safe-area-inset-right)) 44px max(20px, env(safe-area-inset-left));}
  .hero-btns{flex-direction:column;align-items:flex-start;gap:10px}
  .hero-btns .btn, .hero-btns .btn-ghost{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;}
  .hero-bf{display:none;}
  
  .stats-grid{grid-template-columns:repeat(3,1fr);max-width:360px;}
  .handle-grid {grid-template-columns:1fr; gap: 2px;}
  .who-grid {grid-template-columns:1fr; gap: 2px;}
  .ways-grid {grid-template-columns:1fr; gap: 2px;}
  .ways-item:nth-child(3){grid-column:auto;}
  .how-steps {grid-template-columns:1fr; gap:1px;}
  .how-step:nth-child(4){grid-column:auto;}
  .how-step:nth-child(5){grid-column:auto;}
  .ft-grid{grid-template-columns:1fr;gap:28px}
  .ft-bottom{flex-direction:column;align-items:flex-start;}
  .ft-bottom-r{align-items:flex-start;}
  .lang-switcher{display:none;}
  #contact .contact-grid, #contact .c-form { padding: 0 15px; }
  .c-row{display:grid; grid-template-columns:1fr; gap:0;}
  .cta-btns{flex-direction:column;}
  .cta-btns .btn{width:100%;}
}

@media (max-width:1023px) and (orientation:landscape) and (min-width:640px) and (max-height:520px){
  #hero{min-height:100svh !important;}
  .hero-left{padding-top:calc(var(--nav-h) + 18px) !important;padding-bottom:28px !important;}
  .hero-eyebrow{margin-bottom:8px;}
  .hero-h1{font-size:clamp(34px,4.4vw,46px);line-height:1;margin-bottom:10px;}
  .hero-sub{max-width:340px;margin-bottom:8px;font-size:13px;line-height:1.55;}
  .hero-micro{margin-bottom:12px;font-size:11px;}
  .hero-bullets{gap:5px;margin-bottom:14px;}
  .hero-bullet{font-size:12px;}
  .hero-btns{gap:10px;}
  .hero-photo-img{object-position:center center;}
  .hero-ph-lbl{bottom:18px;left:20px;font-size:10px;}
}

/* Final corporate hero repair: desktop + landscape photo only */
#hero{display:flex;align-items:stretch;}
.hero-left{flex:0 0 55%;width:55%;max-width:55%;animation:gradDrift 18s ease infinite;}
.hero-right{display:flex;flex:0 0 45%;width:45%;max-width:45%;}
.hero-photo{animation:gradDrift 26s ease infinite;}
.hero-photo-img{opacity:1;}
.hero-photo::after{background:rgba(17,19,21,.23);}
.hero-eyebrow{opacity:1;animation:fadeUp 1.1s ease 0s;}
.hero-h1{opacity:1;animation:fadeUp 1.1s ease .2s;}
.hero-sub{opacity:1;animation:fadeUp 1.1s ease .4s;}
.hero-micro{opacity:1;animation:fadeUp 1.1s ease .6s;}
.hero-bullets{opacity:1;animation:fadeUp 1.1s ease .75s;}
.hero-btns{opacity:1;animation:fadeUp 1.1s ease .9s;}

@media(max-width:1100px){
  #hero{flex-direction:column;min-height:100vh;min-height:100svh;}
  .hero-left{flex:1 1 auto;width:100%;max-width:100%;min-height:100vh;min-height:100svh;}
  .hero-right{display:none !important;flex:0 0 0;width:0;max-width:0;min-height:0;height:0;}
}

@media (max-width:1100px) and (orientation:landscape) and (min-width:640px){
  #hero{flex-direction:row !important;}
  .hero-left{flex:0 0 55%;width:55%;max-width:55%;min-height:100vh;min-height:100svh;}
  .hero-right{display:flex !important;flex:0 0 45%;width:45%;max-width:45%;height:auto;min-height:100vh;min-height:100svh;}
}

@media(max-width:640px){
  .hero-left{width:100%;max-width:100%;min-height:100vh;min-height:100svh;}
  .hero-right{display:none !important;flex:0 0 0;width:0;max-width:0;min-height:0;height:0;}
}