:root{
  --ink:#17202E;
  --paper:#F3F4F6;
  --white:#FFFFFF;
  --yellow:#FFD21F;
  --yellow-soft:#FFF3B8;
  --red:#D6342B;
  --line:#D9DCE1;
  --muted:#586274;
  --radius:6px;
  --wrap:1160px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Onest",system-ui,sans-serif;
  font-size:17px;line-height:1.6;
  color:var(--ink);background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:"Onest","Onest",sans-serif;font-weight:500;line-height:1.15;letter-spacing:-.02em}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}

/* Header */
.top{background:var(--white);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Onest",sans-serif;font-weight:600;font-size:18px;letter-spacing:-.03em}
.logo i{display:block;width:22px;height:22px;background:var(--yellow);border:2px solid var(--ink);border-radius:3px}
.nav{display:flex;gap:28px;font-size:15px}
.nav a{text-decoration:none;color:var(--muted)}
.nav a:hover{color:var(--ink)}
.btn{
  display:inline-block;text-decoration:none;font-weight:600;font-size:16px;
  padding:13px 24px;border-radius:var(--radius);border:2px solid var(--ink);
  background:var(--ink);color:var(--white);cursor:pointer;
  transition:background .15s,color .15s;
}
.btn:hover{background:var(--yellow);color:var(--ink)}
.btn.alt{background:transparent;color:var(--ink)}
.btn.alt:hover{background:var(--white)}
.btn.small{padding:9px 18px;font-size:15px}

/* Hero */
.hero{padding:72px 0 96px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.hero h1{font-size:clamp(30px,4.2vw,50px);margin-bottom:24px}
.hero p.lead{font-size:19px;color:var(--muted);max-width:30em;margin-bottom:32px}
.hero .actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.hero .note{font-size:15px;color:var(--muted)}
.hero .note b{color:var(--ink);font-weight:600}

/* Окно в стиле 1С */
.win{
  background:var(--white);border:2px solid var(--ink);border-radius:var(--radius);
  box-shadow:14px 14px 0 var(--yellow);overflow:hidden;font-size:13px;line-height:1.4;
}
.win-bar{background:var(--yellow);border-bottom:2px solid var(--ink);padding:8px 12px;display:flex;justify-content:space-between;font-weight:600}
.win-bar span:last-child{letter-spacing:.3em}
.win-tabs{display:flex;background:#ECEEF1;border-bottom:1px solid var(--line);overflow:hidden}
.win-tabs div{padding:8px 14px;white-space:nowrap;color:var(--muted);border-right:1px solid var(--line)}
.win-tabs div.on{background:var(--white);color:var(--ink);font-weight:600;box-shadow:inset 0 3px 0 var(--red)}
.win-tools{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-bottom:1px solid var(--line)}
.win-tools span{border:1px solid var(--line);border-radius:4px;padding:5px 10px;background:#FAFAFB}
.win-tools span.main{background:var(--yellow);border-color:var(--ink);font-weight:600}
.win-head{padding:12px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;border-bottom:1px solid var(--line)}
.win-head dt{color:var(--muted)}
.win-head dd{font-weight:500}
.win table{width:100%;border-collapse:collapse}
.win th{text-align:left;font-weight:500;color:var(--muted);background:#F6F7F8;padding:7px 12px;border-bottom:1px solid var(--line)}
.win td{padding:8px 12px;border-bottom:1px solid #EEF0F2}
.win .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.win tr.sel td{background:var(--yellow-soft)}
.win tfoot td{font-weight:600;border-bottom:0;padding-top:12px}

/* Sections */
section{padding:88px 0}
.sec-title{font-size:clamp(26px,3.2vw,38px);max-width:18em;margin-bottom:48px}
.white{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* Преимущества */
.perks{list-style:none}
.perks li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;padding:26px 0;border-top:1px solid var(--line)}
.perks li:last-child{border-bottom:1px solid var(--line)}
.perks h3{font-size:20px}
.perks p{color:var(--muted)}

/* Шаги */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:s;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper)}
.steps li{padding:28px 24px 32px;border-right:2px solid var(--ink);counter-increment:s}
.steps li:last-child{border-right:0}
.steps li::before{content:counter(s);display:block;font-family:"Onest",sans-serif;font-size:44px;font-weight:600;line-height:1;margin-bottom:18px;color:var(--ink);-webkit-text-stroke:0}
.steps li:nth-child(1)::before{color:var(--red)}
.steps h3{font-size:17px;margin-bottom:8px}
.steps p{font-size:15px;color:var(--muted)}

/* Способы работы */
.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}
.way{background:var(--white);border:2px solid var(--ink);border-radius:var(--radius);padding:32px}
.way-desk{background:var(--yellow)}
.way h3{font-size:22px;margin-bottom:12px}
.ways-note{color:var(--muted);max-width:40em}

/* Тарифы */
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.plan{background:var(--white);border:2px solid var(--ink);border-radius:var(--radius);padding:36px 32px}
.plan-pro{background:var(--yellow);box-shadow:10px 10px 0 var(--ink)}
.plan h3{font-size:22px;margin-bottom:12px}
.plan-price{font-family:"Onest",sans-serif;font-weight:500;font-size:clamp(32px,4vw,46px);letter-spacing:-.02em;line-height:1.1}
.plan-price small{display:block;font-family:"Onest",sans-serif;font-size:15px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:6px}
.plan-pro .plan-price small{color:var(--ink)}
.plan-for{margin:16px 0 20px}
.plan-list{list-style:none;margin-bottom:28px}
.plan-list li{padding:10px 0 10px 30px;border-top:1px solid var(--line);position:relative}
.plan-pro .plan-list li{border-top-color:rgba(23,32,46,.25)}
.plan-list li::before{content:"";position:absolute;left:2px;top:17px;width:12px;height:7px;border-left:3px solid var(--red);border-bottom:3px solid var(--red);transform:rotate(-45deg)}
.plan-pro .btn:hover{background:var(--white)}
.plans-note{margin-top:28px;font-weight:500}

/* FAQ */
.faq{max-width:760px}
.faq details{border-top:1px solid var(--line);padding:20px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:"Onest",sans-serif;font-size:22px;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:12px;color:var(--muted)}

/* Контакты */
.cta{background:var(--ink);color:var(--white);padding:80px 0}
.cta .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px}
.cta h2{font-size:clamp(24px,3vw,34px);max-width:16em}
.cta .btn{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.cta .btn:hover{background:var(--white);border-color:var(--white)}

/* Адаптив */
@media (max-width:960px){
  .hero .wrap{grid-template-columns:1fr;gap:48px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps li:nth-child(2){border-right:0}
  .steps li:nth-child(-n+2){border-bottom:2px solid var(--ink)}
  .plans,.ways{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .nav{display:none}
  .hero{padding:44px 0 64px}
  section{padding:60px 0}
  .perks li{grid-template-columns:1fr;gap:6px}
  .steps{grid-template-columns:1fr}
  .steps li{border-right:0;border-bottom:2px solid var(--ink)}
  .steps li:last-child{border-bottom:0}
  .win{box-shadow:8px 8px 0 var(--yellow)}
  .win-tabs div:nth-child(3){display:none}
  .plan,.way{padding:28px 22px}
  .plan-pro{box-shadow:6px 6px 0 var(--ink)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}


/* ===== Общая шапка сайта ===== */
.strip{background:var(--ink);color:#A9B1BF;font-size:14px}
.strip .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:7px;padding-bottom:7px}
.strip-links{display:flex;gap:20px}
.strip a{color:var(--white);text-decoration:none}
.strip a:hover{color:var(--yellow)}
.nav a.tab{background:var(--yellow);color:var(--ink);font-weight:600;padding:6px 14px;border:2px solid var(--ink);border-radius:var(--radius)}
.nav a.tab:hover{background:var(--ink);color:var(--yellow)}

/* ===== Главная ===== */
.svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.svc{border:2px solid var(--ink);border-radius:var(--radius);padding:32px;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.svc h3{font-size:22px}
.svc p{color:var(--muted);flex:1}
.svc-cloud{background:var(--yellow)}
.svc-cloud p{color:var(--ink)}

.about{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 48px}
.about .sec-title{margin-bottom:0}
.about-text p{margin-bottom:16px;max-width:36em}
.about-text p:last-child{margin-bottom:0}

.progs{list-style:none}
.progs li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr) auto;gap:24px;align-items:baseline;padding:22px 0;border-top:1px solid var(--line)}
.progs li:last-child{border-bottom:1px solid var(--line)}
.progs h3{font-size:19px}
.progs p{color:var(--muted)}
.progs a{font-weight:600;white-space:nowrap}
.more{margin-top:0}
.more summary{cursor:pointer;font-weight:600;padding:20px 0;list-style:none}
.more summary::-webkit-details-marker{display:none}
.more[open] summary{display:none}

.case{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--white);padding:36px;box-shadow:10px 10px 0 var(--yellow)}
.case-who{font-family:"Onest",sans-serif;font-weight:500;font-size:22px;letter-spacing:-.02em}
.case h3{font-size:20px;margin-bottom:10px}
.case p:not(.case-who){color:var(--muted);max-width:36em}

.cloud-band{background:var(--yellow);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:64px 0}
.cloud-band .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}
.cloud-band h2{font-size:clamp(22px,2.8vw,32px);max-width:20em}

.contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:2px solid var(--ink);border-radius:var(--radius);background:var(--white);overflow:hidden}
.contacts a{display:block;padding:28px;text-decoration:none;font-weight:600;font-size:19px;border-right:2px solid var(--ink)}
.contacts a:last-child{border-right:0}
.contacts a:hover{background:var(--yellow-soft)}
.contacts span{display:block;font-weight:400;font-size:15px;color:var(--muted);margin-bottom:4px}

@media (max-width:960px){
  .about{grid-template-columns:1fr}
  .progs li{grid-template-columns:1fr;gap:6px}
  .case{grid-template-columns:1fr}
}
@media (max-width:640px){
  .strip span:first-child{display:none}
  .strip .wrap{justify-content:flex-end}
  .top .wrap{height:auto;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px 16px}
  .nav{display:flex;order:3;flex-basis:100%;gap:18px;overflow-x:auto;white-space:nowrap;padding-bottom:4px}
  .svc-grid,.contacts{grid-template-columns:1fr}
  .svc,.case{padding:24px 20px}
  .case{box-shadow:6px 6px 0 var(--yellow)}
  .contacts a{border-right:0;border-bottom:2px solid var(--ink)}
  .contacts a:last-child{border-bottom:0}
}


/* ===== Полировка ===== */
::selection{background:var(--yellow);color:var(--ink)}
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

.hero{
  background-color:var(--paper);
  background-image:
    linear-gradient(to bottom,rgba(243,244,246,0) 35%,var(--paper) 100%),
    linear-gradient(rgba(23,32,46,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,32,46,.06) 1px,transparent 1px);
  background-size:100% 100%,48px 48px,48px 48px;
}
.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.08;letter-spacing:-.035em}
.hero p.lead{font-size:20px}
.hero .win{transform:rotate(1.2deg);transition:transform .25s}
.hero .win:hover{transform:rotate(0)}
.sec-title{font-size:clamp(28px,3.6vw,44px);letter-spacing:-.03em}

@keyframes rowin{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.hero .win tbody tr{animation:rowin .5s ease-out both}
.hero .win tbody tr:nth-child(1){animation-delay:.25s}
.hero .win tbody tr:nth-child(2){animation-delay:.55s}
.hero .win tbody tr:nth-child(3){animation-delay:.85s}
.hero .win tbody tr:nth-child(4){animation-delay:1.15s}

.ico{display:grid;place-items:center;width:54px;height:54px;background:var(--yellow);border:2px solid var(--ink);border-radius:var(--radius);margin-bottom:4px}
.ico svg{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svc-cloud .ico{background:var(--white)}
.svc,.way{transition:transform .18s,box-shadow .18s}
.svc:hover,.way:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--ink)}
.perks li{transition:background .15s}
.perks li:hover{background:var(--yellow-soft)}
.progs li{transition:background .15s}
.progs li:hover{background:var(--paper)}
.cloud-band{background-image:repeating-linear-gradient(135deg,rgba(23,32,46,.07) 0 14px,transparent 14px 28px)}
.plan{transition:transform .18s}
.plan:hover{transform:translateY(-4px)}

/* Подвал */
footer{background:var(--ink);color:#A9B1BF;font-size:15px;padding:64px 0 28px}
.foot-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px}
.foot-brand .logo{color:var(--white);margin-bottom:14px}
.foot-brand .logo i{border-color:var(--white)}
.foot-brand p{max-width:22em}
footer h4{color:var(--white);font-family:"Onest",sans-serif;font-weight:500;font-size:15px;margin-bottom:14px}
footer .foot-grid a:not(.logo){display:block;color:#A9B1BF;text-decoration:none;padding:4px 0}
footer .foot-grid a:not(.logo):hover{color:var(--yellow)}
.foot-bottom{margin-top:48px;padding-top:20px;border-top:1px solid #2E394B;font-size:14px}
@media (max-width:960px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .hero .win{transform:none}
  .foot-grid{grid-template-columns:1fr;gap:28px}
  footer{padding-top:44px}
}
@media (prefers-reduced-motion:reduce){
  .hero .win,.hero .win tbody tr{animation:none;transition:none}
  .svc:hover,.way:hover,.plan:hover{transform:none}
}


/* ===== Вариант soft ===== */
/* Вариант «Светлый мягкий»: подключать после style.css */
:root{--ink:#0F1B33;--paper:#F5F7FB;--white:#FFFFFF;--line:#E3E8F1;--muted:#5B6882;--yellow-soft:#FFF6CF;--red:#3A63F5;--radius:14px}
body,.faq summary{font-family:"Onest",system-ui,sans-serif}
h1,h2,h3,.plan-price,.case-who,.logo,.steps li::before,footer h4,.faq summary::after{font-family:"Onest",sans-serif}
h1,h2,h3{font-weight:700;letter-spacing:-.03em}

/* кнопки и логотип */
.btn{border-radius:999px;border-width:0;padding:14px 28px}
.btn.small{padding:10px 20px}
.btn.alt{border:1.5px solid var(--ink)}
.logo i{border:0;border-radius:8px;background:linear-gradient(135deg,var(--yellow),#FFB300)}
.foot-brand .logo i{border:0}
.nav a.tab{border:0;border-radius:999px}

/* первый экран */
.hero{
  background-image:
    radial-gradient(560px 380px at 92% 8%,rgba(255,210,31,.38),transparent 70%),
    radial-gradient(520px 420px at 0% 100%,rgba(58,99,245,.12),transparent 70%);
  background-size:auto;
}

/* карточки: тонкая линия и мягкая тень вместо жёстких рамок */
.win,.svc,.way,.plan,.case{border:1px solid var(--line);box-shadow:0 24px 48px -26px rgba(15,27,51,.35)}
.win{box-shadow:0 36px 70px -28px rgba(15,27,51,.4)}
.win-bar{border-bottom:0}
.svc,.way,.plan,.case{background:var(--white)}
.svc:hover,.way:hover{transform:translateY(-4px);box-shadow:0 30px 56px -24px rgba(15,27,51,.4)}
.svc-cloud,.way-desk,.plan-pro{background:var(--yellow-soft);border-color:#FFD95A}
.plan-pro{box-shadow:0 30px 60px -26px rgba(214,160,0,.55)}
.ico{border:0;background:var(--yellow-soft);border-radius:14px}
.svc-cloud .ico{background:#fff}
.cloud-band{border:0;background:linear-gradient(120deg,#FFD21F,#FFE985)}

/* шаги и контакты — отдельные карточки */
.steps{border:0;background:transparent;gap:16px}
.steps li{border:1px solid var(--line)!important;border-radius:var(--radius);background:var(--white)}
.contacts{border:0;background:transparent;gap:16px;overflow:visible}
.contacts a{border:1px solid var(--line)!important;border-radius:var(--radius);background:var(--white)}


/* ===== Сетка на фоне (вариант soft) ===== */
body{
  background-color:var(--paper);
  background-image:
    linear-gradient(rgba(15,27,51,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,27,51,.055) 1px,transparent 1px);
  background-size:48px 48px;
}
.hero{background-color:transparent}
.white{background:rgba(255,255,255,.86)}
.nav{gap:22px}
@media (max-width:1000px){.nav{gap:16px;font-size:14px}}

/* ===== Окно интерфейса: 3D-наклон и анимация при наведении ===== */
.hero .win[data-tilt]{
  position:relative;
  transform:perspective(1100px) rotateY(-6deg) rotateX(3deg);
  transition:transform .18s ease-out,box-shadow .3s;
  will-change:transform;
}
.hero .win[data-tilt]:hover{
  transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px);
  box-shadow:0 50px 80px -30px rgba(15,27,51,.5);
}
.win .cur{position:absolute;left:80%;top:72%;opacity:0;pointer-events:none;z-index:5;filter:drop-shadow(0 3px 4px rgba(15,27,51,.35))}
.win:hover .cur{animation:curmove 2.6s ease-in-out forwards}
@keyframes curmove{
  0%{opacity:0;left:80%;top:72%}
  12%{opacity:1}
  52%{opacity:1;left:var(--cx,15%);top:var(--cy,70px);transform:scale(1)}
  60%{transform:scale(.8)}
  68%{opacity:1;left:var(--cx,15%);top:var(--cy,70px);transform:scale(1)}
  100%{opacity:0;left:var(--cx,15%);top:var(--cy,70px)}
}
.win:hover .win-tools .main{animation:press 2.6s}
@keyframes press{0%,54%{transform:none}60%{transform:scale(.92);box-shadow:inset 0 2px 6px rgba(15,27,51,.3)}70%,100%{transform:none}}
.win:hover tbody tr td{animation:flash 1.1s ease-out}
.win:hover tbody tr:nth-child(1) td{animation-delay:1.6s}
.win:hover tbody tr:nth-child(2) td{animation-delay:1.85s}
.win:hover tbody tr:nth-child(3) td{animation-delay:2.1s}
@keyframes flash{0%{background:var(--yellow)}100%{background:transparent}}
.win:hover tbody tr.sel td{animation-name:flashsel}
@keyframes flashsel{0%{background:var(--yellow)}100%{background:var(--yellow-soft)}}
.swap{position:relative}
.swap .a,.swap .b{transition:opacity .25s}
.swap .b{position:absolute;left:0;top:0;opacity:0;font-weight:600}
.win:hover .swap .a{opacity:0;transition-delay:1.7s}
.win:hover .swap .b{opacity:1;transition-delay:1.7s}

/* панель показателей на странице «Что такое 1С» */
.dash{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}
.tile{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#FAFBFD}
.tile span{display:block;color:var(--muted);font-size:12px}
.tile b{font-size:15px;font-variant-numeric:tabular-nums}
.bars{grid-column:1/-1;height:120px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid var(--line);padding:0 4px}
.bars i{flex:1;height:var(--h);background:var(--yellow);border:1px solid var(--ink);border-bottom:0;border-radius:6px 6px 0 0;transition:height .6s cubic-bezier(.3,1.3,.5,1)}
.win:hover .bars i{height:var(--h2)}
.bars i:nth-child(odd){background:var(--yellow-soft)}
.dash-note{padding:0 14px 12px;font-size:12px;color:var(--muted)}

/* ===== Отзывы ===== */
.reviews{outline:none;border-radius:var(--radius)}
.reviews:focus-visible{outline:3px solid var(--red);outline-offset:6px}
.rev-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.review{background:var(--white);border:1px dashed #BCC6DA;border-radius:var(--radius);padding:20px 22px;margin:0}
.review::before{content:"“";display:block;font-family:"Onest",sans-serif;font-weight:700;font-size:38px;line-height:.8;color:var(--yellow);margin-bottom:6px}
.review p{color:var(--muted);font-size:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rev-by{margin-top:14px;font-size:14px}
.rev-by b{display:block;font-weight:600}
.rev-by span{color:var(--muted)}
.rev-more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s ease,opacity .35s}
.rev-more>div{overflow:hidden;min-height:0}
.rev-more .rev-row{padding-top:16px}
.reviews:hover .rev-more,.reviews:focus-within .rev-more{grid-template-rows:1fr;opacity:1}
.rev-hint{margin-top:14px;font-size:14px;color:var(--muted);transition:opacity .25s}
.reviews:hover .rev-hint,.reviews:focus-within .rev-hint{opacity:0}

/* ===== Кнопка WhatsApp ===== */
.btn.wa{display:inline-flex;align-items:center;gap:10px}
.btn.wa svg{flex:none}

/* ===== Страница «Что такое 1С» ===== */
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bit{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 24px 48px -30px rgba(15,27,51,.35);transition:transform .18s,box-shadow .18s}
.bit:hover{transform:translateY(-4px);box-shadow:0 30px 56px -26px rgba(15,27,51,.4)}
.bit .ico{margin-bottom:14px}
.bit h3{font-size:20px;margin-bottom:8px}
.bit p{color:var(--muted)}
.bit.wide{grid-column:span 2}
.bit.hot{grid-column:1/-1;background:linear-gradient(120deg,#FFD21F,#FFE985);border-color:#FFD21F}
.bit.hot p{color:var(--ink);max-width:40em}
.bit.hot .ico{background:#fff}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.split .sec-title{margin-bottom:24px}
.body-text{color:var(--muted);margin-bottom:14px;max-width:32em}
.layers{display:flex;flex-direction:column;gap:10px}
.layer{border-radius:var(--radius);padding:20px 24px;border:1px solid var(--line);background:var(--white);box-shadow:0 18px 36px -26px rgba(15,27,51,.4);transition:transform .2s}
.layer b{display:block;font-size:18px}
.layer span{color:var(--muted);font-size:15px}
.layer.l3{background:var(--yellow-soft);border-color:#FFD95A;margin-left:0}
.layer.l2{margin-left:28px}
.layer.l1{margin-left:56px;background:var(--ink);border-color:var(--ink)}
.layer.l1 b{color:#fff}
.layer.l1 span{color:#B6C0D6}
.layers:hover .l3{transform:translateX(-8px)}
.layers:hover .l1{transform:translateX(8px)}

.chips{list-style:none;display:flex;flex-wrap:wrap;gap:12px}
.chips li{padding:12px 22px;border-radius:999px;background:var(--white);border:1px solid var(--line);font-weight:500;transition:background .15s,transform .15s}
.chips li:hover{background:var(--yellow);border-color:var(--yellow);transform:translateY(-2px)}

.where{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wh{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.wh h3{font-size:20px}
.wh p{color:var(--muted);flex:1}
.wh.best{background:var(--yellow-soft);border:1.5px solid #FFD21F;box-shadow:0 30px 60px -28px rgba(214,160,0,.55)}
.wh.best p{color:var(--ink)}

.consult{padding-top:0}
.consult-box{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;
  border-radius:calc(var(--radius) + 6px);padding:48px;
  background-color:#FFD21F;
  background-image:linear-gradient(135deg,#FFD21F,#FFE985),linear-gradient(rgba(15,27,51,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(15,27,51,.07) 1px,transparent 1px);
  background-size:100% 100%,32px 32px,32px 32px;
  background-blend-mode:normal;
  box-shadow:0 40px 70px -34px rgba(214,160,0,.7);
}
.consult-box h2{font-size:clamp(24px,3vw,36px);max-width:18em;margin-bottom:10px}
.consult-box p{max-width:30em}
.consult-act{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.consult-phone{font-weight:600;font-size:18px;text-decoration:none}
.consult-phone:hover{text-decoration:underline}

@media (max-width:960px){
  .rev-row,.bento,.where{grid-template-columns:1fr}
  .bit.wide,.bit.hot{grid-column:auto}
  .split{grid-template-columns:1fr;gap:32px}
}
@media (max-width:640px){
  .hero .win[data-tilt]{transform:none}
  .dash{grid-template-columns:1fr}
  .consult-box{padding:28px 22px}
  .layer.l2{margin-left:14px}.layer.l1{margin-left:28px}
}
@media (prefers-reduced-motion:reduce){
  .win .cur{display:none}
  .win:hover .win-tools .main,.win:hover tbody tr td{animation:none}
  .hero .win[data-tilt]{transform:none}
  .rev-more{transition:none}
}


/* ===== Меню: наведение и текущий раздел ===== */
.nav a{padding:7px 14px;border-radius:999px;transition:background .18s,color .18s,box-shadow .18s}
.nav a:hover{background:var(--yellow-soft);color:var(--ink)}
.nav a.is-active,.nav a[aria-current="page"],.nav a[aria-current="location"]{background:var(--yellow);color:var(--ink);box-shadow:0 6px 14px -8px rgba(214,160,0,.8)}
.nav{gap:6px}
section[id],.cta[id],.prog[id]{scroll-margin-top:84px}
@media (max-width:1000px){.nav{gap:4px}.nav a{padding:6px 10px}}
@media (max-width:640px){.nav{gap:6px}}

/* ===== О нас ===== */
.sub-title{font-size:clamp(20px,2.2vw,26px);margin-bottom:14px}
.about-block+.about-block{margin-top:64px;padding-top:48px;border-top:1px solid var(--line)}
.sub-lead{color:var(--muted);max-width:40em;margin-bottom:28px}
.impl{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.impl li{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;transition:transform .18s,background .18s,box-shadow .18s}
.impl li:hover{transform:translateY(-3px);background:var(--yellow-soft);box-shadow:0 22px 40px -26px rgba(15,27,51,.4)}
.impl b{display:block;font-size:18px;font-weight:600}
.impl span{color:var(--muted);font-size:15px}
.impl-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:24px}
.impl-links a{font-weight:600}
.about-block.about{display:block}
.about-block.about .about-text{max-width:42em}
.about-block.about .about-text p{color:var(--muted)}

/* ===== Страница «Программы» ===== */
.page-hero{padding:64px 0 56px}
.page-hero h1{font-size:clamp(32px,4.6vw,54px);line-height:1.08;margin-bottom:18px;max-width:16em}
.page-hero .lead{font-size:19px;color:var(--muted);max-width:38em;margin-bottom:28px}
.jump{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.jump a{display:block;text-decoration:none;font-weight:500;padding:9px 18px;border-radius:999px;background:var(--white);border:1px solid var(--line);transition:background .15s,transform .15s}
.jump a:hover{background:var(--yellow);border-color:var(--yellow);transform:translateY(-2px)}

.pick-list{list-style:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow:hidden}
.pick-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;padding:16px 24px;border-top:1px solid var(--line);transition:background .15s}
.pick-list li:first-child{border-top:0}
.pick-list li:hover{background:var(--yellow-soft)}
.pick-list a{font-weight:600}
.pick-note{margin-top:20px;color:var(--muted);max-width:44em}

.progs-wrap{display:grid;gap:24px}
.prog{background:var(--white);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);padding:36px;box-shadow:0 24px 48px -30px rgba(15,27,51,.35)}
.prog-head{display:flex;gap:18px;align-items:center;margin-bottom:24px}
.prog-head h2{font-size:clamp(24px,2.6vw,32px)}
.prog-for{color:var(--muted);margin-top:4px}
.prog-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.prog-desc{margin-bottom:18px}
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.tags li{font-size:14px;padding:5px 14px;border-radius:999px;background:var(--yellow-soft);border:1px solid #FFD95A}
.prog-pick{font-size:15px;color:var(--muted);padding:14px 16px;border-left:3px solid var(--yellow);background:var(--paper);border-radius:0 var(--radius) var(--radius) 0}
.prog-pick b{color:var(--ink)}
.prog h3{font-size:17px;margin-bottom:12px}
.checks{list-style:none;margin-bottom:24px}
.checks li{position:relative;padding:8px 0 8px 30px;border-top:1px solid var(--line)}
.checks li:first-child{border-top:0}
.checks li::before{content:"";position:absolute;left:3px;top:15px;width:11px;height:6px;border-left:3px solid var(--red);border-bottom:3px solid var(--red);transform:rotate(-45deg)}
.prog:target{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow),0 24px 48px -30px rgba(15,27,51,.35)}

@media (max-width:960px){
  .impl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prog-body{grid-template-columns:1fr;gap:24px}
}
@media (max-width:640px){
  .impl{grid-template-columns:1fr}
  .prog{padding:24px 20px}
  .pick-list li{grid-template-columns:1fr;gap:4px;padding:14px 18px}
  .page-hero{padding:40px 0 36px}
}


/* ===== Меню: яркие состояния (перекрывают выше) ===== */
.nav a:hover{background:var(--yellow);color:var(--ink);transform:translateY(-2px);box-shadow:0 10px 18px -8px rgba(214,160,0,.9)}
.nav a.is-active,.nav a[aria-current="page"],.nav a[aria-current="location"]{background:var(--ink);color:var(--white);box-shadow:0 8px 16px -8px rgba(15,27,51,.6);transform:none}
.nav a.is-active:hover,.nav a[aria-current="page"]:hover,.nav a[aria-current="location"]:hover{background:var(--ink);color:var(--yellow);transform:translateY(-2px)}
.nav a{transition:background .15s,color .15s,box-shadow .15s,transform .15s}


/* ===== Окно «Личный кабинет в разработке» ===== */
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,27,51,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.modal.open{display:flex;animation:mfade .2s ease-out}
.modal-box{background:var(--white);border-radius:calc(var(--radius) + 6px);padding:40px 36px 32px;max-width:420px;width:100%;text-align:center;box-shadow:0 40px 80px -30px rgba(15,27,51,.6);animation:mpop .25s cubic-bezier(.3,1.3,.5,1)}
.modal-box .ico{margin:0 auto 18px;width:64px;height:64px;background:var(--yellow)}
.modal-box h2{font-size:24px;margin-bottom:10px}
.modal-box p{color:var(--muted);margin-bottom:24px}
@keyframes mfade{from{opacity:0}to{opacity:1}}
@keyframes mpop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}

/* Отзывы: показываем текст целиком */
.review p{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:15px}
.review{border-style:solid;border-color:var(--line);box-shadow:0 18px 36px -28px rgba(15,27,51,.4);display:flex;flex-direction:column}
.review .rev-by{margin-top:auto;padding-top:14px}


/* ===== Жёлтое выделение заголовков ===== */
.hl{background-color:var(--yellow);padding:0 .14em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sec-title{line-height:1.3}