/* =========================================================================
   HOMEPAGE REDESIGN — "серьёзная корпорация" (papaisoft.com) — 2026-08-21
   Scope: loaded ONLY by site/index.html (body.home-v2). Does not touch
   style.css, so every other page on the site is unaffected.

   Concept: a disciplined, mostly-monochrome canvas where color is spent
   on maybe three moments per page, not on every card and icon. No pill
   badges, no drop shadows, no rounded corners, no pastel section
   backgrounds. Hairline rules do the work shadows used to do.
   Typography carries the hierarchy — one huge headline, small uppercase
   eyebrows/labels, and a lot of quiet white space instead of boxed
   "features grid" tiles.
   Accent is the brand orange (#FF5A1F / #E04E1B hover), used sparingly
   for restraint and structure, not for the hue.
   ========================================================================= */

@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibmplexsans-cyrillic-400.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibmplexsans-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/ibmplexsans-cyrillic-500.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/ibmplexsans-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/ibmplexsans-cyrillic-600.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/ibmplexsans-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/ibmplexsans-cyrillic-700.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/ibmplexsans-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibmplexmono-cyrillic-400.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibmplexmono-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/ibmplexmono-cyrillic-500.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/ibmplexmono-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/ibmplexmono-cyrillic-600.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/ibmplexmono-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

body.home-v2{
  --accent:#FF5A1F;
  --accent-soft:#FF5A1F;
  --accent-hover:#E04E1B;
  --accent-tint:#fff1ea;
  --bg:#ffffff;
  --tint:#f4f4f4;
  --card:#ffffff;
  --border:#d0d0d0;
  --hairline:#e0e0e0;
  --ink:#161616;
  --ink-body:#161616;
  --ink-muted:#525252;
  --ink-faint:#8d8d8d;
  --shadow-card:none;
  --shadow-cta:none;

  background:#ffffff;
  color:#161616;
}

body.home-v2,
body.home-v2 button,
body.home-v2 input,
body.home-v2 textarea{
  font-family:'IBM Plex Sans','Manrope','Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

body.home-v2 h1,
body.home-v2 h2,
body.home-v2 h3,
body.home-v2 h4{
  letter-spacing:-0.01em;
  font-weight:500;
}

/* the reference resets every plain <a> to no underline and uses
   border-bottom as its own accent line instead — match that here,
   the mega-menu/footer/nav links already carry their own color+no-underline
   rules so this only affects the new redesign chrome. */
body.home-v2 a{text-decoration:none;}

/* the reference's page-wide wrapper is 1440px / 40px gutters, not the
   site's default 1140px / 24px — every section on this page uses the
   shared .container class, so the narrower default was quietly
   shrinking every single section vs the source design. FAQ and the
   final CTA are the two spots the design itself narrows further. */
body.home-v2 .container{max-width:1440px;padding:0 40px;}
body.home-v2 .faq .container{max-width:920px;}
body.home-v2 .final-cta .container{max-width:1000px;}
@media(max-width:560px){
  body.home-v2 .container{padding:0 20px;}
}

/* the redesign reuses several pre-redesign classes (example-heading,
   step h3, bonus-card-text h3, faq-question already handled above)
   whose base rule in style.css hardcodes the old ink color —
   without an explicit override here they silently keep the old color
   even though everything else on the page moved to #161616. */
body.home-v2 .example-heading,
body.home-v2 .step h3,
body.home-v2 .bonus-card-text h3{color:#161616;}


/* eyebrow / kicker label pattern, reused across the page */
body.home-v2 .eyebrow{
  display:block;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--accent);
  margin-bottom:14px;
}

/* =========================================================================
   RESET. Two shape languages, same as the reference: dense tile grids
   (capability cards) keep a thin border + a small 8px radius; every full-
   bleed band, list row and hairline-divided strip stays perfectly flat.
   ========================================================================= */
body.home-v2 .example-card,
body.home-v2 .trend-item,
body.home-v2 .step,
body.home-v2 .bonus-card,
body.home-v2 .price-card,
body.home-v2 .cover-form input,
body.home-v2 .cta-cover,
body.home-v2 .final-cta,
body.home-v2 .final-cta input,
body.home-v2 .how-it-works-quote,
body.home-v2 .cto-quote,
body.home-v2 .quote-person img,
body.home-v2 .cto-info img,
body.home-v2 .step-num,
body.home-v2 .tg-link,
body.home-v2 .yt-link,
body.home-v2 .back-to-top,
body.home-v2 .project-card-img,
body.home-v2 .project-card-img svg{
  border-radius:0!important;
}
body.home-v2 .example-card,
body.home-v2 .trend-item,
body.home-v2 .step,
body.home-v2 .bonus-card,
body.home-v2 .price-card{
  box-shadow:none!important;
  background:transparent;
  border:none;
}

/* =========================================================================
   UTILITY STRIP — a thin dark bar above the nav, reading as "product
   suite", not "landing page".
   ========================================================================= */
body.home-v2 .home-utility-bar{height:4px;background:#161616;}

/* =========================================================================
   HEADER
   ========================================================================= */
body.home-v2 .site-header{
  background:#ffffff;
  border-bottom:1px solid var(--hairline);
}
/* base .nav-inner is capped at 1140px — with the phone/email block, full
   mega-menu nav and both CTA buttons all visible at once, that leaves the
   row sitting right at its content width with ~0px to spare, so it
   randomly wraps "Компания" onto a second line. Match the header to the
   rest of the page's 1440px rhythm instead of narrowly patching the fit. */
body.home-v2 .nav-inner{max-width:1440px;}
/* the sitewide stage badge (site.css) is white text sized for the dark
   header on every other page — this header is white, so match its own
   ink/accent instead of inheriting invisible white-on-white text. */
body.home-v2 .site-header.stage-mode .nav-logo::after{
  color:var(--accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  vertical-align:middle;
}
body.home-v2 .nav-logo img{
  transition:filter .15s ease;
}
body.home-v2 .nav-logo:hover img{filter:none;}
body.home-v2 .nav-logo--text{
  display:inline-flex;
  align-items:baseline;
  gap:2px;
  font-size:19px;
  font-weight:700;
  letter-spacing:-0.02em;
  color:#161616;
}
body.home-v2 .nav-logo--text .nav-logo-accent{color:var(--accent);}
body.home-v2 .nav-links>li>a{
  color:#161616;
  border-radius:0;
  position:relative;
  padding-bottom:8px;
}
body.home-v2 .nav-links>li>a:hover{background:none;color:var(--accent);}
body.home-v2 .nav-dropdown .dropdown-menu,
body.home-v2 .mega-menu{
  background:#ffffff;
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  border-left:none;border-right:none;
  box-shadow:0 12px 24px rgba(0,0,0,.06);
}
body.home-v2 .dropdown-menu a,
body.home-v2 .mega-col a{color:#161616;}
body.home-v2 .dropdown-menu a:hover,
body.home-v2 .mega-col a:hover{background:var(--tint);color:var(--accent);}
body.home-v2 .mega-col-title{
  color:#8d8d8d!important;
  font-weight:700;
  letter-spacing:.1em;
  border-bottom-color:var(--hairline);
}
body.home-v2 .nav-email{color:#161616;}
body.home-v2 .nav-phone{color:var(--accent)!important;}
body.home-v2 .nav-burger span{background:#161616;}
body.home-v2 .mobile-nav{background:#ffffff;border-top:1px solid var(--hairline);}
body.home-v2 .mobile-nav a{color:#161616;}
body.home-v2 .mobile-nav a:hover{background:var(--tint);color:#161616;}

/* =========================================================================
   BUTTONS — small, inline, a hair of radius (matches the reference's own
   buttons), trailing arrow that nudges on hover. Never a full-width block.
   ========================================================================= */
body.home-v2 .btn{
  border-radius:2px!important;
  padding:12px 20px;
  font-size:14px;
  display:inline-flex;
  align-items:center;
}
body.home-v2 .btn-lg{padding:12px 20px;font-size:14px;}
body.home-v2 .btn-outline{border:1px solid #161616;color:#161616;}
body.home-v2 .btn-primary{
  background:var(--accent);
  color:#fff;
  box-shadow:none;
  letter-spacing:.01em;
}
body.home-v2 .btn-primary:hover{background:var(--accent-hover);opacity:1;}
body.home-v2 .btn-link{
  background:none;
  color:#161616;
  border:1px solid #c6c6c6;
  padding:11px 19px;
}
body.home-v2 .btn-link:hover{border-color:#161616;opacity:1;transform:none;}
body.home-v2 .btn-primary::after,
body.home-v2 .btn-link::after{content:'→';margin-left:10px;display:inline-block;transition:transform .15s ease;}
body.home-v2 .btn-primary:hover::after,
body.home-v2 .btn-link:hover::after{transform:translateX(3px);}
body.home-v2 .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
body.home-v2 .hero-facts{
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid var(--hairline);
  font-size:13px;
  color:#525252;
}

/* =========================================================================
   HERO — asymmetric two-column layout: copy left, real product visual
   right (the single biggest structural gap in the previous pass — a
   text-only hero reads as a marketing splash page no matter how the
   type is styled; the reference always pairs the headline with a real
   picture of the product).
   ========================================================================= */
body.home-v2 .hero-section{
  background:#ffffff;
  padding:88px 40px 64px;
}
body.home-v2 .hero-inner{max-width:1440px;}
body.home-v2 .hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:64px;
  align-items:center;
}
body.home-v2 .eyebrow{margin-bottom:16px;}
body.home-v2 .hero-section h1{
  font-weight:700;
  font-size:clamp(34px,4.2vw,52px);
  line-height:1.08;
  color:#161616;
  letter-spacing:-0.02em;
}
body.home-v2 .hero-section .hero-sub{
  color:#525252;
  max-width:560px;
  font-size:16px;
  line-height:1.65;
  margin-top:18px;
}
body.home-v2 .hero-visual{max-width:520px;}
body.home-v2 .hero-visual-caption{
  margin-top:14px;
  font-size:13px;
  color:#8d8d8d;
}
body.home-v2 .hero-video-frame{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  max-width:520px;
  background:#161616;
  overflow:hidden;
  border-radius:2px;
}
body.home-v2 .hero-video-frame::after{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 55%, rgba(255,90,31,0.14), transparent 62%);
  pointer-events:none;
  z-index:2;
}
body.home-v2 .hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  z-index:1;
}
body.home-v2 .hero-video.is-active{opacity:1;}
@media(max-width:960px){
  body.home-v2 .hero-grid{grid-template-columns:1fr;gap:36px;}
  body.home-v2 .hero-visual{max-width:100%;order:2;}
  body.home-v2 .hero-copy{order:1;}
}

/* =========================================================================
   STAT STRIP (price-bar) — big thin numbers, hairline dividers, no cards
   ========================================================================= */
body.home-v2 .price-bar{
  background:#ffffff;
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  padding:0 40px!important;
}
body.home-v2 .price-bar-inner{max-width:1440px;gap:0!important;}
body.home-v2 .price-card{
  background:none;
  border-left:1px solid var(--hairline);
  padding:36px 28px!important;
}
body.home-v2 .price-card:first-child{border-left:none;}
body.home-v2 .price-card .price-num,
body.home-v2 .price-card--compact .price-num{
  color:#161616;
  font-weight:600;
  font-size:34px;
  font-family:'IBM Plex Mono',monospace;
}
body.home-v2 .price-card .price-label,
body.home-v2 .price-card--compact .price-label{color:#525252;font-size:14px;}

/* =========================================================================
   MID-PAGE LEAD FORM — a modest bordered panel inside the normal content
   column, not a full-bleed hero-sized slab competing with the actual
   hero. Business still needs the lead form; it just shouldn't shout.
   ========================================================================= */
body.home-v2 .cta-cover{
  background:#ffffff!important;
  border-radius:0!important;
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  padding:64px 40px!important;
}
body.home-v2 .cta-cover-content{max-width:1440px!important;align-items:flex-start!important;}
/* base style.css collapses .cta-cover-content to a column at 860px so
   the text block and form stack full-width — but that rule has no
   !important and lower specificity than the override above, so on
   mobile it would lose and the column's children would stay
   flex-start/shrink-to-content instead of stretching edge to edge. */
@media(max-width:860px){
  body.home-v2 .cta-cover-content{align-items:stretch!important;}
}
body.home-v2 .cta-cover h2{
  color:#161616!important;
  font-weight:700;
  font-size:clamp(24px,2.8vw,32px);
  letter-spacing:-0.01em;
  margin-bottom:28px;
}
body.home-v2 .cover-points{display:flex;flex-direction:column;gap:14px;}
body.home-v2 .cover-point{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:#525252;line-height:1.5;}
body.home-v2 .cover-point span:first-child{color:var(--accent);font-family:'IBM Plex Mono',monospace;font-size:13px;margin-top:3px;}
body.home-v2 .cover-form{
  background:#ffffff;
  border:1px solid var(--hairline);
  border-radius:0;
  padding:28px;
}
body.home-v2 .cover-form input{border:1px solid #8d8d8d;border-radius:4px;}
body.home-v2 .cover-form .btn-primary{background:#161616;color:#fff;}
body.home-v2 .cover-form .btn-primary:hover{background:#000;}

body.home-v2 .final-cta{
  background:#161616!important;
  border-radius:0!important;
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  padding:80px 40px!important;
}
body.home-v2 .final-cta h2{color:#ffffff!important;font-weight:400;}
body.home-v2 .final-cta input{
  background:#ffffff!important;
  border:1px solid #6f6f6f!important;
  border-radius:0!important;
}
body.home-v2 .final-cta .btn-primary{background:var(--accent-soft)!important;}
body.home-v2 .final-cta .btn-primary:hover{background:var(--accent)!important;}
body.home-v2 .final-cta .form-consent,
body.home-v2 .final-cta .form-consent a{color:rgba(255,255,255,.75)!important;}

/* =========================================================================
   SECTION RHYTHM — quiet white canvas, hairline separators instead of
   pastel background blocks. Color spent only where it earns its keep.
   ========================================================================= */
body.home-v2 .section,
body.home-v2 .what-ai,
body.home-v2 .capabilities,
body.home-v2 .examples,
body.home-v2 .faq,
body.home-v2 .bonuses,
body.home-v2 .try-ai,
body.home-v2 .methodology,
body.home-v2 .trends,
body.home-v2 .realized-title,
body.home-v2 .projects-grid,
body.home-v2 .cto-quote{
  background:#ffffff!important;
}
body.home-v2 .section{
  padding:96px 40px;
  border-top:1px solid var(--hairline);
}
body.home-v2 .section:first-of-type{border-top:none;}
body.home-v2 .realized-title{
  padding-top:96px;
  border-top:1px solid var(--hairline);
}
body.home-v2 .how-it-works{background:#ffffff;border-top:1px solid var(--hairline);}
@media(max-width:768px){
  body.home-v2 .section,
  body.home-v2 .realized-title{padding:56px 20px;}
}

/* section titles: smaller, restrained, not giant bold shouty headings */
body.home-v2 .section-title,
body.home-v2 .capabilities h2,
body.home-v2 .examples h2,
body.home-v2 .faq h2,
body.home-v2 .trends h2,
body.home-v2 .how-to-get h2,
body.home-v2 .bonuses h2,
body.home-v2 .try-ai h2,
body.home-v2 .methodology h2,
body.home-v2 .realized-title h2{
  font-weight:700;
  font-size:clamp(26px,2.8vw,34px);
  color:#161616;
}

/* =========================================================================
   TILE GRID — small bordered tiles with a hairline, gentle radius, icon
   bottom-left / arrow bottom-right. This is the reference's own "product
   grid" pattern (compact, dense, mostly whitespace, not a features-with-
   paragraphs marketing block).
   ========================================================================= */
body.home-v2 .cap-grid{gap:16px;}
body.home-v2 .cap-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:28px;
  border:1px solid var(--hairline);
  border-radius:8px;
  padding:24px!important;
  min-height:168px;
  transition:border-color .15s ease;
}
body.home-v2 .cap-card:hover{border-color:#8d8d8d;}
body.home-v2 .cap-card-top{display:flex;flex-direction:column;gap:8px;}
body.home-v2 .cap-card h3{font-weight:500;font-size:16px;order:-1;}
body.home-v2 .cap-card p{font-size:13.5px;color:#525252;}
body.home-v2 .cap-card-icon{
  width:auto;height:auto;
  background:none;
  order:2;
}
body.home-v2 .cap-card-icon svg{width:22px;height:22px;stroke:#161616!important;}
body.home-v2 .cap-card-arrow{
  align-self:flex-end;
  color:#161616;
  font-size:16px;
}

body.home-v2 .example-cards{gap:0;border-top:1px solid var(--hairline);}
body.home-v2 .example-card{
  border-top:none!important;
  border-bottom:1px solid var(--hairline);
  padding:0;
}
body.home-v2 .example-card-body{padding:40px 0;}
body.home-v2 .example-card .check-item:last-child{
  background:none;
  padding:0;
  margin:12px 0 0;
  border-top:1px solid var(--hairline);
  padding-top:14px!important;
}
@media(min-width:769px){
  body.home-v2 .example-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
  body.home-v2 .example-card{border-bottom:none;border-right:1px solid var(--hairline);}
  body.home-v2 .example-card:last-child{border-right:none;}
  body.home-v2 .example-card-body{padding:8px 36px;}
  body.home-v2 .example-card:first-child .example-card-body{padding-left:0;}
  body.home-v2 .example-card:last-child .example-card-body{padding-right:0;}
}

body.home-v2 .trend-items{gap:0;border-top:1px solid var(--hairline);}
body.home-v2 .trend-item{
  background:none;
  border-bottom:1px solid var(--hairline);
  padding:28px 0;
  align-items:center;
}
body.home-v2 .trend-icon svg{stroke:#161616!important;}

/* design's PROCESS section is white cards (padding 32px, radius 2px) on
   a #f4f4f4 section background, with big orange IBM Plex Mono numbers —
   not the hairline-divided/thin-number treatment used elsewhere on the
   page. Overrides the blanket "every .section is white" rule below it. */
body.home-v2 .how-to-get{background:var(--tint)!important;border-top:1px solid var(--hairline);}
body.home-v2 .steps-grid{gap:24px;}
body.home-v2 .step{
  background:#ffffff;
  border:none;
  padding:32px!important;
  border-radius:2px;
}
body.home-v2 .step-num{
  background:none;
  color:var(--accent);
  font-family:'IBM Plex Mono',monospace;
  font-size:32px;
  font-weight:600;
  width:auto;height:auto;
  margin-bottom:20px;
}
body.home-v2 .step h3{font-size:18px;font-weight:600;margin-bottom:10px;}
body.home-v2 .step p{font-size:14px;color:#525252;line-height:1.6;}
@media(max-width:768px){
  body.home-v2 .step{padding:28px!important;}
}

body.home-v2 .bonus-cards{gap:0;border-top:1px solid var(--hairline);}
body.home-v2 .bonus-card{
  border-bottom:1px solid var(--hairline);
  padding:32px 0;
}
body.home-v2 .bonus-card img{border-radius:0;filter:grayscale(1);}
@media(min-width:769px){
  body.home-v2 .bonus-card{border-bottom:none;border-left:1px solid var(--hairline);padding:8px 36px;}
  body.home-v2 .bonus-card:first-child{border-left:none;padding-left:0;}
  body.home-v2 .bonus-card:last-child{padding-right:0;}
}

/* =========================================================================
   ARCHITECTURE — dark platform diagram (LLMs → PapAI.Core → modules →
   channels), matches the Claude Design layout.
   ========================================================================= */
body.home-v2 .arch-section{background:#161616;color:#fff;padding:96px 40px;}
body.home-v2 .arch-grid{
  display:grid;
  grid-template-columns:0.85fr 1.15fr;
  gap:64px;
  align-items:start;
}
body.home-v2 .arch-text h2{
  color:#fff;
  font-size:clamp(26px,2.8vw,34px);
  font-weight:700;
  line-height:1.18;
  margin:0 0 20px;
  letter-spacing:-0.01em;
}
body.home-v2 .arch-lead{font-size:15px;line-height:1.7;color:#c6c6c6;margin:0 0 24px;}
body.home-v2 .arch-points{display:flex;flex-direction:column;gap:13px;}
body.home-v2 .arch-point{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:#e0e0e0;line-height:1.5;}
body.home-v2 .arch-point span:first-child{color:var(--accent-soft);font-family:'IBM Plex Mono',monospace;font-size:13px;margin-top:2px;}
body.home-v2 .arch-diagram{
  position:relative;
  border:1px solid #333;
  background:#1a1a1a;
  padding:40px;
  display:flex;
  flex-direction:column;
  align-items:center;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:28px 28px;
}
body.home-v2 .arch-diagram-label{
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#f4f4f4;
  margin-bottom:16px;
}
body.home-v2 .arch-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:8px;}
body.home-v2 .arch-pill{
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  font-weight:500;
  color:#e0e0e0;
  border:1px solid #4a4a4a;
  background:#242424;
  padding:7px 13px;
}
body.home-v2 .arch-connector{width:1px;height:30px;background:#4a4a4a;}
body.home-v2 .arch-core{
  text-align:center;
  padding:22px 44px;
  background:var(--accent-soft);
  margin-bottom:8px;
}
body.home-v2 .arch-core-title{font-family:'IBM Plex Mono',monospace;font-size:16px;color:#161616;font-weight:700;}
body.home-v2 .arch-core-sub{font-size:12px;color:rgba(22,22,22,.65);margin-top:4px;font-weight:500;}
body.home-v2 .arch-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px;width:100%;}
body.home-v2 .arch-module{
  font-size:13px;
  font-weight:500;
  color:#e0e0e0;
  border:1px solid #4a4a4a;
  background:#242424;
  padding:11px 10px;
  text-align:center;
}
@media(max-width:960px){
  body.home-v2 .arch-grid{grid-template-columns:1fr;}
  body.home-v2 .arch-modules{grid-template-columns:repeat(2,1fr);}
}

/* =========================================================================
   CAPABILITIES (num style) — matches the Claude Design tile grid
   ========================================================================= */
body.home-v2 .cap-grid--num{grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--hairline);}
body.home-v2 .cap-card--num{
  display:block;
  border:none;
  border-right:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  border-radius:0!important;
  padding:32px 28px!important;
}
body.home-v2 .cap-card--num:last-child{border-right:none;}
body.home-v2 .cap-num{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--accent);margin-bottom:24px;}
body.home-v2 .cap-card--num h3{font-size:18px;font-weight:600;margin:0 0 10px;color:#161616;}
body.home-v2 .cap-card--num p{font-size:14px;color:#525252;line-height:1.55;margin:0;}
@media(max-width:768px){
  body.home-v2 .cap-grid--num{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  body.home-v2 .cap-grid--num{grid-template-columns:1fr;}
  body.home-v2 .cap-card--num{border-right:none!important;}
}

/* =========================================================================
   TRY-AI BAR — split kicker/heading + button strip
   ========================================================================= */
body.home-v2 .try-ai-bar{
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  background:var(--tint);
  padding:48px 40px;
}
body.home-v2 .try-ai-bar-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:32px;
  flex-wrap:wrap;
}
body.home-v2 .try-ai-bar-heading{font-size:21px;font-weight:600;max-width:640px;line-height:1.4;color:#161616;}
body.home-v2 .btn-dark{background:#161616;color:#fff;white-space:nowrap;}
body.home-v2 .btn-dark:hover{background:var(--accent);}

/* =========================================================================
   INDUSTRIES — 4-col bordered link grid
   ========================================================================= */
body.home-v2 .industries-section{background:var(--tint);padding:96px 40px;border-top:1px solid var(--hairline);}
body.home-v2 .industries-section .eyebrow,
body.home-v2 .industries-section h2{max-width:1440px;margin-left:auto;margin-right:auto;}
body.home-v2 .industries-section h2{margin-bottom:48px;}
body.home-v2 .industries-grid{
  max-width:1440px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--hairline);
  border-left:1px solid var(--hairline);
  background:#fff;
}
body.home-v2 .industry-tile{
  padding:24px;
  border-right:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  color:#161616;
  font-size:15px;
  font-weight:500;
  display:flex;
  align-items:center;
  min-height:80px;
}
body.home-v2 .industry-tile:hover{background:#161616;color:#fff;}
@media(max-width:768px){body.home-v2 .industries-grid{grid-template-columns:repeat(2,1fr);}}

/* =========================================================================
   QUOTES — merged CMO/CTO into one dark 2-col editorial block
   ========================================================================= */
body.home-v2 .quotes-section{background:#161616;color:#fff;padding:96px 40px;}
body.home-v2 .quotes-grid{max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:64px;}
body.home-v2 .quote-block blockquote{
  font-size:24px;
  line-height:1.5;
  font-weight:500;
  letter-spacing:-0.01em;
  color:#fff;
  margin:0 0 28px;
}
body.home-v2 .quote-block-rule{width:32px;height:1px;background:var(--accent);margin-bottom:12px;}
body.home-v2 .quote-block-author{font-size:14px;color:#8d8d8d;}
@media(max-width:768px){body.home-v2 .quotes-grid{grid-template-columns:1fr;gap:40px;}}

/* trends without icons — plain hairline-divided list, matches design */
body.home-v2 .trend-items--plain{display:grid!important;flex-direction:unset;grid-template-columns:repeat(3,1fr);gap:24px;border-top:none;}
body.home-v2 .trend-item--plain{
  border-top:2px solid #161616;
  border-bottom:none!important;
  padding:24px 0 0!important;
}
body.home-v2 .trend-item--plain p{font-size:15px;color:#161616;line-height:1.6;margin:0;}
@media(max-width:768px){body.home-v2 .trend-items--plain{grid-template-columns:1fr;}}

/* =========================================================================
   CASE CARDS — redesigned realized-projects section: tag badge over the
   dashboard mockup, before→after stat in accent, pull-quote with a left
   rule, author + case link footer. Matches the Claude Design layout.
   ========================================================================= */
body.home-v2 .case-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:48px;
  flex-wrap:wrap;
}
body.home-v2 .case-section-head .section-title{margin:0;max-width:600px;}
body.home-v2 .case-section-all{
  font-size:14px;
  font-weight:600;
  color:#161616;
  border-bottom:1px solid #161616;
  white-space:nowrap;
}
body.home-v2 .case-section-all:hover{color:var(--accent);border-color:var(--accent);}
body.home-v2 .case-cards{
  display:flex;
  flex-direction:column;
  gap:1px;
  background:var(--hairline);
  border:1px solid var(--hairline);
}
body.home-v2 .case-card{
  display:grid;
  grid-template-columns:0.85fr 1.15fr;
  gap:0;
  background:#fff;
}
body.home-v2 .case-card-visual{
  position:relative;
  background:#f4f4f4;
  display:flex;
  align-items:center;
  padding:20px;
}
body.home-v2 .case-card-visual-inner{width:100%;}
body.home-v2 .case-card-visual-inner svg{border-radius:0;}
body.home-v2 .case-card-tag{
  position:absolute;
  top:20px;
  left:20px;
  z-index:1;
  background:#161616;
  color:#fff;
  font-size:11px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:6px 12px;
}
body.home-v2 .case-card-body{
  padding:44px 48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.home-v2 .case-card-body h3{
  font-size:21px;
  font-weight:600;
  margin:0 0 20px;
  letter-spacing:-0.01em;
}
body.home-v2 .case-card-stat{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin-bottom:20px;
  flex-wrap:wrap;
}
body.home-v2 .case-before{
  font-family:'IBM Plex Mono',monospace;
  font-size:14px;
  color:#8d8d8d;
  text-decoration:line-through;
}
body.home-v2 .case-arrow{color:#8d8d8d;}
body.home-v2 .case-after{
  font-family:'IBM Plex Mono',monospace;
  font-size:22px;
  font-weight:700;
  color:var(--accent);
}
body.home-v2 .case-quote{
  font-size:16px;
  line-height:1.6;
  color:#161616;
  margin:0 0 16px;
  padding-left:18px;
  border-left:2px solid var(--accent);
  font-style:normal;
}
body.home-v2 .case-card-detail{
  font-size:14px;
  line-height:1.6;
  color:#525252;
  margin:0 0 24px;
}
body.home-v2 .case-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
body.home-v2 .case-author{font-size:13px;color:#8d8d8d;}
body.home-v2 .case-link{
  font-size:14px;
  font-weight:600;
  color:#161616;
  border-bottom:1px solid #161616;
  white-space:nowrap;
}
body.home-v2 .case-link:hover{color:var(--accent);border-color:var(--accent);}
@media(max-width:860px){
  body.home-v2 .case-card{grid-template-columns:1fr;}
  body.home-v2 .case-card-body{padding:32px 24px;}
}

/* =========================================================================
   QUOTES — editorial: big glyph, thin rule, monochrome portrait
   ========================================================================= */
body.home-v2 .how-it-works-quote,
body.home-v2 .cto-quote-inner{
  background:none;
  border-left:none;
  border-top:2px solid #161616;
  padding:28px 0 0!important;
  position:relative;
}
body.home-v2 blockquote{
  font-size:22px;
  font-style:normal;
  color:#161616;
  font-weight:400;
}
body.home-v2 .quote-person img,
body.home-v2 .cto-info img{filter:grayscale(1);}
body.home-v2 .quote-person-name,
body.home-v2 .cto-info .quote-person-name{font-weight:600;}
body.home-v2 .quote-person-role,
body.home-v2 .cto-info .quote-person-role{
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:.08em;
  color:#8d8d8d;
}

/* =========================================================================
   ARCHITECTURE DIAGRAM — neutralize the last warm pastel background
   ========================================================================= */
body.home-v2 .how-it-works-arch svg rect[fill="#fff7ee"],
body.home-v2 .case-card-visual-inner svg rect[fill="#fff7ee"]{fill:#f4f4f4;}

/* =========================================================================
   DEMO WALL — the reference's actual client-logo strip: a quiet grey
   band, uppercase 12px kicker, one flowing left-aligned row of uniform
   16px/600/#6f6f6f names. The old markup is a deliberate "font zoo"
   (serif/mono/small-caps per company, centered, 20-30px, some in accent
   colour) — every one of those choices has to be neutralized, not just
   the color, or the section keeps reading as the old design.
   ========================================================================= */
body.home-v2 .demo-wall{
  background:#f4f4f4;
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  padding:36px 0 40px;
  overflow:hidden;
}
body.home-v2 .demo-wall-kicker{
  color:#8d8d8d!important;
  font-weight:600!important;
  font-size:clamp(15px,1.35vw,18px)!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  margin:0 0 24px!important;
  text-align:left!important;
}
/* две бегущие строки в разные стороны; поверх всего блока одна стеклянная линза (границ нет):
   в центре лёгкое увеличение, к краям — растяжение и разделение цветов (SVG-фильтр #dw-lens, Chromium) */
body.home-v2 .dw-marquee{position:relative;display:flex;flex-direction:column;gap:14px;}
body.home-v2 .dw-row{overflow:hidden;white-space:nowrap;padding:8px 0;}
body.home-v2 .dw-track{display:inline-flex;align-items:baseline;width:max-content;will-change:transform;}
body.home-v2 .dw-lens{position:absolute;top:0;bottom:0;width:clamp(70px,11vw,200px);z-index:3;pointer-events:none;}
body.home-v2 .dw-lens-l{left:0;}
body.home-v2 .dw-lens-r{right:0;}
@supports (not (-webkit-hyphens:none)) and (not (-moz-appearance:none)){
  body.home-v2 .dw-lens-l{-webkit-backdrop-filter:url(#dw-lens-l);backdrop-filter:url(#dw-lens-l);}
  body.home-v2 .dw-lens-r{-webkit-backdrop-filter:url(#dw-lens-r);backdrop-filter:url(#dw-lens-r);}
}
/* Safari/Firefox: без SVG-линзы — просто плавное затухание к краям */
@supports ((-webkit-hyphens:none) or (-moz-appearance:none)){
  body.home-v2 .dw-lens{display:none;}
  body.home-v2 .dw-row{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 clamp(48px,10vw,160px),#000 calc(100% - clamp(48px,10vw,160px)),transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 clamp(48px,10vw,160px),#000 calc(100% - clamp(48px,10vw,160px)),transparent 100%);
  }
}
body.home-v2 .dw-left .dw-track{animation:dw-left 100s linear infinite;}
body.home-v2 .dw-right .dw-track{animation:dw-right 110s linear infinite;}
body.home-v2 .dw-row:hover .dw-track{animation-play-state:paused;}
@keyframes dw-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes dw-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
body.home-v2 .dw{
  font-family:'IBM Plex Sans','Manrope',sans-serif!important;
  font-weight:600!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-transform:none!important;
  letter-spacing:-0.01em!important;
  font-size:clamp(21px,2.05vw,26px)!important;
  color:#6f6f6f!important;
  line-height:1;
  margin-right:clamp(36px,4vw,64px);
  white-space:nowrap;
  cursor:default;
}
body.home-v2 .dw:hover{color:var(--accent)!important;transform:none;}
@media(prefers-reduced-motion:reduce){body.home-v2 .dw-track{animation:none!important;}body.home-v2 .dw-row{overflow-x:auto;}}

/* =========================================================================
   PROJECTS — tighten, remove leftover color-card language
   ========================================================================= */
body.home-v2 .project-result{
  color:var(--accent)!important;
  font-weight:400;
}
body.home-v2 .project-card{border-bottom:1px solid var(--hairline);}
body.home-v2 .project-card-content ul li::before{color:var(--accent);}

/* =========================================================================
   FAQ — hairline list, accent restricted to the number
   ========================================================================= */
body.home-v2 .faq-num{color:var(--accent)!important;font-weight:400;}
body.home-v2 .faq-item{border-bottom:1px solid var(--hairline);}
body.home-v2 .faq-icon{color:var(--accent);font-family:'IBM Plex Mono',monospace;font-size:18px;}
body.home-v2 .faq-question{font-weight:500;color:#161616;}

/* =========================================================================
   ALL-SOLUTIONS DIRECTORY — one neutral tint block is enough
   ========================================================================= */
body.home-v2 #all-solutions{background:var(--tint)!important;border-top:1px solid var(--hairline);}
body.home-v2 #all-solutions p[style*="border-bottom:2px solid"]{
  border-bottom-color:#161616!important;
  font-weight:600!important;
}
body.home-v2 #all-solutions p[style*="text-transform:uppercase"]{
  color:#8d8d8d!important;
}
body.home-v2 #all-solutions a[style*="color:#333"]{color:#161616!important;}
body.home-v2 #all-solutions a[style*="color:#333"]:hover{color:var(--accent)!important;}

/* =========================================================================
   FOOTER — dense, disciplined, small caps labels, thin dividers
   ========================================================================= */
body.home-v2 .site-footer{background:#161616;padding:64px 40px 28px;}

body.home-v2 .footer-nav-label,
body.home-v2 .footer-nav-title{
  color:#ffffff;
  font-weight:600;
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.home-v2 .footer-nav-col ul li a{color:#8d8d8d;font-size:14px;}
body.home-v2 .footer-nav-col ul li a:hover{color:var(--accent);}
body.home-v2 .tg-bar{background:#f4f4f4;}

/* =========================================================================
   MISC BRAND CHROME
   ========================================================================= */
body.home-v2 .back-to-top{background:var(--accent);border-radius:0!important;}
body.home-v2 .back-to-top:hover{background:var(--accent-hover);}
body.home-v2 .back-to-top svg{stroke:#fff;}
body.home-v2 .glossary-term{text-decoration-color:rgba(255,90,31,.5);}
body.home-v2 main a:not([class]){color:var(--accent);}
body.home-v2 main p a:not([class]),
body.home-v2 main li a:not([class]){
  color:var(--accent);
  border-bottom-color:rgba(255,90,31,.35);
}
body.home-v2 main p a:not([class]):hover,
body.home-v2 main li a:not([class]):hover{color:var(--accent-hover);border-color:var(--accent-hover);}
body.home-v2 .papai-toast{background:var(--accent);border-radius:0;box-shadow:none;}

/* the dark "brand philosophy" band already exists once — keep it as the
   one deliberate dark punctuation mark on the page, no change needed. */

/* Mobile sticky header CTAs — hidden until the hero's own CTA buttons
   scroll out of view (2026-08-29), shown only on mobile where the hero
   buttons aren't otherwise reachable without scrolling back up. */
body.home-v2 .header-mobile-cta{display:none;gap:8px;}
@media(max-width:768px){
  body.home-v2.hero-cta-hidden .header-mobile-cta{display:flex;}
}
body.home-v2 .btn-mini{font-size:13px;font-weight:600;padding:8px 12px;border-radius:6px;text-decoration:none;white-space:nowrap;line-height:1.2;}
body.home-v2 .btn-mini-outline{border:1px solid var(--accent);color:var(--accent);}
body.home-v2 .btn-mini-primary{background:var(--accent);color:#fff;}

/* =========================================================================
   MOBILE POLISH + TELEGRAM BUTTON — 2026-08-31
   Tightens the vertical rhythm on phones, fixes the sections that kept
   their 40px desktop side-padding on top of the .container padding
   (industries / architecture / quotes) and overflowed the viewport,
   shrinks oversized mobile type, and restyles the Telegram bar to match
   the monochrome + accent system instead of a flat cyan slab.
   ========================================================================= */

/* brand word next to the papaya — mobile only (desktop nav is already tight) */
body.home-v2 .nav-logo-word{display:none;}

/* Telegram bar — dark button, accent on hover (was a flat #2AABEE block) */
body.home-v2 .tg-bar{padding:44px 40px 0;}
body.home-v2 .tg-link,
body.home-v2 .yt-link{
  background:#161616;color:#fff;border-radius:0;
  padding:14px 26px;font-size:14px;font-weight:600;letter-spacing:.01em;gap:8px;
  display:inline-flex;align-items:center;text-decoration:none;transition:background .15s ease;
}
body.home-v2 .tg-link:hover,
body.home-v2 .yt-link:hover{background:var(--accent);opacity:1;}
body.home-v2 .tg-link .tg-icon,
body.home-v2 .yt-link .tg-icon{font-size:15px;}

@media(max-width:768px){
  /* --- header: papaya + brand word left, burger hard right, less air --- */
  body.home-v2 .site-header{padding:0 16px;}
  body.home-v2 .nav-inner{height:56px;gap:10px;}
  body.home-v2 .nav-logo{display:flex;align-items:center;gap:8px;}
  body.home-v2 .nav-logo img{height:34px;}
  body.home-v2 .nav-logo-word{
    display:inline;font-size:16px;font-weight:700;
    letter-spacing:-0.02em;color:#161616;white-space:nowrap;line-height:1;
  }
  body.home-v2 .nav-logo-word i{font-style:normal;color:var(--accent);}
  body.home-v2 .nav-burger{margin-left:auto;padding:10px 2px 10px 10px;}

  /* --- hero: kill the big empty band above the headline --- */
  body.home-v2 .hero-section{padding:24px 20px 36px;}
  body.home-v2 .hero-section h1{font-size:clamp(25px,6.8vw,32px);}
  body.home-v2 .hero-section .hero-sub{font-size:15px;}
  body.home-v2 .hero-actions{gap:10px;margin-top:22px;}
  body.home-v2 .hero-actions .btn{flex:1 1 0;justify-content:center;padding:14px 10px;}

  /* --- stat strip: smaller numbers, drop the dangling left rule, kill the
         200px flex-basis that stretched each stat into its own tall band --- */
  body.home-v2 .price-bar{padding:6px 20px!important;}
  body.home-v2 .price-bar-inner{display:block!important;}
  body.home-v2 .price-card,
  body.home-v2 .price-card--compact{flex:none!important;border-left:none!important;padding:16px 0!important;}
  body.home-v2 .price-card .price-num,
  body.home-v2 .price-card--compact .price-num{font-size:21px;}
  body.home-v2 .price-card .price-label,
  body.home-v2 .price-card--compact .price-label{font-size:13px;}

  /* --- generic section rhythm + heading sizes --- */
  body.home-v2 .section,
  body.home-v2 .realized-title{padding:44px 20px;}
  body.home-v2 .section-title,
  body.home-v2 .capabilities h2,
  body.home-v2 .examples h2,
  body.home-v2 .faq h2,
  body.home-v2 .trends h2,
  body.home-v2 .how-to-get h2,
  body.home-v2 .bonuses h2,
  body.home-v2 .realized-title h2{font-size:22px;}

  /* --- capabilities tiles --- */
  body.home-v2 .cap-card--num{padding:22px 18px!important;}
  body.home-v2 .cap-num{margin-bottom:12px;}
  body.home-v2 .cap-card--num h3{font-size:16px;}

  /* --- process steps --- */
  body.home-v2 .steps-grid{gap:14px;}
  body.home-v2 .step{padding:22px 20px!important;}
  body.home-v2 .step-num{font-size:26px;margin-bottom:10px;}
  body.home-v2 .step h3{font-size:16px;}

  /* --- industries: was double-padded (section 40 + container) → overflow --- */
  body.home-v2 .industries-section{padding:44px 0;}
  body.home-v2 .industries-section .container{padding:0 16px;}
  body.home-v2 .industries-section h2{margin-bottom:24px;font-size:22px;}
  body.home-v2 .industry-tile{padding:16px 14px;min-height:60px;font-size:14px;}

  /* --- architecture: same double-padding overflow; recentre the diagram --- */
  body.home-v2 .arch-section{padding:48px 0;}
  body.home-v2 .arch-section .container{padding:0 16px;}
  body.home-v2 .arch-text h2{font-size:22px;}
  body.home-v2 .arch-diagram{padding:20px 12px;}
  body.home-v2 .arch-core{padding:16px 18px;}
  body.home-v2 .arch-core-title{font-size:14px;}
  body.home-v2 .arch-modules{grid-template-columns:1fr 1fr;}
  body.home-v2 .arch-module{font-size:12px;padding:9px 6px;}
  body.home-v2 .arch-pill{font-size:11px;padding:6px 10px;}

  /* --- quotes: 24px → readable --- */
  body.home-v2 .quotes-section{padding:52px 20px;}
  body.home-v2 .quotes-grid{gap:30px;}
  body.home-v2 .quote-block blockquote{font-size:17px;line-height:1.55;margin-bottom:16px;}

  /* --- editorial blockquotes / case cards elsewhere --- */
  body.home-v2 blockquote{font-size:16px;}
  body.home-v2 .case-card-body h3{font-size:18px;}
  body.home-v2 .case-quote{font-size:15px;}

  /* --- telegram bar: full-width tap target --- */
  body.home-v2 .tg-bar{padding:32px 20px 0;}
  body.home-v2 .tg-link,body.home-v2 .yt-link{display:flex;width:100%;max-width:340px;margin:0 auto;justify-content:center;}
}

/* ===== Mobile audit 2026-09-30: главная ≤768px ===== */
@media(max-width:768px){
  /* дубль демо-визарда скрыт на мобильном: аудит-форма и финальная форма остаются */
  body.home-v2 > #form1-demo{display:none;}
  /* hero: видео не квадрат, а 16:9 */
  body.home-v2 .hero-grid{gap:20px;}
  body.home-v2 .hero-video-frame{aspect-ratio:16/9;max-width:none;}
  /* цифры 2×2 */
  body.home-v2 .price-bar-inner{display:grid!important;grid-template-columns:1fr 1fr;gap:0 16px!important;}
  body.home-v2 .price-card,body.home-v2 .price-card--compact{padding:12px 0!important;}
  body.home-v2 .price-card .price-num,body.home-v2 .price-card--compact .price-num{font-size:20px;}
  /* «Уже запустили демо» — одной лентой со свайпом */
  body.home-v2 .demo-wall{padding:24px 0 26px;}
  body.home-v2 .demo-wall-kicker{padding:0 20px;margin-bottom:14px!important;}
  body.home-v2 .dw-marquee{gap:16px;}
  body.home-v2 .dw-left .dw-track{animation-duration:70s;}
  body.home-v2 .dw-right .dw-track{animation-duration:78s;}
  /* формы-обложки компактнее */
  body.home-v2 .cta-cover{min-height:0;padding:36px 0;}
  body.home-v2 .final-cta{padding-top:40px;padding-bottom:40px;}
  /* SEO-простыня: сворачиваем с градиентом */
  body.home-v2 .m-clamp{position:relative;max-height:320px;overflow:hidden;}
  body.home-v2 .m-clamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(to bottom,rgba(244,244,244,0),#f4f4f4 85%);pointer-events:none;}
  body.home-v2 .m-clamp-btn{display:flex;align-items:center;justify-content:center;min-height:44px;margin:12px auto 0;padding:0 20px;border:1px solid #c8c8c8;border-radius:8px;background:#fff;font:600 14px/1 inherit;color:#161616;cursor:pointer;}
  /* «Все решения» — аккордеон */
  body.home-v2 #all-solutions{padding:36px 0;}
  body.home-v2 #all-solutions > .container > p{margin-bottom:24px!important;}
  body.home-v2 #all-solutions .m-acc-h{display:flex!important;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:0!important;cursor:pointer;border-bottom:1px solid #d9d9d9;}
  body.home-v2 #all-solutions .m-acc-h::after{content:"+";font-size:20px;font-weight:400;color:#777;}
  body.home-v2 #all-solutions .m-acc-h.open::after{content:"−";}
  body.home-v2 #all-solutions .m-acc-body{display:none!important;padding:8px 0 12px;}
  body.home-v2 #all-solutions .m-acc-h.open + .m-acc-body{display:flex!important;}
  body.home-v2 #all-solutions .m-acc-body a{display:flex;align-items:center;min-height:40px;}
}
@media(max-width:768px){
  body.home-v2 .m-case-hide{display:none!important;}
  /* кейсы: мокапы нечитаемы на 390px — оставляем метку отрасли и крупную метрику */
  body.home-v2 .case-card-visual{padding:20px 20px 0;background:#fff;}
  body.home-v2 .case-card-visual-inner{display:none;}
  body.home-v2 .case-card-tag{position:static;}
  body.home-v2 .case-card-body{padding:16px 20px 28px;}
  body.home-v2 .case-card-body h3{margin-bottom:12px;}
  body.home-v2 .case-card-stat{gap:4px 10px;margin-bottom:14px;}
  body.home-v2 .case-before{text-decoration:none;font-size:15px;}
  body.home-v2 .case-after{font-size:22px;line-height:1.25;letter-spacing:0;}
  body.home-v2 .case-card-detail{margin-bottom:16px;}
  body.home-v2 .case-card-footer{gap:8px;}
  body.home-v2 .case-card-footer > span[style]{gap:4px 20px!important;}
  body.home-v2 .case-link,body.home-v2 .case-section-all{display:inline-flex;align-items:center;min-height:44px;}
}

/* ===== DESIGN AUDIT 2026-10 ===== */
/* 1. Единая сетка: контент везде на одной линии (контейнер 1440 − 2×40). .section больше не добавляет свой боковой отступ. */
body.home-v2 .section,
body.home-v2 .realized-title{padding-left:0;padding-right:0;}
body.home-v2 .bonuses{padding-left:0;padding-right:0;}
body.home-v2 .hero-inner{max-width:1360px;margin-left:auto;margin-right:auto;}
body.home-v2 .cta-cover-content{max-width:1360px!important;}
body.home-v2 .container-narrow{max-width:900px;margin-left:max(0px,calc((100% - 1440px)/2));margin-right:auto;}
@media(max-width:768px){
  body.home-v2 .cta-cover{padding:44px 20px!important;}
  body.home-v2 .section,body.home-v2 .realized-title{padding-left:0;padding-right:0;}
}
/* 2. Выравнивание: заголовки слева; по центру остаётся только финальный CTA. */
body.home-v2 .all-solutions h2,
body.home-v2 .all-solutions .section-sub,
body.home-v2 .all-solutions > .container > p{text-align:left;}
/* FAQ: заголовок слева, список справа — по той же сетке */
body.home-v2 .faq .container{max-width:1440px;display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);column-gap:64px;align-items:start;}
body.home-v2 .faq .container > h2{grid-column:1;grid-row:1 / span 20;position:sticky;top:96px;margin:0;}
body.home-v2 .faq .container > .faq-item{grid-column:2;}
@media(max-width:860px){
  body.home-v2 .faq .container{display:block;}
  body.home-v2 .faq .container > h2{position:static;margin-bottom:24px;}
}
/* результат в карточках кейсов: основной шрифт вместо моно с растянутыми пробелами */
body.home-v2 .case-after{font-family:'IBM Plex Sans','Manrope',sans-serif;font-weight:700;letter-spacing:0;word-spacing:0;}
/* SEO-текст: колонка 760px от левой линии сетки */
body.home-v2 .seo-text .container > *{max-width:760px;}
/* 4. Типографика и контраст (AA): серый ≥ #6f6f6f, оранжевый мелкий текст #C2410C, текст ≥ 13px, абзацы 15px */
body.home-v2 .demo-wall-kicker,
body.home-v2 .case-author,
body.home-v2 .case-before,
body.home-v2 .quote-block-author,
body.home-v2 .bonuses-note,
body.home-v2 .mega-col-title,
body.home-v2 .all-solutions p{color:#6f6f6f!important;}
body.home-v2 .bonuses-note{font-size:14px;}
body.home-v2 .eyebrow,
body.home-v2 .papai-audit-kicker{color:#C2410C!important;font-size:13px!important;}
body.home-v2 .papai-audit-stepcount{font-size:13px!important;color:#525252;}
body.home-v2 .mega-col-title,
body.home-v2 .case-card-tag,
body.home-v2 .arch-diagram-label{font-size:12px;}
body.home-v2 .arch-pill,
body.home-v2 .arch-core-sub{font-size:13px;}
body.home-v2 .cap-card--num p,
body.home-v2 .case-card-detail,
body.home-v2 .step p,
body.home-v2 .bonus-card-text p,
body.home-v2 .arch-point span:last-child{font-size:15px;line-height:1.6;}
/* 9. Мобильная версия: кнопка «наверх» не закрывает контент; зоны нажатия ≥ 44px */
body.home-v2 .back-to-top{left:auto;right:16px;bottom:16px;width:44px;height:44px;opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s ease;}
body.home-v2 .back-to-top.is-visible{opacity:1;pointer-events:auto;}
@media(max-width:768px){
  body.home-v2 .case-link,
  body.home-v2 .case-section-all,
  body.home-v2 a[href="/about/"]{display:inline-flex;align-items:center;min-height:44px;}
  body.home-v2 .case-card-footer{row-gap:4px;}
  body.home-v2 .cta-cover label,
  body.home-v2 .final-cta label{padding-top:8px;padding-bottom:8px;box-sizing:border-box;max-width:100%;}
  body.home-v2 .nav-logo{min-height:44px;}
}

/* ===== MOTION + ORANGE 2026-10 ===== */
/* — стеклянная шапка: после прокрутки стекло + «дисперсионная» кромка (оранжевая и синяя линии) — */
body.home-v2 .site-header{transition:background .25s ease,box-shadow .25s ease,border-color .25s ease;}
body.home-v2 .site-header.is-scrolled{
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);
  border-bottom-color:transparent;
  box-shadow:0 1px 0 rgba(255,90,31,.30),0 2px 0 rgba(70,110,255,.13),0 12px 30px rgba(0,0,0,.06);
}
/* — живые мини-диалоги в «возможностях» — */
body.home-v2 .cap-chat{display:flex;flex-direction:column;gap:8px;margin-top:20px;}
body.home-v2 .cap-chat .cb{position:relative;display:block;max-width:92%;padding:9px 12px;border-radius:12px;font-size:14px;line-height:1.4;}
body.home-v2 .cap-chat .cb-user{background:#efefef;color:#161616;border-bottom-left-radius:4px;align-self:flex-start;}
body.home-v2 .cap-chat .cb-bot{background:#161616;color:#fff;border-bottom-right-radius:4px;align-self:flex-end;}
body.home-v2 .cap-chat .cb-dots{display:none;}
body.home-v2 .cap-chat .cb-chip{align-self:flex-start;display:inline-block;margin-top:2px;padding:5px 11px;border-radius:999px;background:#E4F4EA;color:#1F7A3A;font-size:13px;font-weight:600;}
body.home-v2 .cap-armed .cb,body.home-v2 .cap-armed .cb-chip{opacity:0;}
body.home-v2 .cap-armed .cb-bot .cb-dots{display:block;position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:0;}
body.home-v2 .cap-armed .cb-dots::before{content:"●●●";font-size:7px;letter-spacing:3px;color:#8a8a8a;animation:cb-pulse .9s ease-in-out infinite;}
body.home-v2 .cap-armed .cb .tx{opacity:0;}
body.home-v2 .cap-armed.play .cb{animation:cb-in .32s ease both;animation-delay:var(--d);}
body.home-v2 .cap-armed.play .cb-bot{animation-delay:calc(var(--d) - .8s);}
body.home-v2 .cap-armed.play .cb-bot .tx{animation:cb-tx .25s ease both;animation-delay:var(--d);}
body.home-v2 .cap-armed.play .cb-user .tx{opacity:1;}
body.home-v2 .cap-armed.play .cb-bot .cb-dots{animation:cb-dots .8s ease both;animation-delay:calc(var(--d) - .8s);}
body.home-v2 .cap-armed.play .cb-chip{animation:cb-in .32s ease both;animation-delay:var(--d);}
@keyframes cb-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes cb-tx{from{opacity:0}to{opacity:1}}
@keyframes cb-dots{0%{opacity:1}88%{opacity:1}100%{opacity:0}}
@keyframes cb-pulse{0%,100%{opacity:.35}50%{opacity:1}}
/* — схема PapAI.Core: запрос идёт снизу вверх (канал → модули → ядро → модель), цикл 8 с, только в зоне видимости — */
body.home-v2 .arch-diagram.is-flow .arch-channels .arch-pill:nth-child(4){animation:arch-pill 8s ease-in-out infinite 0s;}
body.home-v2 .arch-diagram.is-flow .ac3{animation:arch-line 8s ease-in-out infinite .8s;}
body.home-v2 .arch-diagram.is-flow .arch-module:nth-child(odd){animation:arch-pill 8s ease-in-out infinite 1.6s;}
body.home-v2 .arch-diagram.is-flow .ac2{animation:arch-line 8s ease-in-out infinite 2.4s;}
body.home-v2 .arch-diagram.is-flow .arch-core{animation:arch-core 8s ease-in-out infinite 3.2s;}
body.home-v2 .arch-diagram.is-flow .ac1{animation:arch-line 8s ease-in-out infinite 4s;}
body.home-v2 .arch-diagram.is-flow .arch-models .arch-pill:nth-child(3){animation:arch-pill 8s ease-in-out infinite 4.8s;}
@keyframes arch-pill{0%,16%,100%{border-color:#4a4a4a;color:#e0e0e0;background:#242424;}4%,10%{border-color:#FF5A1F;color:#fff;background:#3a2218;}}
@keyframes arch-line{0%,16%,100%{background:#4a4a4a;box-shadow:none;}4%,10%{background:#FF5A1F;box-shadow:0 0 10px rgba(255,90,31,.8);}}
@keyframes arch-core{0%,16%,100%{box-shadow:0 0 0 0 rgba(255,90,31,0);}5%,10%{box-shadow:0 0 0 6px rgba(255,90,31,.32),0 0 36px rgba(255,90,31,.55);}}
@media(prefers-reduced-motion:reduce){body.home-v2 .arch-diagram *{animation:none!important;}}
/* — оранжевые блоки: первая форма и FAQ (чёрный текст на #FF5A1F, контраст 6,4:1) — */
body.home-v2 #form1.cta-cover{background:#FF5A1F!important;border-top-color:#FF5A1F;border-bottom-color:#FF5A1F;}
body.home-v2 #form1 h2{color:#161616!important;}
body.home-v2 #form1 .cover-point,
body.home-v2 #form1 .cover-point span:last-child{color:#161616!important;}
body.home-v2 #form1 .cover-point span:first-child{color:#161616!important;}
body.home-v2 .section.faq{background:#FF5A1F!important;border-top-color:#FF5A1F;}
body.home-v2 .section.faq h2,
body.home-v2 .section.faq .faq-question,
body.home-v2 .section.faq .faq-answer,
body.home-v2 .section.faq .faq-answer p{color:#161616!important;}
body.home-v2 .section.faq .faq-item{border-bottom-color:rgba(22,22,22,.32);}
body.home-v2 .section.faq .faq-icon{color:#161616;}
/* — липкая кнопка «Демо» на телефоне — */
body.home-v2 .sticky-cta{display:none;}
@media(max-width:768px){
  body.home-v2 .sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:998;padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--hairline);
    transform:translateY(110%);transition:transform .25s ease;}
  body.home-v2 .sticky-cta.is-visible{transform:none;}
  body.home-v2 .sticky-cta .btn{display:flex;justify-content:center;width:100%;min-height:48px;align-items:center;}
  body.home-v2.has-sticky-cta .back-to-top{bottom:84px;}
}

/* ===== ROUND 3 2026-10 ===== */
/* белый текст на оранжевых блоках + крупнее описания */
body.home-v2 #form1 h2,
body.home-v2 #form1 .cover-point,
body.home-v2 #form1 .cover-point span:first-child,
body.home-v2 #form1 .cover-point span:last-child{color:#fff!important;}
body.home-v2 .cover-point{font-size:19px;line-height:1.5;gap:14px;}
body.home-v2 .cover-point span:first-child{font-size:16px;margin-top:5px;}
body.home-v2 .cover-points{gap:18px;}
body.home-v2 .section.faq h2,
body.home-v2 .section.faq .faq-question,
body.home-v2 .section.faq .faq-answer,
body.home-v2 .section.faq .faq-answer p,
body.home-v2 .section.faq .faq-icon{color:#fff!important;}
body.home-v2 .section.faq .faq-question{font-size:19px;font-weight:600;}
body.home-v2 .section.faq .faq-answer,body.home-v2 .section.faq .faq-answer p{font-size:17px;line-height:1.6;}
body.home-v2 .section.faq .faq-icon{font-size:24px;}
body.home-v2 .section.faq .faq-item{border-bottom-color:rgba(255,255,255,.6);}
/* ниши: 4×3, последняя плитка — «Все примеры» */
body.home-v2 .industry-tile--all{background:#161616;color:#fff;font-weight:600;}
body.home-v2 .industry-tile--all:hover{background:var(--accent);}
/* диалоги: ответ менеджера и жёлтая подсказка ИИ */
body.home-v2 .cap-chat .cb-mgr{background:#fff;border:1px solid #cfcfcf;color:#161616;border-bottom-right-radius:4px;align-self:flex-end;}
body.home-v2 .cap-chat .cb-hint{align-self:stretch;max-width:100%;background:#FFE680;border-left:4px solid #E0A800;border-radius:6px;color:#161616;display:flex;flex-direction:column;gap:2px;}
body.home-v2 .cap-chat .cb-hint b{font-size:12px;letter-spacing:.02em;color:#6b4e00;font-weight:700;}
body.home-v2 .cap-armed .cb-mgr .cb-dots{display:block;position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:0;}
body.home-v2 .cap-armed.play .cb-mgr{animation-delay:calc(var(--d) - .8s);}
body.home-v2 .cap-armed.play .cb-mgr .tx{animation:cb-tx .25s ease both;animation-delay:var(--d);}
body.home-v2 .cap-armed.play .cb-mgr .cb-dots{animation:cb-dots .8s ease both;animation-delay:calc(var(--d) - .8s);}
body.home-v2 .cap-armed .cb-hint .tx{opacity:1;}
/* отчёт по звонку (не диалог) */
body.home-v2 .cap-report{gap:6px;}
body.home-v2 .cr-item{display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:1.35;}
body.home-v2 .cr-head{padding-bottom:6px;border-bottom:1px solid #ddd;flex-wrap:wrap;gap:2px 8px;}
body.home-v2 .cr-head b{font-weight:700;color:#161616;}
body.home-v2 .cr-head em{font-style:normal;color:#6f6f6f;font-size:13px;}
body.home-v2 .cr-track{position:relative;height:10px;border-radius:5px;background:#e6e6e6;margin:6px 0;display:block;}
body.home-v2 .cr-track i{position:absolute;top:-3px;width:16px;height:16px;border-radius:50%;background:#1F7A3A;border:3px solid #fff;box-sizing:border-box;box-shadow:0 0 0 1px #d0d0d0;}
body.home-v2 .cr-track i.bad{background:#C0392B;}
body.home-v2 .cr-row{justify-content:flex-start;gap:9px;color:#161616;}
body.home-v2 .cr-row::before{content:"";flex:0 0 18px;height:18px;border-radius:50%;background:#E4F4EA center/11px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l3 3 5-6' fill='none' stroke='%231F7A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
body.home-v2 .cr-row.bad::before{background:#FDE7E4 center/10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 3l6 6M9 3l-6 6' fill='none' stroke='%23C0392B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");}
body.home-v2 .cr-score{margin-top:2px;padding:7px 12px;border-radius:8px;background:#161616;color:#fff;}
body.home-v2 .cr-score b{font-size:18px;color:#FF8A5C;}
body.home-v2 .cap-armed .cr-item{opacity:0;}
body.home-v2 .cap-armed.play .cr-item{animation:cb-in .32s ease both;animation-delay:var(--d);}
/* бонусы: свои иллюстрации */
body.home-v2 .bonus-card img.bonus-ill{width:112px;height:112px;object-fit:contain;filter:none;}
/* футер: все шесть колонок в один ряд */
@media(min-width:1100px){
  body.home-v2 .footer-inner{max-width:1360px;}
  body.home-v2 .footer-top{gap:40px;flex-wrap:nowrap;}
  body.home-v2 .footer-brand{flex:0 0 260px;}
  body.home-v2 .footer-nav-cols{flex-wrap:nowrap;gap:28px;justify-content:space-between;}
  body.home-v2 .footer-nav-col{min-width:0;flex:0 1 auto;}
}
/* стеклянная линза под шапкой: контент, уходящий под шапку, преломляется и расщепляется по цветам; у нижней границы смещение = 0 */
body.home-v2 .site-header.is-scrolled{
  background:rgba(255,255,255,.58);
  -webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);
  box-shadow:0 1px 0 rgba(255,90,31,.18),0 2px 0 rgba(70,110,255,.08);
}

/* ===== PERF 2026-10 ===== */
/* дешевле стекло */
body.home-v2 .site-header.is-scrolled{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:rgba(255,255,255,.64);}
@media(max-width:768px){
  body.home-v2 .sticky-cta{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.97);}
}
/* лента и видео вне экрана не анимируются */
body.home-v2 .dw-marquee.is-off .dw-track{animation-play-state:paused;}
body.home-v2 .dw-row{contain:paint;}
/* тяжёлые нижние блоки рисуются только рядом с экраном */
body.home-v2 .case-section,
body.home-v2 .bonuses,
body.home-v2 .seo-text,
body.home-v2 #all-solutions,
body.home-v2 .site-footer{content-visibility:auto;contain-intrinsic-size:auto 900px;}
body.home-v2 #all-solutions{contain-intrinsic-size:auto 1600px;}
body.home-v2 .site-footer{contain-intrinsic-size:auto 800px;}
/* уровни деградации (включаются сами при медленных кадрах / на слабых устройствах) */
html.perf-lite body.home-v2 .hdr-lens{display:none!important;}
html.perf-lite body.home-v2 .site-header.is-scrolled{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.94);}
html.perf-lite2 body.home-v2 .dw-lens{display:none!important;}
html.perf-lite2 body.home-v2 .dw-row{
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 clamp(48px,10vw,160px),#000 calc(100% - clamp(48px,10vw,160px)),transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 clamp(48px,10vw,160px),#000 calc(100% - clamp(48px,10vw,160px)),transparent 100%);
}
@media(prefers-reduced-motion:reduce){body.home-v2 .hdr-lens{display:none!important;}}
/* ===== DEMO WALL GL 2026-10 ===== */
body.home-v2 .dw-gl-canvas{position:absolute;left:0;top:0;display:none;pointer-events:none;z-index:2;}
body.home-v2 .dw-marquee.dw-gl .dw-gl-canvas{display:block;}
body.home-v2 .dw-marquee.dw-gl .dw-row{opacity:0;pointer-events:none;}
body.home-v2 .dw-marquee.dw-gl .dw-track{animation-play-state:paused!important;}
body.home-v2 .dw-marquee.dw-gl .dw-lens{display:none!important;}
/* ===== /DEMO WALL GL ===== */
/* ===== GUIDE MODAL 2026-10 ===== */
.gm[hidden]{display:none}
.gm{position:fixed;inset:0;z-index:2000;background:rgba(10,10,12,.55);display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.gm-box{position:relative;background:#fff;border-radius:20px;max-width:440px;width:100%;padding:32px 28px 24px;box-shadow:0 24px 80px rgba(0,0,0,.3)}
.gm-x{position:absolute;top:10px;right:14px;border:0;background:none;font-size:30px;line-height:1;color:#777;cursor:pointer;padding:6px}
.gm h3{margin:0 0 6px;font-size:24px;font-weight:700;color:#161616}
.gm-sub{margin:0 0 18px;color:#6b6f76;font-size:15px}
.gm-tabs{display:flex;gap:8px;margin-bottom:12px}
.gm-tabs label{flex:1;text-align:center;padding:11px 8px;border:1px solid #d9d9d9;border-radius:10px;cursor:pointer;font-weight:600;font-size:15px;color:#161616}
.gm-tabs label.on{border-color:#FF5A1F;background:#fff1ea;color:#FF5A1F}
.gm-tabs input{position:absolute;opacity:0;pointer-events:none}
.gm-in{width:100%;box-sizing:border-box;padding:14px 16px;font-size:17px;border:1px solid #cfcfcf;border-radius:10px;font-family:inherit}
.gm-in:focus{outline:2px solid #FF5A1F;outline-offset:1px;border-color:#FF5A1F}
.gm-err{color:#c62828;font-size:14px;margin:8px 0 0}
.gm-go{width:100%;margin-top:14px;padding:15px}
.gm-legal{font-size:12px;color:#8a8d93;margin:12px 0 0;line-height:1.5}
.gm-legal a{color:#8a8d93;text-decoration:underline}
.gm-ok p{color:#444;font-size:16px;line-height:1.55;margin:0 0 18px}
body.gm-lock{overflow:hidden}