/* главная v2: результат на первом экране, «фото → сказка», мама в сказке, пример целиком */
.land h1{font-size:clamp(34px,4.3vw,56px);line-height:1.05}
.btn.big{font-size:19px;padding:18px 30px;min-height:58px}
.hero2{padding-block:36px 56px;overflow:hidden}
.hero2-grid{display:grid;grid-template-columns:.92fr 1.18fr;gap:36px;align-items:center}
.hero2 .lede{font-size:20px;color:var(--muted);max-width:34ch}
.facts2{list-style:none;padding:0;margin:26px 0 0;display:flex;gap:28px;flex-wrap:wrap}
.facts2 li{display:grid}
.facts2 b{font:900 24px/1.1 Nunito,sans-serif;color:var(--teal)}
.facts2 span{font-size:14.5px;color:var(--muted)}
.hero2-art{position:relative;padding:20px 0 70px 40px}
.blob{position:absolute;inset:-8% -14% 0 8%;background:radial-gradient(closest-side at 40% 45%,#f6dc9a 0,#f6dc9a00 70%),radial-gradient(closest-side at 70% 60%,#cfe3c4 0,#cfe3c400 75%);filter:blur(4px);z-index:0}
.screen{position:relative;z-index:1;margin:0;border-radius:26px;overflow:hidden;box-shadow:0 22px 50px rgba(31,42,30,.22);border:6px solid #fff;background:#000}
.screen video{width:100%;aspect-ratio:16/9;display:block;object-fit:cover}
.screen figcaption{position:absolute;left:12px;top:12px;background:rgba(15,20,14,.6);color:#fff;font-size:13.5px;padding:6px 10px;border-radius:999px}
.polaroid{margin:0;background:#fff;padding:9px 9px 34px;border-radius:6px;box-shadow:0 10px 26px rgba(31,42,30,.22);position:relative;width:min(36%,190px)}
.polaroid img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:2px}
.polaroid figcaption{position:absolute;left:0;right:0;bottom:6px;text-align:center;font:700 19px/1.2 Caveat,"Comic Sans MS",cursive;color:#3b3b3b}
.polaroid::before{content:"";position:absolute;top:-10px;left:50%;width:70px;height:20px;transform:translateX(-50%) rotate(-3deg);background:rgba(226,167,46,.55);border-radius:2px}
.hero2-art .polaroid{position:absolute;left:0;bottom:0;z-index:2}
.tilt-l{transform:rotate(-6deg)}
.tilt-r{transform:rotate(5deg)}
.arrow{position:absolute;z-index:3;left:28%;bottom:34px;width:120px;color:var(--rust)}
.hand{position:absolute;z-index:3;left:calc(28% + 118px);bottom:20px;font:700 28px/1 Caveat,"Comic Sans MS",cursive;color:var(--rust)}
.sec{padding-block:64px}
.sec.alt{background:#eaf0e3}
.head2{max-width:720px;margin-bottom:26px}
.head2 h2{margin-top:6px}
.pairs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pair{margin:0;position:relative}
.pair-art{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}
.pair-photo{position:absolute;right:-8px;top:-14px;width:30%;height:auto;aspect-ratio:4/5;object-fit:cover;border:5px solid #fff;border-radius:8px;box-shadow:0 8px 20px rgba(31,42,30,.25);transform:rotate(4deg)}
.pair figcaption{display:grid;margin-top:10px}
.pair figcaption span{color:var(--muted);font-size:15px}
.mom2{background:linear-gradient(180deg,#fbf3df,#f3f6ee)}
.mom2-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.mom2-art{position:relative;padding-bottom:40px}
.mom2-page{width:100%;height:auto;border-radius:24px;box-shadow:0 18px 40px rgba(31,42,30,.18)}
.mom2-art .polaroid{position:absolute;right:-10px;bottom:0;width:min(42%,230px)}
.mom2-art .polaroid img{aspect-ratio:4/3}
.listen{display:flex;gap:14px;align-items:center;border:0;background:var(--card);border-radius:999px;padding:10px 22px 10px 10px;box-shadow:var(--shadow);cursor:pointer;margin:14px 0 8px;text-align:left;font:inherit;color:var(--ink)}
.listen .play{width:52px;height:52px;border-radius:50%;background:var(--rust);color:#fff;display:grid;place-items:center;flex:none}
.listen small{display:block;color:var(--muted);font-size:13.5px}
.listen .i-pause{display:none}
.listen.on .i-pause{display:inline}
.listen.on .i-play{display:none}
.listen:focus-visible{outline:3px solid var(--mustard);outline-offset:3px}
.sec.dark{background:#1d2a26;color:#eef3ea}
.sec.dark .muted,.sec.dark p{color:#c6d3c4}
.sec.dark .kicker{color:var(--mustard)}
.tabs{display:flex;gap:8px;margin-bottom:14px}
.tab{border:2px solid #3d5049;background:transparent;color:#eef3ea;border-radius:999px;padding:10px 18px;font:800 15px Nunito,sans-serif;cursor:pointer}
.tab.on{background:var(--mustard);border-color:var(--mustard);color:#2c1f03}
.player.big{border-radius:24px;border:6px solid #2c3b35}
.cap2{margin-top:10px;color:#a9b8a6!important}
.steps2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step2{background:var(--card);border-radius:22px;padding:16px 16px 20px;box-shadow:var(--shadow);position:relative;display:grid;gap:8px;align-content:start}
.step2 img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:14px}
.step2 .n{position:absolute;top:8px;left:8px;width:38px;height:38px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font:900 18px Nunito;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.calm{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.calm>div{border-top:4px solid var(--mustard);padding-top:14px}
.calm h3{font-size:19px}
.tariff{position:relative}
.ribbon{position:absolute;top:-13px;left:18px;background:var(--mustard);color:#2c1f03;font:800 12.5px/1 Nunito;padding:7px 10px;border-radius:999px}
.mom-t img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.final{padding-block:56px;background:var(--teal);color:#fff}
.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.final p{color:#d7ebe8;font-size:19px}
.final img{width:100%;height:auto;border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.final .btn{background:var(--mustard);color:#2c1f03}
.story img{aspect-ratio:16/10}
@media (max-width:900px){
  .hero2-grid,.mom2-grid,.final-grid{grid-template-columns:1fr}
  .hero2-art{padding:10px 0 80px 0}
  .pairs,.steps2{grid-template-columns:1fr}
  .calm{grid-template-columns:1fr 1fr}
  .arrow{left:40%;width:90px;bottom:40px}
  .hand{left:calc(40% + 86px);font-size:24px;bottom:28px}
  .sec{padding-block:44px}
}
@media (max-width:520px){
  .calm{grid-template-columns:1fr}
  .facts2{gap:18px}
  .facts2 b{font-size:21px}
  .hand{left:auto;right:0}
}

.styles4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.style-card{background:var(--card);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.sc-scene{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.sc-body{padding:16px 18px 18px;display:grid;gap:8px}
.sc-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sc-sheets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}
.sc-sheets figure{margin:0}
.sc-sheets img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#fbf8f0}
.sc-sheets figcaption{font-size:13px;color:var(--muted);margin-top:4px}
@media (max-width:900px){.styles4{grid-template-columns:1fr}}