.page-news .hero-blog{padding:76px 0 48px;border:0;background:none}
.page-news .hero-blog h1{font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;font-weight:600;margin:18px 0}
.page-news .hero-blog .lead{font-size:20px;line-height:1.6;max-width:680px;color:var(--muted)}
.news-list{padding-bottom:90px}
.page-news .cards{gap:44px 24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.page-news .card{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;transform:none}
.page-news .card:hover{transform:none;box-shadow:none}
.page-news .card-body{padding:24px 0 0;gap:13px}
.page-news .card-rubric{font-size:12px;letter-spacing:0;color:var(--muted);text-transform:none;display:flex;gap:9px;flex-wrap:wrap}
.page-news .card-title{font-size:25px;letter-spacing:-.035em;line-height:1.2;font-weight:600}
.page-news .card-desc{font-size:15px;line-height:1.6}
.page-news .card-meta{margin-top:6px;color:var(--text)}
.news-art{display:flex;position:relative;width:100%;aspect-ratio:1.14;align-items:center;justify-content:center;border-radius:14px;overflow:hidden;color:#18203b;isolation:isolate}
.art-search{background:radial-gradient(ellipse at 0 0,#fff4b6,transparent 75%),linear-gradient(140deg,#eedf91,#e6a583)}
.art-liquid{background:radial-gradient(ellipse at 10% 100%,#76e5ce,transparent 55%),radial-gradient(ellipse at 90% 0,#d6c0fa,transparent 60%),linear-gradient(135deg,#5f75b3,#b4c6ee)}
.art-max{background:radial-gradient(ellipse at 100% 0,#dad3ff,transparent 65%),linear-gradient(125deg,#8c88e6,#b2beff)}
.demo-window,.demo-post{width:82%;background:#ffffffed;border:1px solid #ffffffa6;border-radius:13px;box-shadow:0 22px 45px #2b255a26;padding:22px;display:flex;flex-direction:column;gap:18px;transform:rotate(-4deg)}
.demo-top{font-size:9px;letter-spacing:.1em;color:#62677c;display:flex;justify-content:space-between}.demo-top i{font-style:normal}
.demo-search{background:#f8f7ff;box-shadow:0 0 0 2px #7867db;border-radius:8px;padding:12px;font-size:14px;display:flex;gap:9px}.demo-search i{margin-left:auto;font-style:normal;color:#918ba8}
.demo-result{display:flex;flex-direction:column;gap:9px;font-size:11px;line-height:1.5}.demo-result small{font-size:8px;letter-spacing:.1em;color:#7b748d}.demo-result strong{font-size:15px}.demo-result mark{background:#efe0a0;color:#302a19;padding:2px}
.demo-line{height:5px;border-radius:5px;background:#e8e7ed;width:90%}.demo-line.short{width:55%;margin-top:-10px}
.demo-desktop{display:flex;width:89%;height:65%;border-radius:13px;border:1px solid #ffffff99;background:#ffffff38;box-shadow:0 22px 50px #27365a33;transform:rotate(-5deg);overflow:hidden}
.demo-sidebar{display:flex;flex-direction:column;gap:18px;background:#ffffff52;width:34%;padding:17px 10px;font-size:10px;font-weight:600}.demo-sidebar span{font-size:8px;font-weight:400}
.demo-chat{padding:25px 14px;display:flex;flex-direction:column;justify-content:center;gap:15px}.demo-chat small{font-size:7px;letter-spacing:.12em}.demo-chat strong{font-size:25px;line-height:1.1;letter-spacing:-.04em}.demo-bubble{font-size:8px;padding:10px;background:#ffffff90;border-radius:8px}
.demo-swatches{display:flex;gap:9px;position:absolute;bottom:8%;right:8%;background:#fff9;padding:10px;border-radius:25px;box-shadow:0 8px 18px #19295522}.demo-swatches i{width:21px;height:21px;border-radius:50%;background:linear-gradient(40deg,#a1e7d1,#a6a0e4)}.demo-swatches i:nth-child(2){background:linear-gradient(40deg,#e7ae8c,#f3dfad)}.demo-swatches i:nth-child(3){background:linear-gradient(40deg,#182a54,#56b9a9)}.demo-swatches i:nth-child(4){background:linear-gradient(40deg,#caa5da,#8aa9db)}
.demo-post{transform:rotate(4deg);gap:18px}.demo-post>strong{font-size:33px;line-height:1.05;letter-spacing:-.05em}.demo-post>span:not(.demo-top):not(.demo-tools){font-size:12px;line-height:1.7}.demo-post u{color:#6555c2;text-underline-offset:3px}.demo-tools{border-top:1px solid #e7e4f0;padding-top:13px;display:flex;align-items:center;gap:15px;font-size:17px}.demo-tools span{font-size:8px;color:#706c82;margin-left:auto}
.page-news .article-head{max-width:850px;text-align:center;margin:45px auto 38px}.page-news .article-head h1{font-size:clamp(36px,5vw,62px);line-height:1.08;letter-spacing:-.045em}.news-lead{font-size:21px;line-height:1.55;color:var(--muted);max-width:680px;margin:24px auto 0}
.news-cover{max-width:950px;margin:0 auto 55px}.news-cover .news-art{aspect-ratio:1.95}.news-cover .demo-window,.news-cover .demo-post{max-width:390px}.news-cover .demo-desktop{max-width:470px}.news-cover .demo-chat strong{font-size:36px}.news-cover .demo-sidebar{padding:25px 20px;font-size:14px}.news-cover .demo-sidebar span{font-size:11px}.news-cover .demo-swatches{right:22%;bottom:9%}.news-cover figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:12px}
.page-news .prose{max-width:680px;margin:auto;font-size:18px;line-height:1.8}.page-news .prose h2{font-size:26px;letter-spacing:-.025em;margin-top:40px}.news-back{max-width:680px;margin:40px auto 0}
@media(max-width:900px){.page-news .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.news-cover .news-art{aspect-ratio:1.45}}
@media(max-width:600px){.page-news .cards{grid-template-columns:1fr;gap:38px}.page-news .hero-blog{padding:40px 0 32px}.page-news .hero-blog .lead{font-size:17px}.news-art{aspect-ratio:1.25}.page-news .card-title{font-size:25px}.page-news .article-head{text-align:left;margin:28px 0}.news-lead{font-size:18px}.news-cover .news-art{aspect-ratio:1.15}.news-cover .demo-window,.news-cover .demo-post{width:85%}.news-cover .demo-chat strong{font-size:27px}.page-news .prose{font-size:17px}.news-cover{margin-bottom:32px}.news-cover .demo-sidebar{padding:20px 10px;font-size:11px}.news-cover .demo-sidebar span{font-size:8px}}
.page-news .card .demo-window{transform:rotate(-4deg) scale(.82);flex-shrink:0;width:92%}
.page-news .card .demo-post{transform:rotate(4deg) scale(.82);flex-shrink:0;width:92%}

/* Обложки ретроспективы: спокойные разные палитры по темам. */
.art-mobile,.art-sync{background:linear-gradient(145deg,#a9d8e7,#7a99c8)}
.art-gallery{background:radial-gradient(ellipse at 20% 10%,#ffe7af,transparent 70%),linear-gradient(135deg,#eaa5a5,#b8a1dc)}
.art-guides,.art-launch{background:linear-gradient(140deg,#c4e3a3,#79bbb0)}
.art-files,.art-copy{background:linear-gradient(140deg,#f8dab1,#d8b0bd)}
.art-progress{background:linear-gradient(145deg,#a6cbc6,#899dc4)}
.art-computer,.art-desktop{background:radial-gradient(ellipse at 0 100%,#aab8ff,transparent 65%),linear-gradient(135deg,#d2c6ee,#9bbde1)}

.art-mac{background:radial-gradient(ellipse at 80% 10%,#fffdf6,transparent 70%),linear-gradient(145deg,#e9dcd5,#bfb6d2)}
.news-mac-device{width:86%;transform:rotate(-5deg);display:flex;flex-direction:column;align-items:center}
.news-device-screen{width:90%;padding:24px 20px;background:linear-gradient(135deg,#e7e7fa,#b8cece);border:8px solid #343842;border-radius:15px 15px 4px 4px;display:flex;flex-direction:column;gap:22px;box-shadow:0 16px 30px #39354625}
.news-device-screen small,.news-win-content small{font-size:9px;letter-spacing:.08em}
.news-device-screen strong{font-size:clamp(27px,3vw,46px);line-height:1.05;letter-spacing:-.05em}
.news-mac-base{width:100%;height:13px;background:linear-gradient(#e6e7ed,#a5a9b4);border-radius:2px 2px 20px 20px;box-shadow:0 20px 26px #38304426}
.news-device-tabs{display:flex;gap:14px;font-size:10px;align-items:center}.news-device-tabs i{font-style:normal;opacity:.6}.news-device-tabs:before{content:'';width:7px;height:7px;background:#388b77;border-radius:50%}
.art-windows{background:radial-gradient(ellipse at 95% 90%,#8ed9f5,transparent 65%),linear-gradient(140deg,#366ab3,#91baf0)}
.news-win-window{width:85%;transform:rotate(4deg);background:#f5f9ff;border:1px solid #fff9;border-radius:10px;box-shadow:0 24px 40px #14396940;overflow:hidden}
.news-win-toolbar{display:flex;justify-content:space-between;padding:12px 16px;background:#e6edf8;color:#425571;font-size:10px}.news-win-toolbar i{font-style:normal}
.news-win-content{display:flex;flex-direction:column;padding:27px 22px;gap:25px;color:#1a355a}.news-win-content strong{font-size:clamp(25px,2.7vw,39px);line-height:1.12;letter-spacing:-.045em}
.news-cover .news-mac-device{max-width:470px}.news-cover .news-win-window{max-width:440px}
