@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0E1830;--blue:#1B2A4A;--silver:#C7D0DC;--aqua:#01C4B1}*{box-sizing:border-box}body{margin:0;color:#fff;font:16px/1.65 Manrope,Arial,sans-serif;background:radial-gradient(ellipse at 65% 5%,#2d4774,transparent 43%),linear-gradient(150deg,var(--blue),var(--bg) 75%)}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}.wrap{width:min(1080px,calc(100% - 36px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{display:flex;gap:10px;align-items:center;font-weight:800;text-decoration:none}.brand img{width:42px;height:42px;border-radius:50%}.nav{font-size:13px;color:var(--silver)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;padding:50px 0 90px}.hero img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:50%;box-shadow:0 0 80px #01c4b125}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--aqua);text-transform:uppercase}h1{font-size:clamp(46px,7vw,82px);line-height:1.08;letter-spacing:-.055em;margin:14px 0}h2{font-size:clamp(28px,4vw,44px);line-height:1.2;letter-spacing:-.04em;margin:10px 0 22px}.hero h2{font-size:clamp(23px,3vw,33px)}p{color:var(--silver)}.lead{font-size:18px}.button{display:inline-block;padding:17px 26px;background:var(--aqua);color:#09212b;border-radius:14px;font-weight:800;text-decoration:none;text-align:center;min-height:58px}.cta{margin-top:25px}.small{font-size:12px;max-width:480px}.small a,.footer a,.cookie a{color:#b8fff4}.pilot{font-size:13px;margin:10px 0}.section{padding:65px 0}.panel{padding:clamp(24px,5vw,50px);border-radius:25px;border:1px solid #c7d0dc30;background:#26395780}.statement{font-size:clamp(19px,2.5vw,27px)}.legend{border-left:3px solid #d4ad6a}.legend p{font-size:clamp(18px,2vw,24px);line-height:1.8;color:#f1f4fa}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tile{border:1px solid #c7d0dc30;background:#1b2d4ab8;border-radius:20px;padding:26px}.tile p{color:#edf2f7;margin:12px 0 0}.num{color:var(--aqua);font-weight:800}.emoji{font-size:30px}.faq{max-width:780px}.faq details{border-bottom:1px solid #c7d0dc30;padding:20px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{margin-bottom:0}.final{text-align:center;padding:70px 0;background:radial-gradient(ellipse at center,#25445e,transparent 72%)}.final .small{margin:12px auto}.footer{border-top:1px solid #c7d0dc30;padding:32px 0 45px;font-size:13px}.links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:18px 0}.cookie{position:fixed;z-index:10;bottom:16px;left:16px;right:16px;max-width:780px;margin:auto;display:flex;align-items:center;gap:18px;padding:17px;border:1px solid #638b99;border-radius:16px;background:#213655;box-shadow:0 12px 45px #0009;font-size:13px}.cookie p{margin:0}.cookie button{border:0;background:var(--aqua);border-radius:9px;padding:12px 18px;font:700 13px Manrope;cursor:pointer}.doc{max-width:720px;margin:40px auto 90px}.doc h1{font-size:clamp(34px,5vw,54px)}.doc h2{font-size:22px;margin:36px 0 10px}.placeholder{border-left:2px solid var(--aqua);background:#253a5877;padding:12px 16px}@media(max-width:700px){.hero{display:flex;flex-direction:column-reverse;text-align:center;gap:10px;padding:10px 0 55px}.hero img{width:min(62vw,260px);margin:0 auto}.hero h1{font-size:49px}.hero .button,.final .button{width:100%}.lead{font-size:16px}.section{padding:46px 0}.grid{grid-template-columns:1fr}.tile{padding:22px}.cookie{display:block}.cookie button{width:100%;margin-top:12px}.links{flex-direction:column}.doc{margin:30px auto 70px}}/* 22.10 Роман: новая структура: кнопка в шапке, вау из отчёта, тонкая плашка cookie */
.button.mini{min-height:0;padding:10px 16px;font-size:14px;border-radius:11px}
.more{display:inline-block;margin-top:18px;color:var(--aqua);font-weight:700;text-decoration:none;border-bottom:1px solid #01c4b166}
.more::after{content:" ↓"}
.slides{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;-webkit-overflow-scrolling:touch}
.slides img{flex:0 0 auto;width:min(300px,74vw);height:auto;border-radius:22px;scroll-snap-align:start;box-shadow:0 18px 50px #0008}
.note{font-size:13px;margin-top:10px}
.cookie{max-width:560px;padding:10px 12px 10px 16px;gap:12px;border-radius:12px;font-size:12px}
.cookie button{padding:8px 14px;font-size:12px}
@media(max-width:700px){.cookie{display:flex;left:10px;right:10px;bottom:10px}.cookie button{width:auto;margin-top:0;flex:none}.hero h1{font-size:38px;line-height:1.12}.header .brand span{font-size:15px}}
.pains{display:grid;gap:16px}
.pain{border:1px solid #c7d0dc30;background:#1b2d4ab8;border-radius:20px;padding:22px 24px}
.pain .was{margin:0;color:#9fb0c6;font-size:15px}
.pain .was::before{content:"Было: ";color:#F3BE6E;font-weight:700}
.pain .now{margin:12px 0 0;color:#fff;font-size:17px}
.pain.soon{position:relative}.pain.soon::after{content:"Скоро";position:absolute;top:16px;right:18px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#0E1830;background:#F3BE6E;border-radius:999px;padding:3px 10px}
.pain.soon .was{padding-right:70px}
.pain .now::before{content:"С Хранителем AI: ";color:var(--aqua);font-weight:700}
.chat{max-width:560px;display:flex;flex-direction:column;gap:12px}
.msg{border-radius:18px;padding:14px 18px;max-width:88%}
.msg p{margin:0;color:#eef3f8;font-size:15px}.msg p+p{margin-top:10px}
.msg b{display:block;color:var(--aqua);font-size:13px;margin-bottom:6px}
.msg.in{background:#22385a;border:1px solid #c7d0dc26;align-self:flex-start;border-bottom-left-radius:6px}
.msg.out{background:#0f6f68;align-self:flex-end;border-bottom-right-radius:6px}
.btns{display:flex;gap:8px;margin-top:12px}.btns span{flex:1;text-align:center;border:1px solid #01c4b180;border-radius:10px;padding:8px;font-size:14px;font-weight:700;color:#b8fff4}
/* 22.10 Роман: заметнее названия разделов (Дмитрий) */
.section .eyebrow,.final .eyebrow{font-size:17px;letter-spacing:.12em}
.section h2,.final h2{font-size:clamp(32px,5vw,48px);margin-top:12px}
.section{border-top:1px solid #c7d0dc1f}
@media(max-width:700px){.section .eyebrow,.final .eyebrow{font-size:16px}.section h2,.final h2{font-size:34px;line-height:1.15}}
.msg .en{font-style:italic;color:#c7d0dc}
.safe{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}
.safe img{width:100%;height:auto;border-radius:24px;box-shadow:0 0 60px #f3be6e22}
.grid.one{grid-template-columns:1fr}
@media(max-width:700px){.safe{grid-template-columns:1fr}.safe img{max-height:360px;object-fit:cover;object-position:center 40%}}
/* 22.10 Роман: шапка всегда видна (Дмитрий: в Chrome на iPhone шапка уезжала) */
.header{position:sticky;top:0;z-index:20;width:100%;padding:12px max(18px,calc((100% - 1080px)/2));background:rgba(14,24,48,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #c7d0dc1a}
html{scroll-padding-top:80px}
[hidden]{display:none!important}