:root{
    --ink:#1C1A16;
    --ink-soft:#5C5850;
    --cream:#F7F5F0;
    --line:#E7E3DA;
    --amber:#C77F14;
    --violet:#5A5FE8;
    --blue:#2D6BE4;
    --bx:#0B66C3;
    --teal:#12A98F;
    --ease:cubic-bezier(.77,0,.18,1);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html,html,body{min-height:100%;}
  body{
    font-family:'Manrope',sans-serif;
    line-height:1.55;
    background:var(--cream);
    color:var(--ink);
  }
  h1,h2,h3{font-family:'Unbounded',sans-serif;line-height:1.1;font-weight:700;letter-spacing:-0.01em;}
  a{color:inherit;text-decoration:none;}
  ul{list-style:none;}
  svg,img{display:block;max-width:100%;}
  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
  input,select{font-family:inherit;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}

  /* ================= NAV ================= */
  header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(247,245,240,0.85);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);}
  .navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:20px;}
  .logo{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:900;letter-spacing:0.02em;}
  .logo .a{color:var(--amber);}
  .mainnav{display:flex;gap:6px;align-items:center;}
  .mainnav a,.mainnav button{
    font-size:13.5px;font-weight:700;padding:9px 14px;border-radius:999px;
    color:var(--ink-soft);transition:color .2s, background .2s;white-space:nowrap;
  }
  .mainnav a:hover,.mainnav button:hover{color:var(--ink);}
  .mainnav a.active,.mainnav button.active{color:var(--ink);background:rgba(28,26,22,0.06);}
  .navcta{
    padding:11px 20px;border-radius:999px;font-weight:800;font-size:13.5px;
    background:var(--ink);color:var(--cream);
    transition:transform .2s, box-shadow .2s;white-space:nowrap;
  }
  .navcta:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px rgba(28,26,22,0.5);}
  .burger{display:none;width:24px;height:18px;position:relative;}
  .burger span{position:absolute;left:0;width:100%;height:2px;background:var(--ink);}
  .burger span:nth-child(1){top:0;}.burger span:nth-child(2){top:8px;}.burger span:nth-child(3){top:16px;}

  /* ================= WAVE ================= */
  .wave{position:fixed;left:0;top:0;width:100%;height:115vh;z-index:150;pointer-events:none;transform:translateY(-115%);will-change:transform;}
  .wave svg{width:100%;height:100%;display:block;}
  /* ================= VIEWS ================= */
  .view{position:fixed;inset:0;display:none;z-index:1;}
  .view.active{display:block;z-index:2;}

  /* ================= HOME ================= */
  #view-home{overflow:hidden;transition:background .9s ease;}
  #view-home[data-bg="0"]{background:linear-gradient(160deg,#FAF6EE,#F3EAD8);}
  #view-home[data-bg="1"]{background:linear-gradient(160deg,#F5F3FC,#E9E5F8);}
  #view-home[data-bg="2"]{background:linear-gradient(160deg,#F2F6FC,#E3ECF8);}
  #view-home[data-bg="3"]{background:linear-gradient(160deg,#EFF9F5,#DEF1E8);}

  /* soft 3d orbs — living background */
  .orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.62;transition:background 1s ease;z-index:0;}
  .orb.o1{width:420px;height:420px;top:-110px;right:16vw;animation:orbA 16s ease-in-out infinite;}
  .orb.o2{width:320px;height:320px;bottom:-90px;left:5vw;animation:orbB 19s ease-in-out infinite;}
  .orb.o3{width:220px;height:220px;top:32vh;left:42vw;animation:orbC 22s ease-in-out infinite;opacity:.42;}

  /* huge outlined slide number, parallax */
  .bg-num{
    position:absolute;left:4vw;bottom:-6vh;z-index:0;
    font-family:'Unbounded',sans-serif;font-weight:900;
    font-size:38vh;line-height:1;letter-spacing:-0.02em;
    color:transparent;-webkit-text-stroke:2px rgba(28,26,22,0.07);
    user-select:none;pointer-events:none;
    transition:transform .3s ease-out;
    animation:orbC 26s ease-in-out infinite;
  }
  #view-home[data-bg="0"] .orb{background:radial-gradient(circle at 35% 30%, #F5C878, #E9A94B);}
  #view-home[data-bg="1"] .orb{background:radial-gradient(circle at 35% 30%, #B7ABF5, #8C7CF6);}
  #view-home[data-bg="2"] .orb{background:radial-gradient(circle at 35% 30%, #8FB7F2, #5A8BE0);}
  #view-home[data-bg="3"] .orb{background:radial-gradient(circle at 35% 30%, #86DCC3, #38B292);}
  @keyframes orbA{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-34px,26px) scale(1.07);}}
  @keyframes orbB{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(28px,-22px) scale(1.05);}}
  @keyframes orbC{0%,100%{transform:translate(0,0);}50%{transform:translate(22px,30px);}}

  /* person — permanent background character, behind content */
  .person{
    position:absolute;right:0;bottom:0;height:94vh;width:58vh;z-index:1;
    pointer-events:none;
    filter:drop-shadow(0 30px 44px rgba(120,80,20,0.28));
  }
  .person::before{
    content:'';position:absolute;inset:-8% -22% -8% -30%;z-index:-1;
    background:radial-gradient(circle at 62% 52%, rgba(242,200,120,0.32), transparent 62%);
    filter:blur(34px);
  }
  .person img{
    position:absolute;right:0;bottom:0;height:100%;width:auto;
    opacity:0;transition:opacity .7s ease;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%);
    mask-image:linear-gradient(90deg,transparent 0,#000 12%);
  }
  .person img.current{opacity:1;}

  .stage{
    position:absolute;inset:0;z-index:2;
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(28px,4vw,80px);align-items:center;
    max-width:1480px;margin:0 auto;padding:96px clamp(28px,14vw,300px) 60px clamp(28px,6vw,110px);
  }

  .kicker{position:relative;height:20px;overflow:hidden;margin-bottom:14px;}
  .kicker span{
    position:absolute;left:0;top:0;
    font-size:12px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;
    transform:translateY(130%);transition:transform .7s var(--ease);
    display:flex;align-items:center;gap:10px;white-space:nowrap;
  }
  .kicker span::before{content:'';width:26px;height:2px;background:currentColor;flex:0 0 auto;}
  .kicker span.current{transform:none;}
  .kicker span.up{transform:translateY(-130%);}

  .titres{
    position:relative;height:1.24em;overflow:hidden;
    font-size:clamp(32px,4vw,54px);margin-bottom:20px;
  }
  .titres h1,.titres h2{
    position:absolute;left:0;right:0;top:0;
    font-size:inherit;line-height:1.24;white-space:nowrap;
    transform:translateY(110%);transition:transform .85s var(--ease);
  }
  .titres h1.current,.titres h2.current{transform:none;}
  .titres h1.up,.titres h2.up{transform:translateY(-110%);}
  .titres h1 em,.titres h2 em{font-style:normal;}

  .excerpts{position:relative;min-height:84px;margin-bottom:24px;max-width:440px;}
  .excerpts p{
    position:absolute;inset:0;
    font-size:15.5px;color:var(--ink-soft);
    opacity:0;transform:translateY(20%);
    transition:opacity .55s ease, transform .55s ease;
    pointer-events:none;
  }
  .excerpts p b{color:var(--ink);}
  .excerpts p.current{opacity:1;transform:none;transition-delay:.25s;}

  .cta-row{display:flex;align-items:center;gap:22px;position:relative;z-index:3;}
  .btn-main{
    position:relative;overflow:hidden;
    padding:16px 30px;border-radius:999px;
    font-weight:800;font-size:15px;color:#fff;
    background:#1C1A16;
    transition:transform .22s ease, box-shadow .22s ease;
  }
  .btn-main:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(28,26,22,0.45);}
  .btn-main span{position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;}
  .btn-main .fills{position:absolute;inset:0;z-index:1;}
  .btn-main .plein{position:absolute;inset:0;transform:translateY(100%);transition:transform .6s var(--ease);}
  .btn-main .plein.current{transform:none;}
  .btn-main .plein.up{transform:translateY(-100%);}
  .btn-main .plein[data-i="0"]{background:#C77F14;}
  .btn-main .plein[data-i="1"]{background:#5A5FE8;}
  .btn-main .plein[data-i="2"]{background:#0B66C3;}
  .btn-main .plein[data-i="3"]{background:#12A98F;}

  .arts{position:relative;height:540px;z-index:2;display:flex;align-items:center;justify-content:center;}
  .art{
    position:absolute;inset:0;
    display:flex;align-items:center;justify-content:center;
    opacity:0;pointer-events:none;transform:translateY(24px);
    transition:opacity .7s ease, transform .7s ease;
  }
  .art.current{opacity:1;pointer-events:auto;transform:none;transition-delay:.2s;}

  /* art 1 — listings page; person stands to the right of it */
  .scene1{position:relative;height:100%;width:100%;max-width:380px;margin:0 auto;}
  .browser{
    position:absolute;left:50%;transform:translateX(-50%);top:70px;width:312px;z-index:6;
    background:#fff;border-radius:16px;overflow:hidden;
    border:1px solid var(--line);
    box-shadow:0 30px 60px -26px rgba(90,70,30,0.45);
    font-size:12px;color:var(--ink);
    animation:floatA 7s ease-in-out infinite;
  }
  @keyframes floatA{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-10px);}}
  .browser .bar{display:flex;align-items:center;gap:8px;background:#F4F1EA;padding:9px 12px;border-bottom:1px solid var(--line);}
  .browser .bar i{width:9px;height:9px;border-radius:50%;display:block;}
  .browser .bar i:nth-child(1){background:#F26D6D;}
  .browser .bar i:nth-child(2){background:#F0C24B;}
  .browser .bar i:nth-child(3){background:#5FC97E;}
  .browser .bar .url{flex:1;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:10px;color:#9A958A;padding:3px 9px;white-space:nowrap;overflow:hidden;}
  .searchline{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid #F1EDE4;}
  .searchline .field{flex:1;border:1.6px solid var(--blue);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px;}
  .searchline .field svg{width:12px;height:12px;}
  .searchline .go{background:var(--blue);color:#fff;border-radius:8px;padding:6px 13px;font-size:12px;font-weight:700;display:flex;align-items:center;}
  .foundline{padding:8px 14px 4px;color:#9A958A;font-size:10.5px;}
  .result{display:flex;gap:11px;padding:10px 14px;border-bottom:1px solid #F5F2EB;position:relative;}
  .result:last-child{border-bottom:none;}
  .result .thumb{width:70px;height:54px;border-radius:8px;flex:0 0 auto;position:relative;overflow:hidden;background:linear-gradient(135deg,#E4DED2,#CFC6B4);}
  .result .thumb svg{position:absolute;inset:0;margin:auto;}
  .result .info{flex:1;min-width:0;}
  .result .title{color:var(--blue);font-weight:700;font-size:12.5px;line-height:1.25;margin-bottom:3px;}
  .result .price{font-weight:800;font-size:13.5px;margin-bottom:3px;}
  .result .meta{color:#9A958A;font-size:10.5px;line-height:1.4;}
  .result .fav{position:absolute;top:10px;right:12px;}
  .result .fav svg{width:13px;height:13px;}
  .result.top{background:#FFF7E8;box-shadow:inset 3px 0 0 var(--amber);}
  .result.top .badge{display:inline-block;background:var(--amber);color:#fff;font-size:9px;font-weight:800;padding:2px 7px;border-radius:5px;letter-spacing:0.04em;margin-bottom:3px;}
  .result.top .thumb{background:linear-gradient(135deg,#FBE3B4,#EEC170);}
  .arrow-note{position:absolute;z-index:7;left:2px;top:14px;text-align:left;}
  .arrow-note .txt{font-size:12px;font-weight:800;color:var(--amber);margin-bottom:2px;max-width:150px;line-height:1.3;}
  .arrow-note svg{overflow:visible;}
  .stat-chip{
    position:absolute;z-index:8;
    background:#fff;border:1px solid var(--line);border-radius:999px;
    font-size:12px;font-weight:800;padding:9px 15px;
    box-shadow:0 14px 30px -14px rgba(90,70,30,0.4);
    animation:floatB 6s ease-in-out infinite;
  }
  @keyframes floatB{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
  .scene1 .stat-chip.c1{left:0;bottom:-4px;color:var(--amber);animation-delay:.6s;}
  .scene1 .stat-chip.c2{left:132px;bottom:-42px;color:var(--ink);animation-delay:1.4s;}

  /* art 2 — chat, alive */
  .scene2{position:relative;height:100%;width:100%;max-width:380px;margin:0 auto;}
  .chat-scene-panel{
    width:320px;margin:0 auto;
    background:#fff;border:1px solid var(--line);
    border-radius:22px;padding:20px;
    box-shadow:0 30px 60px -28px rgba(70,60,140,0.35);
    position:relative;z-index:5;
  }
  .msg{max-width:86%;padding:10px 14px;border-radius:16px;font-size:13px;margin-bottom:11px;opacity:0;transform:translateY(10px);}
  .art.current .msg{animation:msgIn .5s ease forwards;}
  .msg.user{background:#F1EEE7;border-bottom-left-radius:4px;}
  .msg.bot{background:#5A5FE8;color:#fff;margin-left:auto;border-bottom-right-radius:4px;}
  .art.current .msg:nth-child(1){animation-delay:.35s;}
  .art.current .msg:nth-child(2){animation-delay:1.05s;}
  .art.current .msg:nth-child(3){animation-delay:1.75s;}
  .art.current .msg:nth-child(4){animation-delay:2.45s;}
  @keyframes msgIn{to{opacity:1;transform:none;}}
  .deal-chip{
    display:inline-flex;align-items:center;gap:8px;margin-top:4px;
    background:rgba(18,169,143,0.1);color:var(--teal);border:1px solid rgba(18,169,143,0.35);
    font-size:12px;font-weight:800;padding:8px 14px;border-radius:999px;
    opacity:0;transform:scale(.9);
  }
  .art.current .deal-chip{animation:chipIn .45s ease 3.15s forwards;}
  @keyframes chipIn{to{opacity:1;transform:none;}}
  .scene2 .stat-chip.c1{right:6px;top:36px;color:var(--violet);}
  .scene2 .stat-chip.c2{right:-8px;top:210px;color:var(--ink);animation-delay:1.2s;}
  .scene2 .stat-chip.c3{left:8px;bottom:26px;color:var(--teal);animation-delay:2s;}

  /* art 3 — Bitrix-style pipeline */
  .scene3{position:relative;height:100%;width:100%;max-width:460px;margin:0 auto;}
  .bx-app{
    width:min(430px,100%);margin:0 auto;
    background:#fff;border-radius:16px;overflow:hidden;
    border:1px solid var(--line);
    box-shadow:0 30px 60px -28px rgba(11,102,195,0.3);
    font-size:11px;position:relative;z-index:5;
  }
  .bx-top{
    background:linear-gradient(90deg,#0B66C3,#1180E0);
    color:#fff;display:flex;align-items:center;gap:10px;
    padding:11px 14px;font-weight:800;font-size:12px;
  }
  .bx-top .bxlogo{width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:10px;}
  .bx-top .bx-user{margin-left:auto;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,0.25);}
  .bx-tabs{display:flex;gap:14px;padding:9px 14px;border-bottom:1px solid #E8EEF6;color:#7A8699;font-weight:700;}
  .bx-tabs b{color:#0B66C3;border-bottom:2px solid #0B66C3;padding-bottom:7px;margin-bottom:-10px;}
  .bx-stages{display:flex;gap:8px;padding:12px;}
  .bx-col{flex:1;}
  .bx-stage{
    color:#fff;font-weight:800;font-size:10px;letter-spacing:0.03em;
    padding:6px 9px;border-radius:6px 6px 0 0;position:relative;
    text-transform:uppercase;
  }
  .bx-stage span{display:block;font-weight:600;font-size:9.5px;opacity:.85;text-transform:none;}
  .bx-col:nth-child(1) .bx-stage{background:#55C7E8;}
  .bx-col:nth-child(2) .bx-stage{background:#F7A700;}
  .bx-col:nth-child(3) .bx-stage{background:#9DCF00;}
  .bx-body{background:#F4F7FA;border-radius:0 0 6px 6px;padding:7px;min-height:120px;}
  .bx-deal{
    background:#fff;border:1px solid #E3EAF2;border-radius:7px;
    padding:7px 9px;margin-bottom:7px;
    opacity:0;transform:translateY(8px);
  }
  .art.current .bx-deal{animation:msgIn .4s ease forwards;}
  .art.current .bx-col:nth-child(1) .bx-deal:nth-of-type(1){animation-delay:.35s;}
  .art.current .bx-col:nth-child(1) .bx-deal:nth-of-type(2){animation-delay:.55s;}
  .art.current .bx-col:nth-child(2) .bx-deal:nth-of-type(1){animation-delay:.85s;}
  .art.current .bx-col:nth-child(2) .bx-deal:nth-of-type(2){animation-delay:1.05s;}
  .art.current .bx-col:nth-child(3) .bx-deal:nth-of-type(1){animation-delay:1.35s;}
  .art.current .bx-col:nth-child(3) .bx-deal:nth-of-type(2){animation-delay:1.55s;}
  .bx-deal b{display:block;font-size:10.5px;color:#1C2A3A;margin-bottom:2px;}
  .bx-deal i{font-style:normal;color:#0B66C3;font-weight:800;font-size:10.5px;}
  .bx-deal u{display:block;text-decoration:none;color:#8A97A8;font-size:9px;margin-top:2px;}
  .scene3 .stat-chip.c1{right:-4px;top:30px;color:var(--bx);}
  .scene3 .stat-chip.c2{left:-6px;bottom:38px;color:var(--ink);animation-delay:1.3s;}

  /* art 4 — 3-in-1 pipeline */
  .pipe-scene{display:flex;flex-direction:column;gap:12px;align-items:center;position:relative;z-index:5;}
  .pipe-card{
    display:flex;align-items:center;gap:14px;
    background:#fff;border:1px solid var(--line);border-radius:16px;
    padding:15px 20px;width:340px;
    box-shadow:0 20px 44px -26px rgba(90,70,30,0.3);
    opacity:0;transform:translateY(12px);
  }
  .art.current .pipe-card{animation:msgIn .5s ease forwards;}
  .art.current .pipe-card:nth-of-type(1){animation-delay:.35s;}
  .art.current .pipe-card:nth-of-type(3){animation-delay:.75s;}
  .art.current .pipe-card:nth-of-type(5){animation-delay:1.15s;}
  .pipe-card .n{
    width:38px;height:38px;border-radius:11px;flex:0 0 auto;
    display:flex;align-items:center;justify-content:center;
    font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;color:#fff;
  }
  .pipe-card b{font-size:13.5px;display:block;}
  .pipe-card span{font-size:12px;color:var(--ink-soft);}
  .pipe-link{height:16px;width:2px;background:var(--line);}
  .pipe-total{
    margin-top:6px;font-family:'Unbounded',sans-serif;font-size:15px;color:var(--amber);
    opacity:0;
  }
  .art.current .pipe-total{animation:chipIn .45s ease 1.6s forwards;}

  @media (min-width:1600px){
    .stage{max-width:1560px;}
    .person{height:90vh;width:52vh;}
  }
  /* ================= pager with progress rings ================= */
  .pager{
    position:fixed;left:22px;top:50%;transform:translateY(-50%);
    z-index:90;display:flex;flex-direction:column;gap:10px;color:var(--ink);
  }
  .pager button{
    position:relative;width:44px;height:44px;
    display:flex;align-items:center;justify-content:center;
    font-family:'Unbounded',sans-serif;font-size:10.5px;font-weight:700;
    opacity:0.35;transition:opacity .25s;
  }
  .pager button:hover{opacity:0.8;}
  .pager button.active{opacity:1;}
  .pager button[data-i="0"].active{color:#C77F14;}
  .pager button[data-i="1"].active{color:#5A5FE8;}
  .pager button[data-i="2"].active{color:#0B66C3;}
  .pager button[data-i="3"].active{color:#12A98F;}
  .pager button svg{position:absolute;inset:0;transform:rotate(-90deg);}
  .pager button circle{
    fill:none;stroke:currentColor;stroke-width:1.6;
    stroke-dasharray:126;stroke-dashoffset:126;
  }
  .pager button.active circle{animation:ring var(--slide-dur,8s) linear forwards;}
  .pager.paused button.active circle{animation-play-state:paused;}
  @keyframes ring{from{stroke-dashoffset:126;}to{stroke-dashoffset:0;}}

  /* ================= DETAIL VIEWS ================= */
  .detail{height:100%;overflow-y:auto;padding:120px 0 100px;}
  #view-ads{background:linear-gradient(165deg,#FAF6EE,#F3EAD8);}
  #view-bots{background:linear-gradient(165deg,#F5F3FC,#E9E5F8);}
  #view-bitrix{background:linear-gradient(165deg,#F2F6FC,#E3ECF8);}
  #view-complex{background:linear-gradient(165deg,#FBF4EA,#F1E6D4);}
  #view-contacts{background:linear-gradient(165deg,#F0F8F5,#E0F1EB);}
  .detail-hero{max-width:700px;margin-bottom:48px;}
  .person-bg{
    position:absolute;right:0;bottom:0;height:88vh;z-index:0;
    pointer-events:none;
    filter:drop-shadow(0 30px 44px rgba(120,80,20,0.26));
  }
  .person-bg::before{
    content:'';position:absolute;inset:-8% -22% -8% -30%;z-index:-1;
    background:radial-gradient(circle at 62% 52%, rgba(242,200,120,0.26), transparent 62%);
    filter:blur(34px);
  }
  .person-bg img{
    height:100%;width:auto;opacity:.85;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);
    mask-image:linear-gradient(90deg,transparent 0,#000 22%);
  }
  .detail{position:relative;z-index:1;}
  .detail-hero h1{font-size:clamp(28px,3.4vw,42px);margin-bottom:16px;}
  .detail-hero h1 em{font-style:normal;color:var(--acc,var(--amber));}
  .detail-hero p{font-size:16.5px;color:var(--ink-soft);}
  .detail .eyebrow{
    display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;
    letter-spacing:0.12em;text-transform:uppercase;margin-bottom:18px;
  }
  .detail .eyebrow::before{content:'';width:26px;height:2px;background:currentColor;}

  .num-strip{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
    margin-bottom:52px;
  }
  .num-card{
    background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;
    box-shadow:0 18px 40px -26px rgba(70,60,40,0.25);
  }
  .num-card b{font-family:'Unbounded',sans-serif;font-size:26px;display:block;margin-bottom:6px;color:var(--acc,var(--amber));}
  .num-card span{font-size:13.5px;color:var(--ink-soft);}
  .num-note{font-size:11.5px;color:var(--ink-soft);opacity:.75;margin:-38px 0 48px;}

  .detail-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:52px;align-items:start;}
  .benefit-list{display:flex;flex-direction:column;gap:22px;}
  .benefit-item{display:flex;gap:16px;}
  .benefit-item .ic{
    flex:0 0 auto;width:40px;height:40px;border-radius:12px;
    background:var(--acc-dim);display:flex;align-items:center;justify-content:center;
  }
  .benefit-item .ic svg{width:18px;height:18px;color:var(--acc);}
  .benefit-item h4{font-size:16px;margin-bottom:5px;}
  .benefit-item p{font-size:14.5px;color:var(--ink-soft);}

  .side-panel{
    border-radius:22px;padding:30px;background:#fff;border:1px solid var(--line);
    box-shadow:0 24px 48px -28px rgba(70,60,40,0.25);
  }
  .price-row{display:flex;justify-content:space-between;align-items:baseline;padding:15px 0;border-top:1px solid var(--line);gap:14px;}
  .price-row:first-of-type{border-top:none;padding-top:0;}
  .price-row span{font-size:13.5px;color:var(--ink-soft);}
  .price-row b{font-family:'Unbounded',sans-serif;font-size:15.5px;text-align:right;}

  .btn{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;border-radius:999px;font-weight:800;font-size:15px;transition:transform .22s ease, box-shadow .22s ease;cursor:pointer;}
  .btn .ar{transition:transform .22s ease;}
  .btn:hover .ar{transform:translateX(4px);}
  .btn-ink{background:var(--ink);color:#fff;}
  .btn-ink:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(28,26,22,0.45);}
  .side-panel .btn{width:100%;justify-content:center;margin-top:20px;}

  .badge-cert{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(11,102,195,0.08);color:var(--bx);border:1px solid rgba(11,102,195,0.3);
    padding:8px 15px;border-radius:999px;font-size:12.5px;font-weight:800;margin-bottom:20px;
  }

  .cta-banner{
    margin-top:60px;border-radius:24px;padding:40px;
    display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
    background:#1C1A16;color:#fff;
  }
  .cta-banner h3,.cta-banner p{color:#fff;}
  .cta-banner h3{font-size:21px;margin-bottom:7px;}
  .cta-banner p{font-size:14px;opacity:0.7;}
  .cta-banner .btn{background:#fff;color:var(--ink);}

  .back-link{
    display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;
    color:var(--ink-soft);margin-bottom:34px;transition:color .2s;
  }
  .back-link:hover{color:var(--ink);}

  .contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;}
  .contact-card{
    background:#fff;border:1px solid var(--line);
    border-radius:22px;padding:34px;transition:transform .25s;
    box-shadow:0 20px 44px -28px rgba(20,100,80,0.25);
  }
  .contact-card:hover{transform:translateY(-5px);}
  .contact-card .ic{width:48px;height:48px;border-radius:14px;background:rgba(18,169,143,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
  .contact-card .ic svg{width:22px;height:22px;color:var(--teal);}
  .contact-card h4{font-size:12.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.07em;margin-bottom:10px;}

  /* ================= LEAD MODAL ================= */
  .modal-overlay{
    position:fixed;inset:0;z-index:300;
    background:rgba(28,26,22,0.5);backdrop-filter:blur(5px);
    display:flex;align-items:center;justify-content:center;padding:18px;
    opacity:0;pointer-events:none;transition:opacity .3s ease;
  }
  .modal-overlay.open{opacity:1;pointer-events:auto;}
  .modal{
    background:#fff;border-radius:24px;width:100%;max-width:440px;
    max-height:92vh;overflow-y:auto;
    padding:30px;position:relative;
    transform:translateY(16px) scale(.98);transition:transform .3s ease;
  }
  .modal-overlay.open .modal{transform:none;}
  .modal .close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#F1EEE7;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--ink-soft);}
  .modal .close:hover{color:var(--ink);}
  .modal h3{font-size:20px;margin-bottom:6px;}
  .modal .sub{font-size:13.5px;color:var(--ink-soft);margin-bottom:22px;}
  .fgroup{margin-bottom:13px;}
  .fgroup label{display:block;font-size:12px;font-weight:800;margin-bottom:5px;}
  .fgroup label i{font-style:normal;color:#E45B7A;}
  .fgroup input,.fgroup select{
    width:100%;border:1.6px solid var(--line);border-radius:11px;
    padding:11px 13px;font-size:13.5px;outline:none;background:#fff;
    transition:border-color .2s;
  }
  .fgroup input:focus,.fgroup select:focus{border-color:var(--ink);}
  .fgroup input.err{border-color:#E45B7A;}
  .fgroup .hint{font-size:11px;color:#E45B7A;margin-top:4px;display:none;}
  .fgroup input.err + .hint{display:block;}
  .modal .btn{width:100%;justify-content:center;margin-top:8px;}
  .thanks{display:none;text-align:center;padding:14px 0 6px;}
  .thanks.show{display:block;}
  .thanks .big{font-size:40px;margin-bottom:12px;}
  .thanks h3{margin-bottom:10px;}
  .thanks p{font-size:14px;color:var(--ink-soft);margin-bottom:16px;}
  .upsell{
    background:#FFF7E8;border:1.5px dashed var(--amber);border-radius:16px;
    padding:16px;margin:16px 0;text-align:left;display:none;
  }
  .upsell.show{display:block;}
  .upsell b{color:var(--amber);display:block;margin-bottom:5px;font-size:14.5px;}
  .upsell p{font-size:13px;margin-bottom:0;}

  /* ================= CHAT WIDGET ================= */
  .chat-fab{
    position:fixed;right:22px;bottom:22px;z-index:200;
    width:50px;height:50px;border-radius:50%;
    background:var(--ink);color:#fff;
    display:flex;align-items:center;justify-content:center;
    opacity:0.6;transition:opacity .25s, transform .25s;
    box-shadow:0 12px 28px -10px rgba(28,26,22,0.5);
  }
  .chat-fab:hover{opacity:1;transform:translateY(-2px);}
  .chat-fab svg{width:22px;height:22px;}
  .chat-fab .dot{position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:var(--amber);border:2px solid var(--cream);display:none;}
  .chat-fab.hasnew .dot{display:block;}
  .chat-widget{
    position:fixed;right:22px;bottom:84px;z-index:201;
    width:328px;max-height:480px;
    background:#fff;border:1px solid var(--line);border-radius:20px;
    box-shadow:0 30px 70px -24px rgba(28,26,22,0.4);
    display:flex;flex-direction:column;overflow:hidden;
    opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;
    transition:opacity .3s ease, transform .3s ease;
  }
  .chat-widget.open{opacity:1;transform:none;pointer-events:auto;}
  .chat-head{display:flex;align-items:center;gap:11px;padding:14px 16px;background:var(--ink);color:#fff;}
  .chat-head .ava{width:34px;height:34px;border-radius:50%;flex:0 0 auto;background:linear-gradient(135deg,var(--amber),var(--violet));display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:12px;font-weight:900;}
  .chat-head b{font-size:13.5px;display:block;line-height:1.2;}
  .chat-head span{font-size:11px;opacity:0.65;}
  .chat-head .close{margin-left:auto;opacity:0.6;font-size:16px;padding:4px;}
  .chat-head .close:hover{opacity:1;}
  .chat-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:#FBFAF7;min-height:200px;}
  .cmsg{max-width:86%;padding:9px 13px;border-radius:14px;font-size:13px;line-height:1.45;}
  .cmsg.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start;}
  .cmsg.user{background:var(--ink);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;}
  .quick{display:flex;flex-wrap:wrap;gap:6px;align-self:flex-start;max-width:100%;}
  .quick button{font-size:11.5px;font-weight:700;color:var(--ink);border:1.5px solid var(--line);border-radius:999px;padding:6px 11px;background:#fff;transition:border-color .2s;}
  .quick button:hover{border-color:var(--ink);}
  .chat-input{display:flex;gap:8px;padding:11px;border-top:1px solid var(--line);background:#fff;}
  .chat-input input{flex:1;border:1.5px solid var(--line);border-radius:999px;padding:9px 14px;font-size:13px;outline:none;}
  .chat-input input:focus{border-color:var(--ink);}
  .chat-input button{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;flex:0 0 auto;display:flex;align-items:center;justify-content:center;}
  .chat-input button svg{width:15px;height:15px;}

  /* ================= responsive ================= */
  @media (max-width:1320px){
    .person{height:80vh;opacity:.92;}
    .person-bg{height:74vh;}
    .bg-num{font-size:30vh;}
  }
  @media (max-width:960px){
    .person{display:none;}
    .person-bg{display:none;}
    .stage{grid-template-columns:1fr;gap:10px;padding:88px 28px 40px 72px;align-content:start;}
    /* высота блока со скрин-моком объявления взята с запасом под нескейленный контент
       (карточка браузера + плавающие плашки), иначе scale() не обрезает переполнение
       и мокап визуально наезжает на кикер/заголовок/пагинацию ниже */
    .arts{height:490px;order:-1;transform:scale(.6);transform-origin:top left;overflow:hidden;}
    .titres{font-size:clamp(28px,7vw,40px);}
    .detail-grid{grid-template-columns:1fr;}
    .num-strip{grid-template-columns:1fr;gap:14px;}
    .num-note{margin-top:-40px;}
    .contact-cards{grid-template-columns:1fr;}
    .mainnav{display:none;}
    .burger{display:block;}
    .pager{left:8px;}
    .chat-widget{width:calc(100vw - 32px);right:16px;}
  }
  @media (max-width:480px){
    /* самый длинный кикер («Продвижение на доске объявлений») не влезал в узкую
       колонку и обрезался overflow:hidden контейнера — уменьшаем шрифт/трекинг/тире */
    .kicker span{font-size:10px;letter-spacing:0.06em;gap:7px;}
    .kicker span::before{width:16px;}
  }
  @media (prefers-reduced-motion: reduce){
    *{animation:none !important;transition-duration:0.01s !important;}
  }

/* ================= MULTIPAGE ADDITIONS ================= */
/* Full-bleed hero person on inner pages — never cropped mid-body */
.subpage{min-height:100vh;position:relative;overflow-x:hidden;}
.subpage .person-bg{position:fixed;right:0;bottom:0;height:92vh;z-index:0;pointer-events:none;
  filter:drop-shadow(0 30px 44px rgba(120,80,20,0.26));}
.subpage .person-bg::before{content:'';position:absolute;inset:-8% -22% -8% -30%;z-index:-1;
  background:radial-gradient(circle at 62% 52%, var(--acc-glow,rgba(242,200,120,0.26)), transparent 62%);
  filter:blur(34px);}
.subpage .person-bg img{height:100%;width:auto;opacity:.9;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);
  mask-image:linear-gradient(90deg,transparent 0,#000 22%);}
.subpage .detail{position:relative;z-index:1;}

/* fluid type scales for every breakpoint */
@media (min-width:1700px){
  .wrap{max-width:1340px;}
  .subpage .person-bg{height:90vh;}
}
@media (max-width:1320px){
  .subpage .person-bg{height:78vh;}
}
@media (max-width:1100px){
  .subpage .person-bg{height:66vh;opacity:.8;}
}
@media (max-width:900px){
  .subpage .person-bg{position:absolute;height:52vh;opacity:.5;right:-6%;}
}
@media (max-width:640px){
  .subpage .person-bg{display:none;}
  .detail{padding:96px 0 80px;}
  .wrap{padding:0 20px;}
  .cta-banner{padding:26px 22px;}
  .detail-hero h1{font-size:clamp(26px,7vw,34px);}
}

/* Home slider poses as real files (multipage) */
.person img.pimg{position:absolute;right:0;bottom:0;height:100%;width:auto;opacity:0;transition:opacity .7s ease;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%);mask-image:linear-gradient(90deg,transparent 0,#000 12%);}
.person img.pimg.current{opacity:1;}

/* Footer */
.site-foot{position:relative;z-index:3;background:var(--ink);color:#CFC9BE;padding:56px 0 40px;margin-top:0;}
.site-foot .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;}
.site-foot h4{color:#fff;font-size:15px;margin-bottom:14px;letter-spacing:.02em;}
.site-foot a{color:#CFC9BE;display:block;padding:5px 0;transition:color .2s;}
.site-foot a:hover{color:var(--amber);}
.site-foot .brand{font-weight:900;font-size:22px;color:#fff;margin-bottom:10px;}
.site-foot .brand span{color:var(--amber);}
.foot-small{color:#8A857C;font-size:13px;line-height:1.7;margin-top:10px;}
.foot-bottom{border-top:1px solid rgba(255,255,255,0.1);margin-top:36px;padding-top:20px;color:#8A857C;font-size:13px;text-align:center;}
@media (max-width:900px){.site-foot .wrap{grid-template-columns:1fr;gap:26px;}}

/* Breadcrumbs */
.crumbs{position:relative;z-index:1;font-size:13px;color:var(--ink-soft);padding-top:96px;}
.crumbs a{color:var(--ink-soft);}
.crumbs a:hover{color:var(--acc,var(--amber));}
.crumbs .sep{margin:0 8px;opacity:.5;}
@media (max-width:640px){.crumbs{padding-top:80px;}}

/* internal service cross-links */
.more-services{position:relative;z-index:1;margin-top:64px;}
.more-services h3{font-size:20px;margin-bottom:20px;}
.ms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ms-card{display:block;padding:22px;border-radius:16px;border:1px solid var(--line);background:#fff;transition:transform .2s,box-shadow .2s;}
.ms-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(70,60,40,0.3);}
.ms-card b{display:block;font-size:16px;margin-bottom:6px;color:var(--ink);}
.ms-card span{font-size:13.5px;color:var(--ink-soft);}
@media (max-width:900px){.ms-grid{grid-template-columns:1fr;}}


/* Home standalone fullscreen slider */
.view-home-standalone{position:fixed;inset:0;display:block;z-index:1;}
body.home-page{overflow:hidden;}
body.home-page .site-foot{display:none;}

/* per-page halo tint behind person */
.subpage .person-bg[data-acc="violet"]::before{background:radial-gradient(circle at 62% 52%, rgba(90,95,232,0.22), transparent 62%);}
.subpage .person-bg[data-acc="bx"]::before{background:radial-gradient(circle at 62% 52%, rgba(11,102,195,0.20), transparent 62%);}
.subpage .person-bg[data-acc="teal"]::before{background:radial-gradient(circle at 62% 52%, rgba(15,160,135,0.20), transparent 62%);}


/* fix pjax scroll: на подстраницах контент течёт по странице, а не внутри фиксированного контейнера */
.subpage .detail{height:auto;overflow-y:visible;}
body:not(.home-page){overflow:auto;}