.cmp__head{max-width:860px}
.bsheet{padding:clamp(24px,4vw,56px)}
/* плюсы-теги: плоские наклейки-пилюли с белым пояском, вразнобой */
.pros{list-style:none;margin:clamp(18px,2vw,28px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 8px}
.pros li{padding:8px 14px 7px;border-radius:999px;background:var(--ink);color:#fff;font-family:var(--font-head);font-weight:800;
    text-transform:uppercase;font-size:clamp(13px,1.1vw,16px);line-height:1;box-shadow:0 0 0 3px #fbfbfa,0 0 0 4px rgba(20,18,18,.12)}
.pros li:nth-child(odd){transform:rotate(-1.5deg)}
.pros li:nth-child(even){transform:rotate(1.2deg)}
.pros li:first-child{background:#9fe40c;color:var(--ink)}
/* ── «Найди на ноутбуке» ── */
.lapw{margin-top:clamp(40px,5vw,72px);text-align:center}
@media(min-width:1000px){
  /* блок целиком в экран: на десктопе — две колонки (текст | ноутбук), ноутбук не выше экрана */
  .bsheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(28px,3vw,44px)}
  .bsheet .cmp__head{max-width:none}
  .bsheet .h2{font-size:clamp(36px,3.5vw,54px)}
  /* в 2 строки: «3D стикеры нужны / каждому бренду» */
  .bsheet .lapw{margin:0}
  .bsheet .lapbox{max-width:min(100%,calc((100vh - 190px)*1.6))}
}
.lap{position:relative;container-type:inline-size;max-width:920px;margin:0 auto;aspect-ratio:16/10;border-radius:24px;overflow:hidden;
    /* крышка space gray, вид сверху: анодированный алюминий + мягкое отражение комнаты по диагонали */
    background:linear-gradient(118deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.06) 42%,rgba(255,255,255,0) 56%),
      radial-gradient(120% 90% at 30% 10%,#585c62,#3d4045 55%,#2f3236);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),   /* фаска по краю крышки ловит свет */
      inset 0 0 0 2.5px rgba(0,0,0,.25),inset 0 3px 0 rgba(255,255,255,.08)}
.lap::before{content:"";position:absolute;inset:0;opacity:.35;mix-blend-mode:overlay;pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 -.2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/140px 140px}
/* анодированный алюминий: мелкая матовая пескоструйка, без полос */
.lap::after{content:"";position:absolute;left:14%;right:14%;top:0;height:5px;border-radius:0 0 4px 4px;pointer-events:none;
    background:linear-gradient(180deg,#1f2124,#2a2d31)}
/* петля: тёмная полоса по заднему краю крышки */
.fs{position:absolute;display:grid;place-items:center;font-style:normal;font-family:var(--font-head);font-weight:800;text-transform:uppercase;
    color:#fff;border:5px solid #eeece8;filter:saturate(.7) brightness(.92);box-shadow:0 1px 1px rgba(0,0,0,.25)}
/* плоские: тусклые, матовые */
.fs1{left:8%;top:12%;width:13%;aspect-ratio:1;border-radius:50%;background:#6b8cff;font-size:clamp(12px,1.3vw,18px);transform:rotate(-8deg)}
.fs2{left:27%;top:9%;width:18%;aspect-ratio:2.2;border-radius:10px;color:#3a2f00;font-size:clamp(14px,1.6vw,22px);transform:rotate(5deg);
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.02 .35' numOctaves='2' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .47 0 0 0 0 .4 0 0 0 1.4 -.85'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23f)'/%3E%3C/svg%3E") 0 0/160px 160px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .42 0 0 0 0 .36 0 0 0 .55 -.18'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23p)'/%3E%3C/svg%3E") 0 0/120px 120px,#f1eee7;  /* как «404»: печать надорвана в левом нижнем углу */
    clip-path:polygon(0 0,100% 0,100% 100%,30% 100%,27% 93%,22% 96%,19% 86%,13% 88%,11% 79%,5% 78%,3% 70%,0 68%)}
.fs2::before{content:"";position:absolute;inset:0;z-index:-1;background:#f4d35e;transform:translate(-1.5px,1.5px) rotate(-.8deg);
    clip-path:polygon(0 0,100% 0,100% 100%,42% 100%,39% 90%,34% 92%,31% 80%,25% 83%,22% 70%,16% 71%,13% 60%,7% 59%,4% 50%,0 47%);
    filter:drop-shadow(-.6px .6px 0 rgba(0,0,0,.22))}
.fs3{left:9%;top:60%;width:15%;aspect-ratio:2.4;border-radius:12px;background:radial-gradient(ellipse 20% 15% at 30% 68%,rgba(35,18,55,.10) 0,rgba(35,18,55,.16) 70%,rgba(35,18,55,.24) 86%,transparent 92%),radial-gradient(ellipse 11% 9% at 70% 30%,rgba(35,18,55,.12) 0,rgba(35,18,55,.18) 72%,rgba(35,18,55,.26) 86%,transparent 92%),radial-gradient(ellipse 7% 6% at 58% 78%,rgba(35,18,55,.14) 0,rgba(35,18,55,.24) 80%,transparent 92%),#8b6cf0;  /* жирные пятна */font-size:clamp(13px,1.5vw,20px);transform:rotate(-9deg)}
.fs4{left:66%;top:14%;width:20%;aspect-ratio:3;border-radius:999px;background:#2ec4b6;font-size:clamp(13px,1.5vw,20px);transform:rotate(-6deg)}
.fs5{left:71%;top:62%;width:15%;aspect-ratio:1;border-radius:14px;background:#ef476f;font-size:clamp(12px,1.3vw,17px);transform:rotate(7deg)}
.fs6{left:45%;top:64%;width:16%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse 20% 15% at 30% 68%,rgba(125,98,40,.10) 0,rgba(125,98,40,.16) 70%,rgba(125,98,40,.24) 86%,transparent 92%),radial-gradient(ellipse 11% 9% at 70% 30%,rgba(125,98,40,.12) 0,rgba(125,98,40,.18) 72%,rgba(125,98,40,.26) 86%,transparent 92%),radial-gradient(ellipse 7% 6% at 58% 78%,rgba(125,98,40,.14) 0,rgba(125,98,40,.24) 80%,transparent 92%),#fff;  /* жирные пятна */color:#2d3034;font-size:clamp(11px,1.2vw,16px);transform:rotate(-4deg)}
.fs7{left:27%;top:34%;width:10%;aspect-ratio:1;border-radius:6px;  /* подложка — бумага: зерно + волокна */
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.02 .35' numOctaves='2' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .47 0 0 0 0 .4 0 0 0 1.4 -.85'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23f)'/%3E%3C/svg%3E") 0 0/160px 160px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .42 0 0 0 0 .36 0 0 0 .55 -.18'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23p)'/%3E%3C/svg%3E") 0 0/120px 120px,#f1eee7;z-index:0;font-size:clamp(14px,1.7vw,24px);transform:rotate(14deg)}
/* «404» надорван: оранжевый слой печати сорван в углу и съехал, под ним белая бумага-подложка; сам стикер цел */
.fs7{clip-path:polygon(0 0,71% 0,73% 4%,77% 2%,79% 9%,84% 8%,86% 14%,91% 15%,93% 21%,97% 22%,100% 28%,100% 100%,0 100%)}
/* бумага тоже надорвана в самом углу */
.fs7::before{content:"";position:absolute;inset:0;z-index:-1;background:#f08a24;transform:translate(2px,-1.5px) rotate(1.2deg);
    clip-path:polygon(0 0,38% 0,42% 7%,47% 5%,49% 14%,55% 19%,57% 17%,61% 27%,67% 29%,67% 36%,74% 36%,77% 45%,76% 50%,84% 53%,88% 62%,100% 66%,100% 100%,0 100%);
    filter:drop-shadow(.6px .6px 0 rgba(0,0,0,.22))}
/* край отрыва чуть приподнят */
/* состарившиеся: выцвели (меньше цвета, теплее), стёрлись пятнами (маска шума) и поцарапаны (светлые штрихи) */
.fs--old{filter:saturate(.35) sepia(.18) brightness(1.02) contrast(.85);opacity:.92;overflow:hidden}
.fs--old::before{content:"";position:absolute;inset:0;pointer-events:none;  /* краска стёрта до белого винила: чёткие светлые потёртости */
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .97 0 0 0 0 .96 0 0 0 0 .93 -14 0 0 0 5.3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23w)'/%3E%3C/svg%3E") 0 0/170px 170px}
.fs--old::after{content:"";position:absolute;inset:-5px;border-radius:inherit;pointer-events:none;opacity:.5;mix-blend-mode:screen;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .7' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 9 0 0 0 -6.2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23s)'/%3E%3C/svg%3E") 0 0/140px 140px;transform:rotate(23deg)}
.our{position:absolute;left:61%;top:33%;width:22%;aspect-ratio:1.6;padding:4px;border-radius:23px;background:#fbfbfa;transform:rotate(-3deg);
    box-shadow:0 0 0 1px rgba(0,0,0,.25),0 1px 1px rgba(0,0,0,.3)}
/* приклеен, как соседние: без подъёма и большой тени */
/* узнаваемость ноутбука: бледный знак по центру крышки (абстрактный, без бренда) + передний край корпуса снизу */
.lap__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-head);font-weight:800;
    text-transform:uppercase;letter-spacing:.26em;font-size:clamp(14px,3.2cqw,30px);color:#53575d;  /* гравировка: чуть светлее крышки */
    text-shadow:0 -1px 0 rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.06)}
.lapbox{position:relative;max-width:920px;margin:0 auto;isolation:isolate}
.lapbox .lap{z-index:1}
.lapbase{position:absolute;left:0;right:0;top:7px;bottom:-7px;border-radius:24px;z-index:0;
    background:linear-gradient(180deg,#24262a,#17191b);box-shadow:0 1px 0 rgba(0,0,0,.55),0 2px 3px rgba(0,0,0,.35),0 6px 10px -4px rgba(0,0,0,.3),0 14px 22px -14px rgba(0,0,0,.35)}
/* контактная: плотная линия касания + короткая мягкая тень, без парения */
.lapbase::after{content:"";position:absolute;left:50%;bottom:0;width:12%;height:4px;margin-left:-6%;border-radius:4px 4px 0 0;background:#3a3d42}
/* выемка под палец */
.lapw{position:relative;isolation:isolate}
.our__in{position:absolute;inset:4px;border-radius:19px;display:grid;place-items:center;filter:url(#resin-xl) saturate(1.15);  /* купол выше и сочнее, чем у плоских; как плашки клиентов: спокойное серебро */
    background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,rgba(0,0,0,.015) 1px 2px),
      linear-gradient(118deg,#8fd400 0%,#a6ea12 24%,#96dc04 42%,#b0f020 60%,#8ad000 80%,#9fe40c 100%)}
/* лайм PRIME, ровный, мягкие полосы отражения */
.our__in img{width:66%}
.our__gl{position:absolute;inset:4px;border-radius:19px;pointer-events:none;
    background:linear-gradient(112deg,transparent 15%,rgba(255,255,255,.45) 25%,rgba(255,255,255,.1) 33%,transparent 37%) var(--sx,50%) 0/240% 100% no-repeat,
      radial-gradient(70% 60% at var(--gx,30%) var(--gy,8%),rgba(255,255,255,.75),transparent 70%)}
/* редкий «проблеск»: раз в ~5 с по смоле пробегает узкий блик — живой глянец, без навязчивой анимации */
.our__gl::after{content:"";position:absolute;inset:0;border-radius:inherit;
    background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.85) 48%,rgba(255,255,255,.2) 52%,transparent 58%) 0 0/300% 100% no-repeat;
    background-position:130% 0;animation:glint 5.5s ease-in-out 1.2s infinite}
@media(prefers-reduced-motion:reduce){
  .our__gl::after{animation:none}
}
.our__rim{position:absolute;inset:4px;border-radius:19px;padding:2.5px;pointer-events:none;filter:blur(.6px);mix-blend-mode:screen;
    background:conic-gradient(from var(--ra),rgba(255,255,255,.95),rgba(220,255,140,.15) 14%,rgba(160,240,255,.55) 24%,transparent 34%,
      rgba(255,210,240,.45) 52%,rgba(255,255,255,.9) 62%,transparent 74%,rgba(200,255,120,.4) 88%,rgba(255,255,255,.95));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:rim 9s linear infinite}
@media(prefers-reduced-motion:reduce){
  .our__rim{animation:none}
}
.lapw:not(.is-vis) .our__rim,.lapw:not(.is-vis) .our__gl::after{animation-play-state:paused}
/* за экраном не крутим */
/* отражение стикера на крышке: мягкое лаймовое свечение вокруг — смола ловит и отдаёт свет */
.our::before{content:"";position:absolute;inset:-14%;z-index:-1;border-radius:40%;pointer-events:none;
    background:radial-gradient(closest-side,rgba(160,230,20,.28),transparent)}
@media(max-width:560px){
  /* ноутбук «каждому бренду»: на десктопе рамки/шрифты/скругления стикеров в px — на узком ноутбуке пропорции ломались. Тут те же доли от ширины крышки (cqw, .lap — контейнер), сняты замером десктопа 1440 (крышка 569px) */
  .fs{border-width:.88cqw}
  .fs1{font-size:3.16cqw}
  .fs2{font-size:3.87cqw;border-radius:1.76cqw}
  .fs3{font-size:3.51cqw;border-radius:2.11cqw}
  .fs4{font-size:3.51cqw}
  .fs5{font-size:2.99cqw;border-radius:2.46cqw}
  .fs6{font-size:2.81cqw}
  .fs7{font-size:4.22cqw;border-radius:1.05cqw}
  /* 3D-стикер PRIME: купол рисует SVG-фильтр в px — на мелком стикере он другой. Рисуем в десктопном размере (крышка 567px) и уменьшаем целиком вместе с фильтром: --k = ширина крышки / 567 (ставит скрипт) */
  .our{width:124.7px;transform-origin:0 0;transform:scale(var(--k,.57)) rotate(-3deg)}
  .lap__logo{font-size:3.2cqw;letter-spacing:.83cqw}
  .lap,.lapbase{border-radius:13px}
  .fs--old::before{background-size:30cqw 30cqw}
  .fs--old::after{inset:-.88cqw;background-size:24.7cqw 24.7cqw}
  /* потёртости — того же масштаба, что на десктопе */
  .lap::after{height:.88cqw}
  .lapbase{top:4px;bottom:-4px}
}
@keyframes glint{0%,70%{background-position:130% 0}92%,100%{background-position:-30% 0}}
@keyframes rim{to{--ra:360deg}}