:root{
  --bg:#e9e1d7;
  --bg-soft:#f3ede6;
  --panel:rgba(255,255,255,.90);
  --panel-strong:#fffaf6;
  --line:#e7ddd1;
  --line-strong:#d8cab8;
  --text:#1f1a17;
  --muted:#6e6358;
  --muted-2:#93877b;
  --accent:#1f1b18;
  --accent-2:#6d5a49;
  --highlight:#5f4b3c;
  --highlight-soft:#f1e1d3;
  --shadow:0 18px 40px rgba(40,32,22,.08);
  --shadow-soft:0 10px 24px rgba(40,32,22,.05);
  --radius:28px;
  --max:1180px;

  /* Unified 4-level typography scale */
  --type-main: clamp(32px, 4.6vw, 60px); /* главный: H1/H2 */
  --type-lead: clamp(20px, 2vw, 28px); /* подзаголовки/акцентные строки */
  --type-base: 16px; /* основной текст */
  --type-small: 13px; /* служебные элементы */
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  
  font-size:var(--type-base);
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.75), transparent 24%),
    radial-gradient(circle at 84% 10%, rgba(255,255,255,.55), transparent 18%),
    linear-gradient(180deg,#ece4da 0%,#e5dccf 54%,#ece5dc 100%);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
.wrap{width:min(calc(100% - 28px), var(--max)); margin:0 auto}
.noise{position:fixed; inset:0; pointer-events:none; opacity:.05; background-image:radial-gradient(#000 .5px, transparent .5px); background-size:12px 12px; z-index:-2}
.orb,.orb2{position:fixed; z-index:-1; border-radius:999px; filter:blur(62px); pointer-events:none; opacity:.34}
.orb{width:320px; height:320px; left:-90px; top:90px; background:#d9ccbc}
.orb2{width:290px; height:290px; right:-70px; top:260px; background:#cdbba7}

.topbar{position:sticky; top:0; z-index:70; background:rgba(233,225,215,.84); backdrop-filter:blur(18px); border-bottom:1px solid rgba(31,26,23,.06)}
.topbar-inner{min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:18px}
.brand strong{display:block; font-size:var(--type-base); letter-spacing:-.04em;}
.brand span{display:block; margin-top:4px; font-size:var(--type-small); color:var(--muted-2);}
.nav{display:flex; gap:22px; flex-wrap:wrap; font-size:var(--type-base); color:var(--muted);}
.nav a{position:relative; padding:4px 0}
.nav a::after{content:""; position:absolute; left:0; right:100%; bottom:0; height:1.5px; background:var(--text); transition:right .2s ease}
.nav a:hover::after,.nav a.active::after{right:0}
.nav a.active{color:var(--text); font-weight:800}
.nav-toggle{display:none; width:46px; height:46px; border:none; border-radius:14px; background:rgba(255,255,255,.92); border:1px solid var(--line); color:var(--accent); font-size:var(--type-base); line-height:1; cursor:pointer; box-shadow:var(--shadow-soft);}
.mobile-nav{display:none; padding:0 0 14px}
.mobile-nav-inner{display:grid; gap:8px; padding:12px; border-radius:24px; background:rgba(255,255,255,.94); border:1px solid var(--line); box-shadow:var(--shadow)}
.mobile-nav a{padding:14px 16px; border-radius:16px; font-size:var(--type-base); font-weight:700; color:var(--muted);}
.mobile-nav a.active,.mobile-nav a:hover{background:rgba(109,90,73,.08); color:var(--text)}
.mobile-nav.open{display:block}

.hero{padding:46px 0 24px}
.hero-grid{display:grid; grid-template-columns:1.02fr .98fr; gap:22px; align-items:start}
.eyebrow{display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.78); box-shadow:var(--shadow-soft); font-size:var(--type-small); color:var(--muted);}
.dot{width:8px; height:8px; border-radius:50%; background:var(--accent-2)}
h1{margin:18px 0 10px; max-width:780px; font-size:var(--type-main); line-height:.92; letter-spacing:-.075em;}
.lede{max-width:700px; margin:0; font-size:var(--type-base); line-height:1.76; color:var(--muted);}
.pain-kicker{margin:16px 0 0; font-size:var(--type-base); font-weight:800; color:var(--accent-2);}
.btns{display:flex; gap:12px; flex-wrap:wrap; margin-top:28px}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:54px; padding:0 22px; border-radius:16px; font-size:var(--type-base); font-weight:800; border:1px solid transparent; transition:transform .18s ease, box-shadow .18s ease;}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--accent); color:#fff; box-shadow:0 14px 24px rgba(31,27,24,.16)}
.btn-secondary{background:rgba(255,255,255,.9); border-color:var(--line); color:var(--text)}
.chips,.top-price-row{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px}
.chip,.mini-chip{display:inline-flex; padding:10px 14px; border-radius:999px; border:1px solid var(--line-strong); background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,239,230,.94)); font-size:var(--type-small); color:var(--accent); font-weight:800; box-shadow:0 10px 22px rgba(40,32,22,.07);}

.hero-facts{
  margin-top:24px;
  max-width:660px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(216,202,184,.78);
  box-shadow:0 12px 26px rgba(40,32,22,.045);
}
.hero-facts-title{
  margin-bottom:10px;
  font-size:var(--type-small);
  font-weight:900;
  letter-spacing:.02em;
  color:var(--accent-2);
  text-transform:uppercase;
}
.hero-facts-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 18px;
  margin:0;
  padding:0;
  list-style:none;
}
.hero-facts-list li{
  position:relative;
  padding-left:24px;
  color:#4d4239;
  font-size:var(--type-base);
  line-height:1.45;
  font-weight:700;
}
.hero-facts-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  width:17px;
  height:17px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(95,75,60,.12);
  color:var(--highlight);
  font-size:var(--type-small);
  font-weight:900;
}
.price-chip{
  display:flex; flex-direction:column; gap:5px; min-width:210px; padding:16px 18px; border-radius:22px;
  background:linear-gradient(180deg, #6f5947 0%, #5f4b3c 100%); color:#fff; box-shadow:0 16px 28px rgba(31,27,24,.18)
}
.price-chip strong{font-size:var(--type-lead); line-height:1;}
.price-chip span{font-size:var(--type-small); line-height:1.45; opacity:.94;}
.card{background:var(--panel); border:1px solid rgba(231,221,209,.95); border-radius:var(--radius); box-shadow:var(--shadow); backdrop-filter:blur(10px)}

.hero-side{overflow:hidden}
.hero-media{display:grid; grid-template-columns:1.1fr .9fr; gap:10px; padding:12px}
.hero-main{position:relative; overflow:hidden; border-radius:24px; aspect-ratio:16/10; background:#e7ddd1; cursor:pointer; border:none; padding:0; width:100%; text-align:left}
.hero-media-single{grid-template-columns:1fr}
.hero-main-wide{aspect-ratio:16/9}
.hero-stack{display:grid; gap:10px}
.hero-mini{position:relative; overflow:hidden; border-radius:22px; background:#e7ddd1; cursor:pointer; border:none; padding:0; width:100%; text-align:left}
.hero-mini.top,.hero-mini.bottom{aspect-ratio:16/10}
.hero-main video,.hero-mini video,.case-thumb video,.hero-main img,.hero-mini img,.case-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.hero-main::after,.hero-mini::after,.case-thumb::after{
  content:"▶"; position:absolute; right:14px; bottom:14px; width:52px; height:52px; border-radius:999px; display:grid; place-items:center;
  background:rgba(24,21,18,.82); color:#fff; font-size:var(--type-lead); box-shadow:0 12px 22px rgba(0,0,0,.16)
;}
.hero-badge,.duration{
  position:absolute; left:14px; top:14px; padding:7px 11px; border-radius:999px; background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.45); font-size:var(--type-small); font-weight:800; color:#5b5148
;}
.hero-copy{padding:0 18px 18px}
.hero-copy h3{margin:2px 0 8px; font-size:var(--type-lead); line-height:1.02; letter-spacing:-.045em;}
.hero-copy p{margin:0; font-size:var(--type-base); line-height:1.7; color:var(--muted);}
.proof{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:18px}
.proof-item{padding:15px; border-radius:20px; background:rgba(255,255,255,.9); border:1px solid var(--line); box-shadow:var(--shadow-soft)}
.proof-item strong{display:block; font-size:var(--type-base);}
.proof-item span{display:block; margin-top:5px; font-size:var(--type-small); line-height:1.45; color:var(--muted-2);}
.proof-link{display:flex; flex-direction:column; min-height:146px; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease}
.proof-link:hover{transform:translateY(-2px); border-color:var(--line-strong); background:rgba(255,250,246,.98); box-shadow:0 16px 28px rgba(40,32,22,.10)}
.proof-link em{display:block; margin-top:auto; padding-top:13px; font-size:var(--type-small); line-height:1.35; font-style:normal; font-weight:800; color:var(--accent-2);}

section{padding:42px 0}
.section-head{display:flex; justify-content:space-between; align-items:end; gap:18px; flex-wrap:wrap; margin-bottom:24px}
.kicker{font-size:var(--type-small); letter-spacing:.18em; text-transform:uppercase; color:#8f8376; font-weight:800; margin-bottom:14px;}
.section-title{margin:0; max-width:860px; font-size:var(--type-main); line-height:1.01; letter-spacing:-.058em;}
.section-text{max-width:690px; font-size:var(--type-base); line-height:1.72; color:var(--muted);}

.section-title-readable{
  max-width:780px;
  line-height:1.08;
  letter-spacing:-.038em;
}
.section-title-readable span{
  color:var(--accent-2);
}

.grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.summary-card,.reason-card,.process-card,.offer-card,.info-card,.form-card,.faq-card,.hard-card{padding:24px}
.summary-card h3,.reason-card h3,.offer-card h3,.info-card h3,.hard-card h3{margin:0 0 10px; font-size:var(--type-lead); line-height:1.08; letter-spacing:-.03em;}
.summary-card p,.reason-card p,.offer-card p,.info-card p,.hard-card p{margin:0; font-size:var(--type-base); line-height:1.68; color:var(--muted);}
.link-card{display:flex; flex-direction:column; justify-content:space-between; min-height:210px}
.card-link{margin-top:18px; display:inline-flex; align-items:center; gap:8px; font-weight:800; color:var(--accent-2)}
button.btn{cursor:pointer}
button.card-link{background:none;border:0;padding:0;cursor:pointer;font:inherit;text-align:left}
.format-card-spaced{display:flex;flex-direction:column}
.format-card-spaced .chips{margin-top:auto;padding-top:24px}


.case-grid{display:grid; grid-template-columns:1.08fr .92fr; gap:16px}
.case-side{display:grid; gap:16px}
.case-feature,.case-compact{overflow:hidden}
.case-feature-btn,.case-btn{display:block; width:100%; background:none; border:none; padding:0; text-align:left; cursor:pointer}
.case-thumb{position:relative; background:#eee}
.case-thumb.horizontal{aspect-ratio:16/9}
.case-thumb.vertical{aspect-ratio:9/16}
.case-copy{padding:20px}
.pill{display:inline-flex; padding:8px 12px; border-radius:999px; background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,236,226,.94)); border:1px solid var(--line-strong); font-size:var(--type-small); font-weight:800; color:var(--accent); margin-bottom:12px; box-shadow:0 8px 18px rgba(40,32,22,.06);}
.case-copy h3{margin:0 0 10px; font-size:var(--type-lead); line-height:1.08; letter-spacing:-.035em;}
.case-copy p{margin:0; font-size:var(--type-base); line-height:1.68; color:var(--muted);}
.meta{display:grid; gap:8px; margin-top:14px; font-size:var(--type-small); line-height:1.55; color:var(--muted);}
.meta strong{color:var(--text)}
.case-compact:hover,.case-feature:hover{transform:translateY(-2px); box-shadow:0 22px 36px rgba(52,40,28,.1)}

.process-layout{display:grid; grid-template-columns:1fr 1fr; gap:16px}

.process-scheme-section{padding:18px 0 8px}
.process-scheme-section > .wrap{width:100%; max-width:none; margin:0}
.process-scheme-card{padding:0; overflow:hidden; background:transparent; border:0; border-radius:0; box-shadow:none; backdrop-filter:none}
.process-scheme-scroll{width:100%; overflow-x:auto; border-radius:0; background:linear-gradient(180deg,rgba(255,250,245,.96),rgba(244,233,221,.92))}
.process-scheme-card picture,.process-scheme-card img{display:block}
.process-scheme-card img{width:100%; height:auto; border-radius:0}
.panel{padding:26px}
.steps{display:grid; gap:12px}
.step{display:grid; grid-template-columns:52px 1fr; gap:14px; align-items:start; padding:16px 18px; border-radius:20px; background:rgba(255,255,255,.9); border:1px solid var(--line)}
.num{width:52px; height:52px; border-radius:14px; background:var(--accent); color:#fff; display:grid; place-items:center; font-weight:800}
.step strong{display:block; font-size:var(--type-lead); letter-spacing:-.02em;}
.step p{margin:6px 0 0; font-size:var(--type-base); line-height:1.62; color:var(--muted);}
.info-list{display:grid; gap:12px; margin-top:18px}
.info-item{padding:16px 18px; border-radius:18px; background:rgba(255,255,255,.92); border:1px solid var(--line); font-size:var(--type-base); line-height:1.62; color:var(--muted);}
.info-item strong{display:block; color:var(--text); margin-bottom:6px}

.offer-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.offer-card{
  border:1px solid rgba(152,126,103,.34); box-shadow:0 22px 40px rgba(40,32,22,.12);
  background:linear-gradient(180deg, rgba(255,250,245,.96), rgba(244,233,221,.92))
}
.offer-note{display:inline-flex; padding:9px 13px; border-radius:999px; background:linear-gradient(180deg, #6f5947 0%, #5f4b3c 100%); border:1px solid rgba(91,73,58,.32); font-size:var(--type-small); font-weight:900; letter-spacing:.05em; text-transform:uppercase; color:#fff; margin-bottom:14px; box-shadow:0 10px 20px rgba(40,32,22,.12);}
.offer-price{margin:0 0 12px; font-size:var(--type-lead); line-height:1; letter-spacing:-.04em;}
.offer-lead{margin:0 0 14px; font-size:var(--type-base); line-height:1.68; color:#5a4d43;}
.offer-list{display:grid; gap:10px}
.offer-list div{padding:13px 15px; border-radius:16px; background:rgba(255,255,255,.96); border:1px solid rgba(216,202,184,.92); font-size:var(--type-base); line-height:1.58; color:#4f443c; box-shadow:0 8px 18px rgba(40,32,22,.05);}

.contact-grid{display:grid; grid-template-columns:1.04fr .96fr; gap:16px}
label{display:block; margin-bottom:8px; font-size:var(--type-base); font-weight:700; color:#534a41;}
input,textarea{width:100%; padding:14px 16px; border-radius:18px; border:1px solid var(--line); background:#fff; color:var(--text); outline:none}
textarea{min-height:132px; resize:vertical}
.stack{display:grid; gap:12px}
.contact-link{display:block; padding:16px 18px; border-radius:18px; background:rgba(255,255,255,.92); border:1px solid var(--line); font-weight:800}
.contact-link small{display:block; margin-top:6px; font-size:var(--type-small); color:var(--muted-2); font-weight:600;}
.fast-item{padding:16px 18px; border-radius:18px; background:rgba(255,255,255,.92); border:1px solid var(--line); font-size:var(--type-base); line-height:1.62; color:var(--muted);}
.fast-item strong{display:block; color:var(--text); margin-bottom:6px}

.hard-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px}
.hard-card{
  background:linear-gradient(180deg, rgba(35,31,28,.98), rgba(28,24,22,.96));
  color:#f3ece4;
  border:1px solid rgba(91,73,58,.28);
  box-shadow:0 24px 42px rgba(31,27,24,.18)
}
.hard-card p{color:#d8cec3}
.hard-card .kicker{color:#bca896}
.hard-list{display:grid; gap:10px; margin-top:16px}
.hard-item{padding:14px 16px; border-radius:16px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); font-size:var(--type-base); line-height:1.58; color:#ede5dc;}
.hard-item strong{display:block; margin-bottom:6px; color:#fff}
.hard-note{margin-top:18px; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); font-size:var(--type-base); line-height:1.62; color:#d8cec3;}

.faq{padding:8px}
.faq-item{border-top:1px solid var(--line)}
.faq-item:first-child{border-top:none}
.faq-q{width:100%; background:none; border:none; text-align:left; padding:18px 16px; font-size:var(--type-base); font-weight:800; color:var(--text); cursor:pointer; display:flex; justify-content:space-between; align-items:center;}
.faq-a{display:none; padding:0 16px 18px; font-size:var(--type-base); line-height:1.72; color:var(--muted);}
.faq-item.open .faq-a{display:block}

footer{padding:24px 0 44px}
.footer-card{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:22px}
.footer-brand strong{display:block; font-size:var(--type-base); letter-spacing:-.03em;}
.footer-brand span{display:block; margin-top:6px; font-size:var(--type-small); color:var(--muted-2);}
.footer-links{display:flex; gap:10px; flex-wrap:wrap}
.footer-legal{width:100%; padding-top:16px; margin-top:4px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:8px 14px; font-size:var(--type-small); line-height:1.45; color:var(--muted-2);}
.footer-legal span{white-space:normal}
.floating{position:fixed; right:16px; bottom:16px; z-index:80; display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 18px; border-radius:999px; background:var(--accent); color:#fff; font-weight:800; box-shadow:0 16px 28px rgba(31,27,24,.16)}

.modal{position:fixed; inset:0; background:rgba(16,14,12,.74); display:none; align-items:center; justify-content:center; padding:18px; z-index:100}
.modal.open{display:flex}
.modal-card{width:min(980px,100%); position:relative; border-radius:24px; overflow:hidden; background:#111; box-shadow:0 20px 50px rgba(0,0,0,.35)}
.modal video{width:100%; max-height:72vh; background:#000}
.modal-copy{padding:22px; background:#fff}
.modal-copy h3{margin:0 0 10px; font-size:var(--type-lead); letter-spacing:-.04em;}
.modal-copy p{margin:6px 0; font-size:var(--type-base); line-height:1.72; color:var(--muted);}
.close{position:absolute; right:14px; top:14px; width:42px; height:42px; border:none; border-radius:999px; background:rgba(255,255,255,.18); color:#fff; font-size:var(--type-lead); cursor:pointer;}

.page-hero{padding:46px 0 14px}
.page-hero .section-text{max-width:760px}
.back-link{display:inline-flex; align-items:center; gap:8px; font-size:var(--type-base); font-weight:800; color:var(--accent-2); margin-bottom:14px;}

@media (max-width:1040px){
  .hero-grid,.case-grid,.process-layout,.offer-grid,.contact-grid,.grid-2,.grid-3,.grid-4,.proof,.hard-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .nav{display:none}
  .nav-toggle{display:inline-grid; place-items:center}
  .hero{padding-top:30px}
  h1{font-size:var(--type-main);}
  .hero-media{grid-template-columns:1fr}
  .floating{right:12px; left:12px}
  .price-chip{min-width:100%}

  .hero-facts{padding:15px; border-radius:18px}
  .hero-facts-list{grid-template-columns:1fr; gap:9px}
}


/* SEO additions */
.article-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}
.text-card{padding:28px}
.text-card h2,.text-card h3{margin:0 0 12px;font-size:var(--type-main);line-height:1.05;letter-spacing:-.04em;}
.text-card p,.seo-list li,.faq-a,.article-copy p{font-size:var(--type-base);line-height:1.72;color:var(--muted);}
.seo-list{margin:0;padding-left:20px;display:grid;gap:10px}
.seo-list strong{color:var(--text)}
.cta-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:24px 28px}
.cta-strip p{margin:0;max-width:720px;font-size:var(--type-base);line-height:1.7;color:var(--muted);}
.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.breadcrumbs{font-size:var(--type-small);color:var(--muted-2);margin-bottom:10px;}
.breadcrumbs a{color:var(--accent-2)}
.article-copy{padding:22px}
.article-copy h2{margin:0 0 10px;font-size:var(--type-main);line-height:1.03;letter-spacing:-.04em;}
.article-copy h3{margin:20px 0 10px;font-size:var(--type-lead);line-height:1.1;}
.article-copy ul{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--muted)}
.article-aside{display:grid;gap:16px}
.stat-card{padding:22px}
.stat-card strong{display:block;font-size:var(--type-base);color:var(--text);margin-bottom:6px;}
.note-banner{padding:18px 20px;border-radius:20px;background:rgba(109,90,73,.08);border:1px solid var(--line)}
.note-banner p{margin:0;font-size:var(--type-base);line-height:1.65;color:var(--text);}
.section-link-list{display:grid;gap:12px}
.section-link{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid var(--line);font-weight:800;color:var(--text)}
.section-link small{display:block;margin-top:4px;font-size:var(--type-small);font-weight:600;color:var(--muted-2);}
.faq-card .faq-item{border-top:1px solid var(--line)}
.faq-card .faq-item:first-child{border-top:none}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 0;background:none;border:none;text-align:left;font-size:var(--type-base);font-weight:800;color:var(--text);cursor:pointer;}
.faq-a{display:none;padding:0 0 18px}
.faq-item.open .faq-a{display:block}
.form-note{font-size:var(--type-base);line-height:1.6;color:var(--muted);}
.form-note.error{color:#8a423d}
.form-note.success{color:#2b6840}
.inline-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.case-intro{display:grid;grid-template-columns:1.04fr .96fr;gap:16px}
.video-card{overflow:hidden}
.video-card video,.video-card img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
.article-body{display:grid;gap:16px}
.service-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(109,90,73,.08);border:1px solid var(--line-strong);font-size:var(--type-small);font-weight:800;color:var(--accent);}
.footer-links a.mini-chip{display:inline-flex}
.mini-chip-icon{align-items:center; gap:10px; min-height:42px}
.mini-chip-icon-svg,.contact-icon{display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 18px}
.mini-chip-icon-svg svg,.contact-icon svg{width:100%; height:100%; display:block}
.contact-link-icon{display:grid; gap:8px}
.contact-link-head{display:inline-flex; align-items:center; gap:10px}
@media (max-width: 980px){
  .hero-grid,.process-layout,.contact-grid,.case-grid,.article-grid,.case-intro{grid-template-columns:1fr}
  .proof,.grid-2,.grid-3,.grid-4,.offer-grid,.hard-grid,.seo-grid,.inline-cards{grid-template-columns:1fr}
  .hero-media{grid-template-columns:1fr}
}


.policy-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}
.policy-card{padding:26px}
.policy-card h2{margin:0 0 14px;font-size:var(--type-main);line-height:1.05;letter-spacing:-.04em;}
.policy-card h3{margin:22px 0 10px;font-size:var(--type-lead);line-height:1.12;letter-spacing:-.02em;}
.policy-card p,.policy-card li{font-size:var(--type-base);line-height:1.72;color:var(--muted);}
.policy-card ul{margin:0;padding-left:20px;display:grid;gap:8px}
.policy-card strong{color:var(--text)}
.policy-note{padding:18px 20px;border-radius:20px;background:rgba(109,90,73,.08);border:1px solid var(--line)}
.policy-note p{margin:0;color:var(--text);font-size:var(--type-base);line-height:1.65;}
.policy-meta{display:grid;gap:12px}
.policy-meta .info-item{margin:0}
.consent-block{display:grid;gap:10px}
.consent-check{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid var(--line);font-size:var(--type-small);line-height:1.6;color:var(--muted);}
.consent-check input{width:18px;height:18px;flex:0 0 18px;margin-top:2px}
.consent-check a{color:var(--accent-2);font-weight:800}
.form-note a{color:var(--accent-2);font-weight:800}



/* Cartoon story format */
.story-section{padding-top:32px}
.story-layout{align-items:stretch}
.story-card p{margin:0 0 12px}
.story-video-card{overflow:hidden; max-width:520px; width:100%; justify-self:center}
.story-thumb{max-height:680px; background:#191714}
.story-thumb video{object-fit:cover}
.addon-price-card{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;background:linear-gradient(180deg,rgba(255,250,245,.96),rgba(244,233,221,.92));border:1px solid rgba(152,126,103,.34)}
.addon-price-card h2{margin:0 0 12px;font-size:var(--type-main);line-height:1.02;letter-spacing:-.05em;}
.addon-price-card p{margin:0;font-size:var(--type-base);line-height:1.72;color:var(--muted);}
.addon-price-list{display:grid;gap:10px}
.addon-price-list div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.addon-price-list strong{display:block;margin-bottom:5px;color:var(--text)}
.addon-price-list span{display:block;font-size:var(--type-base);line-height:1.58;color:var(--muted);}
@media (max-width:980px){
  .addon-price-card{grid-template-columns:1fr}
  .story-video-card{max-width:420px}
}


/* Company materials explainer video */
.materials-showcase-section{padding-top:24px}
.materials-showcase{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;align-items:stretch}
.materials-showcase-reverse{grid-template-columns:.92fr 1.08fr}
.materials-video-card{overflow:hidden;align-self:center;background:linear-gradient(180deg,rgba(35,31,28,.98),rgba(28,24,22,.96));border-color:rgba(91,73,58,.28)}
.materials-thumb{height:auto;min-height:0;background:#171512}
.materials-thumb video{object-fit:cover}
.materials-copy{display:flex;flex-direction:column;justify-content:center}
.materials-copy .seo-list{margin-top:10px}
.materials-meta{margin-top:0}
@media (max-width:980px){
  .materials-showcase,.materials-showcase-reverse{grid-template-columns:1fr}
  .materials-thumb{min-height:0}
}


@media (max-width:720px){
  .process-scheme-section{padding-top:12px}
  .process-scheme-card{padding:0; border-radius:0}
  .process-scheme-card img{min-width:880px; border-radius:0}
}


/* Quote page start guide */
.start-guide{
  margin-top:22px;
  padding:22px;
  background:linear-gradient(180deg, rgba(255,250,241,.96) 0%, rgba(250,241,228,.94) 100%);
  border:1px solid rgba(116,74,42,.14);
  box-shadow:0 18px 48px rgba(31,24,18,.08);
}
.start-guide-head h2{
  margin:0;
  font-size:var(--type-main);
}
.start-guide-head p{
  margin:8px 0 0;
  color:#62564d;
  max-width:720px;
}
.start-guide-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.start-guide-card{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(116,74,42,.12);
  box-shadow:0 8px 22px rgba(31,24,18,.05);
}
.start-guide-card strong{
  display:block;
  margin:0 0 6px;
  font-size:var(--type-lead);
  color:#1e1713;
}
.start-guide-card p{
  margin:0;
  color:#5f5248;
  line-height:1.5;
}
.start-guide-icon{
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 10px 20px rgba(31,24,18,.08);
}
.start-guide-icon svg{
  width:24px;
  height:24px;
}
.start-guide-icon-link{
  color:#8b4f10;
  background:linear-gradient(135deg, rgba(255,210,95,.95), rgba(255,170,70,.9));
}
.start-guide-icon-materials{
  color:#7a3417;
  background:linear-gradient(135deg, rgba(255,187,145,.95), rgba(245,130,92,.9));
}
.start-guide-icon-task{
  color:#215c4b;
  background:linear-gradient(135deg, rgba(156,230,212,.95), rgba(92,192,170,.9));
}
.start-guide-note{
  margin-top:16px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(116,74,42,.12);
  color:#3f352e;
  font-weight:600;
}
@media (max-width: 900px){
  .start-guide-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px){
  .start-guide{
    padding:18px;
    margin-top:18px;
  }
  .start-guide-card{
    padding:14px;
    border-radius:16px;
  }
  .start-guide-icon{
    width:44px;
    height:44px;
    border-radius:12px;
  }
}


.home-start-scheme-section{padding-top:12px; padding-bottom:8px}


/* Home page reason cards icons */
.reason-card h3{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.reason-card h3::before{
  content:"";
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:14px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:22px 22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 10px 20px rgba(31,24,18,.08);
}
.grid-4 .reason-card:nth-child(1) h3::before{
  background-color:rgba(210,183,150,.32);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23704f3b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5h15v4.25A1.25 1.25 0 0 1 18.25 18h-12.5A1.25 1.25 0 0 1 4.5 16.75V12.5Z'/%3E%3Cpath d='M6.5 12.5V9.75A2.75 2.75 0 0 1 9.25 7h5.5a2.75 2.75 0 0 1 2.75 2.75v2.75'/%3E%3Cpath d='M7.5 18v-2.5M16.5 18v-2.5'/%3E%3C/g%3E%3C/svg%3E");
}
.grid-4 .reason-card:nth-child(2) h3::before{
  background-color:rgba(213,170,118,.28);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%236a4b37' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 20.5h17'/%3E%3Cpath d='M4.5 20.5V9.5l4-3v14'/%3E%3Cpath d='M8.5 20.5V6.5l4 2v12'/%3E%3Cpath d='M12.5 20.5v-9l4-3v12'/%3E%3Cpath d='M16.5 20.5v-7l4 2v5'/%3E%3Cpath d='M6.75 12.2h.01M10.75 10.2h.01M14.75 13.2h.01'/%3E%3C/g%3E%3C/svg%3E");
}
.grid-4 .reason-card:nth-child(3) h3::before{
  background-color:rgba(170,190,176,.32);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%233f5d53' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 15.5h10.5V8.75a1.25 1.25 0 0 1 1.25-1.25h2.45L21 11v4.5h-1.5'/%3E%3Cpath d='M13.5 15.5h1.5M7 17.75a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0Zm13 0a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0Z'/%3E%3Cpath d='M17.25 7.5V11H21'/%3E%3C/g%3E%3C/svg%3E");
}
.grid-4 .reason-card:nth-child(4) h3::before{
  background-color:rgba(191,171,205,.28);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%235c4a70' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.75 6.5h14.5A1.75 1.75 0 0 1 21 8.25v7.5a1.75 1.75 0 0 1-1.75 1.75H9l-3.75 2v-2H4.75A1.75 1.75 0 0 1 3 15.75v-7.5A1.75 1.75 0 0 1 4.75 6.5Z'/%3E%3Cpath d='m10 10 4 2-4 2v-4Z'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 640px){
  .reason-card h3::before{
    flex-basis:38px;
    width:38px;
    height:38px;
    border-radius:12px;
    background-size:20px 20px;
  }
}

/* Final adaptive hardening */
img,video,svg{max-width:100%}
button,input,textarea,select{min-width:0}
.card,.btn,.chip,.mini-chip,.section-link,.contact-link,.fast-item,.info-item,.hard-item{overflow-wrap:break-word}
h1,h2,h3,.section-title,.hero-copy h3,.case-copy h3{overflow-wrap:break-word}
.section-title-readable span{color:inherit !important}
.process-scheme-scroll{-webkit-overflow-scrolling:touch; scrollbar-width:thin}
.process-scheme-section{overflow:hidden}

@media (min-width:721px) and (max-width:1040px){
  .grid-3,.grid-4,.offer-grid,.hard-grid,.proof,.seo-grid,.inline-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-grid,.case-grid,.process-layout,.contact-grid,.article-grid,.case-intro,.materials-showcase,.materials-showcase-reverse{grid-template-columns:1fr}
  .story-video-card{max-width:520px; justify-self:center}
}

@media (max-width:720px){
  body{padding-bottom:72px;font-size:var(--type-base);}
  .wrap{width:min(calc(100% - 24px), var(--max))}
  .topbar-inner{min-height:66px}
  .brand strong{font-size:var(--type-base);}
  .brand span{display:none}
  section{padding:30px 0}
  .page-hero{padding:34px 0 10px}
  .hero{padding:28px 0 18px}
  h1{font-size:var(--type-main); line-height:1; letter-spacing:-.055em;}
  .section-title{font-size:var(--type-main); line-height:1.08; letter-spacing:-.045em;}
  .section-title-readable{line-height:1.1; letter-spacing:-.035em}
  .lede,.section-text,.cta-strip p{font-size:var(--type-base); line-height:1.64;}
  .btns{gap:10px; margin-top:22px}
  .hero .btns .btn,.cta-strip .btns,.cta-strip .btn{width:100%}
  .btn{min-height:50px; padding:0 18px; border-radius:15px}
  .chip,.mini-chip{font-size:var(--type-small); padding:9px 12px;}
  .card{border-radius:22px}
  .summary-card,.reason-card,.process-card,.offer-card,.info-card,.form-card,.faq-card,.hard-card,.text-card,.stat-card,.policy-card,.article-copy{padding:20px}
  .hero-media{padding:10px}
  .hero-main,.hero-mini{border-radius:18px}
  .hero-copy{padding:0 16px 16px}
  .hero-copy h3{font-size:var(--type-lead); line-height:1.08; letter-spacing:-.035em;}
  .hero-copy p{font-size:var(--type-base); line-height:1.62;}
  .hero-main::after,.hero-mini::after,.case-thumb::after{width:44px; height:44px; right:11px; bottom:11px; font-size:var(--type-lead);}
  .hero-badge,.duration{left:11px; top:11px; font-size:var(--type-small); padding:6px 9px;}
  .case-copy{padding:16px}
  .case-copy h3{font-size:var(--type-lead); line-height:1.12;}
  .case-copy p,.meta{font-size:var(--type-small); line-height:1.58;}
  .meta{gap:7px}
  .case-thumb.vertical{aspect-ratio:4/5}
  .case-thumb.client-thumb-phone{aspect-ratio:9/16}
  .story-thumb{max-height:none}
  .story-video-card{max-width:100%; width:100%}
  .materials-thumb{min-height:0}
  .addon-price-card{padding:20px}
  .addon-price-card h2{font-size:var(--type-main); line-height:1.08;}
  .start-guide{padding:18px; border-radius:22px}
  .start-guide-card{gap:12px}
  .start-guide-card strong{font-size:var(--type-lead);}
  .start-guide-card p{font-size:var(--type-base); line-height:1.55;}
  .section-link{padding:14px 15px; align-items:flex-start; border-radius:16px}
  .section-link small{font-size:var(--type-small); line-height:1.45;}
  .contact-link,.fast-item,.info-item,.hard-item{padding:14px 15px; border-radius:16px}
  input,textarea{font-size:var(--type-base); border-radius:16px;}
  .faq-q{gap:14px; padding:17px 0; line-height:1.35}
  .faq-a{font-size:var(--type-base); line-height:1.65;}
  .modal{padding:10px}
  .modal-card{border-radius:18px}
  .modal video{max-height:58vh}
  .modal-copy{padding:16px}
  .modal-copy h3{font-size:var(--type-lead); line-height:1.12;}
  .close{width:38px; height:38px; right:10px; top:10px}
  .footer-card{padding:18px; border-radius:22px}
  .floating{right:12px; left:12px; bottom:10px; min-height:52px}
}

@media (max-width:430px){
  .wrap{width:min(calc(100% - 20px), var(--max))}
  .hero-facts{padding:14px}
  .hero-facts-list li{font-size:var(--type-base); line-height:1.42;}
  .summary-card,.reason-card,.process-card,.offer-card,.info-card,.form-card,.faq-card,.hard-card,.text-card,.stat-card,.policy-card,.article-copy{padding:18px}
  .case-copy{padding:15px}
  .pill{font-size:var(--type-small); padding:7px 10px;}
  .process-scheme-card img{min-width:760px}
  .cta-strip{padding:20px}
  .offer-price{font-size:var(--type-lead);}
  .reason-card h3{gap:10px}
  .reason-card h3::before{flex-basis:36px; width:36px; height:36px; border-radius:12px; background-size:19px 19px}
}

@media (max-width:860px){
  .nav{display:none}
  .nav-toggle{display:inline-grid; place-items:center}
  .topbar-inner{min-height:66px}
}


/* Furniture kitchen vertical example */
.furniture-video-card{max-width:420px;width:100%;justify-self:center}
.case-thumb.furniture-thumb{aspect-ratio:9/16;background:#171512}
.furniture-thumb img{object-fit:cover;object-position:center center;background:#171512}
@media (max-width:720px){
  .furniture-video-card{max-width:100%}
  .case-thumb.furniture-thumb{aspect-ratio:9/16}
}

/* InCar client example */
.client-example-section{padding-top:18px}
.client-showcase{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:16px;align-items:center}
.client-video-card{overflow:hidden;align-self:center;justify-self:center;width:min(100%,420px);background:linear-gradient(180deg,rgba(35,31,28,.98),rgba(28,24,22,.96));border-color:rgba(91,73,58,.28)}
.client-thumb{height:auto;min-height:0;background:#171512}
.client-thumb img{object-fit:cover;background:#171512}
.case-thumb.client-thumb-phone{aspect-ratio:9/16}
.client-thumb-phone img{object-position:center center}
.client-copy{display:flex;flex-direction:column;justify-content:center}
.client-meta{margin-top:14px}
.client-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}

.home-client-example{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:16px;align-items:stretch;padding:16px;margin-bottom:16px;background:linear-gradient(180deg,rgba(255,250,246,.96),rgba(244,233,221,.92))}
.home-client-copy{display:flex;flex-direction:column;justify-content:center;padding:6px 4px 6px 8px}
.home-client-copy h3{margin:0 0 8px;font-size:var(--type-lead);line-height:1.08;letter-spacing:-.035em;}
.home-client-copy p{margin:0;max-width:720px;font-size:var(--type-base);line-height:1.64;color:var(--muted);}
.home-client-actions{margin-top:16px}
.home-client-media{position:relative;display:block;width:100%;min-height:0;aspect-ratio:4/5;border:none;padding:0;border-radius:22px;overflow:hidden;background:#171512;cursor:pointer;box-shadow:0 16px 34px rgba(31,27,24,.16)}
.home-client-media img{width:100%;height:100%;object-fit:cover;display:block}
.home-client-media::after{content:"▶";position:absolute;right:12px;bottom:12px;width:46px;height:46px;border-radius:999px;display:grid;place-items:center;background:rgba(24,21,18,.82);color:#fff;font-size:var(--type-lead);box-shadow:0 12px 22px rgba(0,0,0,.16);}

@media (max-width:980px){
  .client-showcase,.home-client-example{grid-template-columns:1fr}
  .client-thumb{min-height:0}
  .home-client-media{max-width:360px;justify-self:center}
}
@media (max-width:720px){
  .client-actions .btn,.home-client-actions .btn{width:100%}
  .home-client-example{padding:14px;border-radius:22px}
  .home-client-copy{padding:6px 4px 4px}
  .home-client-media{max-width:100%}
}

/* Talking product / character short video */
.character-example-section{padding-top:18px}
.character-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:16px;align-items:stretch}
.character-copy{display:flex;flex-direction:column;justify-content:center}
.character-video-card{overflow:hidden;max-width:380px;width:100%;justify-self:end;background:linear-gradient(180deg,rgba(35,31,28,.98),rgba(28,24,22,.96));border-color:rgba(91,73,58,.28)}
.character-thumb{max-height:600px;background:#171512}
.character-thumb img{object-fit:cover;background:#171512}
.character-meta{margin-top:14px}
@media (max-width:980px){
  .character-showcase{grid-template-columns:1fr}
  .character-video-card{justify-self:center;max-width:360px}
}
@media (max-width:720px){
  .character-video-card{max-width:100%}
  .character-thumb{max-height:none}
}


/* Examples v3: compact dark portfolio grid */
.examples-v3-page .examples-v3-hero{padding-bottom:18px}
.examples-v3-page .examples-v3-quickbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.examples-v3-page .examples-v3-quick{
  appearance:none;border:1px solid rgba(160,130,96,.38);border-radius:999px;padding:12px 16px;
  background:linear-gradient(180deg,rgba(39,34,30,.98),rgba(24,21,19,.98));color:#fff;
  font:inherit;font-size:var(--type-small);font-weight:900;letter-spacing:.01em;cursor:pointer;
  box-shadow:0 12px 24px rgba(31,24,18,.12);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.examples-v3-page .examples-v3-quick:hover{transform:translateY(-1px);border-color:rgba(217,166,85,.62);box-shadow:0 18px 30px rgba(31,24,18,.18)}
.examples-v3-page .examples-v3-section{padding:30px 0}
.examples-v3-page .examples-v3-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.examples-v3-page .examples-v3-head p{margin:0;max-width:520px;color:var(--muted);font-size:var(--type-base);line-height:1.64;}
.examples-v3-page .examples-v3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.examples-v3-page .examples-v3-card{overflow:hidden;border-radius:28px;background:linear-gradient(180deg,rgba(35,31,28,.98),rgba(22,20,18,.98));border:1px solid rgba(110,88,66,.42);box-shadow:0 24px 46px rgba(31,24,18,.18);min-height:100%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.examples-v3-page .examples-v3-card:hover{transform:translateY(-2px);border-color:rgba(219,170,92,.55);box-shadow:0 28px 52px rgba(31,24,18,.24)}
.examples-v3-page .examples-v3-card-btn{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.examples-v3-page .examples-v3-media{position:relative;height:218px;background:#151311;overflow:hidden}
.examples-v3-page .examples-v3-card-wide .examples-v3-media{height:240px}
.examples-v3-page .examples-v3-card-portrait .examples-v3-media{height:300px}
.examples-v3-page .examples-v3-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;filter:saturate(1.02) contrast(1.02)}
.examples-v3-page .examples-v3-img-focus-top{object-position:center 18%}
.examples-v3-page .examples-v3-img-lesha{object-position:center 36%}
.examples-v3-page .examples-v3-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.52));pointer-events:none}
.examples-v3-page .examples-v3-duration{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(17,15,13,.78);color:#fff;font-size:var(--type-small);font-weight:900;box-shadow:0 10px 18px rgba(0,0,0,.18);backdrop-filter:blur(8px);}
.examples-v3-page .examples-v3-play{position:absolute;right:14px;bottom:14px;z-index:2;width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,#f4bd62,#c98128);color:#201711;font-size:var(--type-lead);font-weight:900;box-shadow:0 16px 28px rgba(0,0,0,.28);}
.examples-v3-page .examples-v3-info{display:flex;flex-direction:column;gap:10px;flex:1;padding:19px 20px 20px;background:radial-gradient(circle at top right,rgba(230,171,83,.11),transparent 42%)}
.examples-v3-page .examples-v3-label{display:inline-flex;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;background:rgba(238,190,109,.12);border:1px solid rgba(238,190,109,.22);color:#f2c677;font-size:var(--type-small);font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.examples-v3-page .examples-v3-info h3{margin:0;color:#fff;font-size:var(--type-lead);line-height:1.08;letter-spacing:-.035em;}
.examples-v3-page .examples-v3-info p{margin:0;color:#d6c9bc;font-size:var(--type-base);line-height:1.56;}
.examples-v3-page .examples-v3-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:5px}
.examples-v3-page .examples-v3-tags span{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:#f4ede6;font-size:var(--type-small);font-weight:800;}
.examples-v3-page .examples-v3-cta{background:linear-gradient(180deg,rgba(35,31,28,.98),rgba(22,20,18,.98));border-color:rgba(110,88,66,.42);color:#fff}
.examples-v3-page .examples-v3-cta p{color:#e4d9ce}
.examples-v3-page .examples-v3-bottom-section{padding-top:18px}
@media (max-width:1040px){
  .examples-v3-page .examples-v3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .examples-v3-page .examples-v3-head{align-items:flex-start;flex-direction:column}
}
@media (max-width:720px){
  .examples-v3-page .examples-v3-quickbar{gap:8px;margin-top:18px}
  .examples-v3-page .examples-v3-quick{flex:1 1 calc(50% - 8px);text-align:center;padding:11px 12px;font-size:var(--type-small);}
  .examples-v3-page .examples-v3-grid{grid-template-columns:1fr;gap:14px}
  .examples-v3-page .examples-v3-media,.examples-v3-page .examples-v3-card-wide .examples-v3-media{height:205px}
  .examples-v3-page .examples-v3-card-portrait .examples-v3-media{height:250px}
  .examples-v3-page .examples-v3-info{padding:17px}
  .examples-v3-page .examples-v3-info h3{font-size:var(--type-lead);}
  .examples-v3-page .examples-v3-section{padding:24px 0}
}

/* Responsive stability pass: iOS / Android / desktop */
html{
  width:100%;
  max-width:100%;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overflow-x:hidden;
}
body{
  width:100%;
  max-width:100%;
  min-width:320px;
  overscroll-behavior-x:none;
font-size:var(--type-base);}
main,section,header,footer,.wrap,.card,
.hero-grid,.case-grid,.process-layout,.offer-grid,.contact-grid,.article-grid,.case-intro,
.policy-layout,.materials-showcase,.materials-showcase-reverse,.client-showcase,.home-client-example,
.character-showcase,.grid-2,.grid-3,.grid-4,.hard-grid,.seo-grid,.inline-cards,.proof,
.hero-grid > *,.case-grid > *,.process-layout > *,.offer-grid > *,.contact-grid > *,
.article-grid > *,.case-intro > *,.policy-layout > *,.materials-showcase > *,
.materials-showcase-reverse > *,.client-showcase > *,.home-client-example > *,
.character-showcase > *,.grid-2 > *,.grid-3 > *,.grid-4 > *,.hard-grid > *,
.seo-grid > *,.inline-cards > *,.proof > *{
  min-width:0;
}
img,video,canvas,iframe,svg{
  max-width:100%;
  height:auto;
}
video{
  display:block;
}
a,p,li,span,small,strong,em,h1,h2,h3,.section-title,.lede,.section-text,
.case-copy,.hero-copy,.examples-v3-page .examples-v3-info{
  overflow-wrap:break-word;
  word-break:normal;
}
.topbar{
  -webkit-backdrop-filter:blur(18px);
}
.nav-toggle{
  flex:0 0 46px;
  touch-action:manipulation;
}
.mobile-nav{
  width:100%;
}
.mobile-nav-inner{
  max-height:calc(100dvh - 92px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.open-video,.examples-v3-card-btn,.hero-main,.hero-mini,.case-feature-btn,.case-btn,
.home-client-media{
  touch-action:manipulation;
}
.modal{
  min-height:100dvh;
}
.modal-card{
  max-height:calc(100dvh - 24px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.modal video{
  display:block;
  height:auto;
}
.process-scheme-scroll{
  max-width:100%;
}
.process-scheme-card img{
  max-width:none;
}
@supports (padding:max(0px)){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);font-size:var(--type-base);}
  .floating{bottom:max(10px, env(safe-area-inset-bottom))}
}

@media (max-width:1040px){
  .topbar-inner{gap:12px}
  .brand{min-width:0}
  .brand strong{white-space:normal}
}

@media (max-width:860px){
  .topbar{position:sticky}
  .topbar-inner{align-items:center}
  .mobile-nav.open{display:block}
}

@media (max-width:720px){
  .wrap{width:min(calc(100% - 24px), var(--max))}
  .eyebrow{max-width:100%;align-items:flex-start;white-space:normal}
  .btns{width:100%}
  .btns .btn{flex:1 1 100%;width:100%}
  .section-head{align-items:flex-start}
  .hero-side,.case-feature,.case-compact,.video-card,.materials-video-card,
  .client-video-card,.character-video-card,.examples-v3-page .examples-v3-card{
    overflow:hidden;
  }
  .home-client-example{grid-template-columns:1fr !important}
  .home-client-media{width:100%;max-width:420px;margin:0 auto}
  .examples-v3-page .examples-v3-quick{min-width:0;white-space:normal;line-height:1.25}
  .examples-v3-page .examples-v3-label{width:auto;max-width:100%;white-space:normal}
  .footer-card{align-items:flex-start}
  .footer-links{width:100%}
  .footer-links .mini-chip{flex:1 1 100%;justify-content:center}
  .floating{font-size:var(--type-base);padding:0 14px;text-align:center;}
}

@media (max-width:430px){
  .wrap{width:min(calc(100% - 20px), var(--max))}
  h1{font-size:var(--type-main);}
  .section-title{font-size:var(--type-main);}
  .topbar-inner{min-height:62px}
  .nav-toggle{width:42px;height:42px;flex-basis:42px;border-radius:13px}
  .brand strong{font-size:var(--type-base);line-height:1.1;}
  .hero-main::after,.hero-mini::after,.case-thumb::after,
  .home-client-media::after,.examples-v3-page .examples-v3-play{
    width:40px;height:40px;right:10px;bottom:10px;
  }
  .examples-v3-page .examples-v3-quick{flex:1 1 100%}
  .modal{padding:8px}
  .modal-card{max-height:calc(100dvh - 16px)}
  .modal video{max-height:52dvh}
}



/* Advertising-ready homepage additions */
.hero h1{max-width:820px; font-size:var(--type-main); line-height:.94; letter-spacing:-.067em;}
.trust-strip-section{padding:8px 0 32px}
.trust-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px;background:linear-gradient(180deg,rgba(255,250,246,.98),rgba(244,233,221,.94));border-color:rgba(152,126,103,.22)}
.trust-item{padding:16px 14px;border-radius:20px;background:rgba(255,255,255,.82);border:1px solid rgba(216,202,184,.82);box-shadow:0 10px 22px rgba(40,32,22,.045)}
.trust-item strong{display:block;font-size:var(--type-base);line-height:1.15;letter-spacing:-.02em;color:var(--text);}
.trust-item span{display:block;margin-top:7px;font-size:var(--type-base);line-height:1.42;color:var(--muted);}
.materials-included-section{padding-top:34px}
.detail-lists{align-items:stretch}
.detail-list-card{padding:26px;display:flex;flex-direction:column}
.detail-list-card h3{margin:0 0 14px;font-size:var(--type-lead);line-height:1.04;letter-spacing:-.04em;}
.check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.check-list li{position:relative;padding:13px 14px 13px 42px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid rgba(216,202,184,.82);font-size:var(--type-base);line-height:1.55;color:#4f443c;box-shadow:0 8px 18px rgba(40,32,22,.045);}
.check-list li::before{content:"✓";position:absolute;left:14px;top:14px;width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:rgba(95,75,60,.12);color:var(--highlight);font-size:var(--type-small);font-weight:900;}
.home-client-case{grid-template-columns:minmax(0,1fr) 330px}
.case-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.case-points div{padding:14px;border-radius:18px;background:rgba(255,255,255,.86);border:1px solid rgba(216,202,184,.86);box-shadow:0 8px 18px rgba(40,32,22,.04)}
.case-points strong{display:block;margin-bottom:6px;font-size:var(--type-small);color:var(--accent);letter-spacing:.01em;}
.case-points span{display:block;font-size:var(--type-small);line-height:1.48;color:var(--muted);}
.main-examples-grid{margin-bottom:16px}
.extra-format-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;background:linear-gradient(180deg,rgba(255,250,246,.94),rgba(244,233,221,.9));border-style:dashed}
.extra-format-card h3{margin:0 0 8px;font-size:var(--type-lead);line-height:1.08;letter-spacing:-.035em;}
.extra-format-card p{margin:0;max-width:760px;font-size:var(--type-base);line-height:1.64;color:var(--muted);}
.section-link-secondary{opacity:.88;background:rgba(255,255,255,.72)}
@media (max-width:980px){
  .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-client-case{grid-template-columns:1fr}
  .case-points{grid-template-columns:1fr}
  .extra-format-card{display:block}
  .extra-format-card .card-link{margin-top:14px}
}
@media (max-width:700px){
  .hero h1{font-size:var(--type-main);line-height:.98;letter-spacing:-.055em;}
  .trust-strip{grid-template-columns:1fr;padding:12px}
  .trust-strip-section{padding-top:4px;padding-bottom:22px}
  .detail-list-card{padding:20px}
  .check-list li{font-size:var(--type-base);line-height:1.5;}
  .case-points div{padding:13px}
  .extra-format-card{padding:20px}
}

.examples-v3-page .examples-v3-case-detail{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;padding:22px;border-radius:28px;background:linear-gradient(180deg,rgba(255,250,246,.96),rgba(244,233,221,.9));border:1px solid rgba(152,126,103,.28);box-shadow:0 18px 34px rgba(40,32,22,.10)}
.examples-v3-page .examples-v3-case-copy h3{margin:10px 0 8px;font-size:var(--type-lead);line-height:1.06;letter-spacing:-.04em;color:var(--text);}
.examples-v3-page .examples-v3-case-copy p{margin:0;font-size:var(--type-base);line-height:1.62;color:var(--muted);}
.examples-v3-page .examples-v3-case-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.examples-v3-page .examples-v3-case-points div{padding:14px;border-radius:18px;background:rgba(255,255,255,.86);border:1px solid rgba(216,202,184,.86);box-shadow:0 8px 18px rgba(40,32,22,.04)}
.examples-v3-page .examples-v3-case-points strong{display:block;margin-bottom:6px;font-size:var(--type-base);color:var(--accent);}
.examples-v3-page .examples-v3-case-points span{display:block;font-size:var(--type-base);line-height:1.48;color:var(--muted);}
@media (max-width:900px){.examples-v3-page .examples-v3-case-detail{grid-template-columns:1fr}.examples-v3-page .examples-v3-case-points{grid-template-columns:1fr}}


/* Inserted visual blocks: hero mockup + material cards */
.hero-visual-side{overflow:hidden;background:linear-gradient(180deg,rgba(35,31,28,.98),rgba(24,22,20,.96));border-color:rgba(91,73,58,.34);box-shadow:0 24px 44px rgba(31,27,24,.16)}
.hero-visual-picture{display:block;padding:10px 10px 0;background:#11110f}
.hero-visual-picture img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 18px 34px rgba(0,0,0,.26)}
.hero-visual-side .hero-copy{padding:18px 18px 18px;color:#f6eee5}
.hero-visual-side .hero-copy h3{color:#fff5e8}
.hero-visual-side .hero-copy p{color:#d9cec2}
.hero-visual-side .proof-item{background:rgba(255,255,255,.08);border-color:rgba(214,191,154,.18);box-shadow:none}
.hero-visual-side .proof-item strong{color:#fff4e6}
.hero-visual-side .proof-item span{color:#c9bdb1}
.hero-visual-side .proof-link em{color:#e4c994}
.hero-visual-side .proof-link:hover{background:rgba(255,255,255,.11);border-color:rgba(214,191,154,.32);box-shadow:0 16px 28px rgba(0,0,0,.16)}
.materials-visual-layout{display:grid;grid-template-columns:1.16fr .84fr;gap:16px;align-items:stretch}
.materials-picker-card{padding:26px;background:linear-gradient(180deg,rgba(35,31,28,.985),rgba(24,22,20,.965));border-color:rgba(91,73,58,.32);box-shadow:0 24px 44px rgba(31,27,24,.15);color:#f6eee5}
.materials-picker-card .kicker{color:#cdb18a}
.materials-picker-card h3{margin:0 0 16px;font-size:var(--type-lead);line-height:1.04;letter-spacing:-.04em;color:#fff5e8;}
.materials-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.material-card{margin:0;overflow:hidden;border-radius:18px;background:#11110f;border:1px solid rgba(214,191,154,.18);box-shadow:0 12px 24px rgba(0,0,0,.18)}
.material-card img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .22s ease,filter .22s ease}
.material-card:hover img{transform:scale(1.025);filter:brightness(1.08)}
.materials-picker-note{margin:16px 0 0;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(214,191,154,.16);font-size:var(--type-base);line-height:1.58;color:#d9cec2;}
@media (max-width:980px){
  .materials-visual-layout{grid-template-columns:1fr}
  .materials-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:700px){
  .hero-visual-picture{padding:8px 8px 0}
  .hero-visual-picture img{border-radius:18px}
  .materials-picker-card{padding:20px}
  .materials-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .materials-picker-note{font-size:var(--type-base);line-height:1.5;}
}

/* Patch: mobile stability fixes found during device-width audit */
@media (max-width:980px){
  .policy-layout{grid-template-columns:1fr}
}
@media (max-width:700px){
  .examples-v3-page .examples-v3-quick{min-height:44px}
}
@media (max-width:430px){
  .page-hero h1[style]{font-size:var(--type-main);}
}


@media (max-width:720px){
  .home-start-scheme-section > .wrap{width:min(calc(100% - 20px), var(--max)); margin:0 auto}
  .home-start-scheme-section .process-scheme-scroll{overflow:hidden; border-radius:32px}
  .home-start-scheme-section .process-scheme-card img{min-width:0; width:100%; height:auto; display:block}
}

@media (max-width:430px){
  .home-start-scheme-section .process-scheme-card img{min-width:0}
}


/* Homepage section navigation */
.home-section-nav{
  position:relative;
  z-index:1;
  padding:9px 0 10px;
  background:rgba(233,225,215,.92);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  border-top:1px solid rgba(31,26,23,.05);
  border-bottom:1px solid rgba(31,26,23,.06);
  box-shadow:0 10px 22px rgba(40,32,22,.05);
}
.home-section-nav-inner{
  display:flex;
  gap:8px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  scroll-padding-inline:14px;
}
.home-section-nav-inner::-webkit-scrollbar{display:none}
.home-section-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(216,202,184,.9);
  background:rgba(255,255,255,.62);
  color:var(--muted);
  font-size:var(--type-small);
  font-weight:850;
  white-space:nowrap;
  transition:background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.home-section-link:hover,.home-section-link.active{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
  box-shadow:0 10px 20px rgba(31,27,24,.12);
}
.home-scroll-section{scroll-margin-top:calc(var(--home-topbar-height, 76px) + var(--home-section-nav-height, 58px) + 20px)}

@media (max-width:860px){
  .home-section-nav{padding:8px 0}
  .home-section-link{min-height:38px; padding:0 13px}
}

@media (max-width:520px){
  .home-section-nav-inner{width:calc(100% - 16px); margin-left:auto; margin-right:auto}
  .home-section-link{min-height:36px; padding:0 12px}
}