/* Специализированная композиция страницы «Конверсия» поверх общей системы портала. */

.atlas-page{
  --atlas-paper:#f1eee6;
  --atlas-sheet:#faf8f2;
  --atlas-ink:#17201d;
  --atlas-forest:#174d3d;
  --atlas-blue:#315c70;
  --atlas-ochre:#9a6d19;
  --atlas-rust:#9a4337;
  --atlas-rule:rgba(23,32,29,.22);
  background:var(--atlas-paper);
  color:var(--atlas-ink);
  font-family:"Inter Tight",sans-serif;
}

.atlas-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.24;
  background-image:linear-gradient(rgba(23,32,29,.035) 1px,transparent 1px);
  background-size:100% 28px;
}

.atlas-page .confidential{
  background:#121917;
  color:#d8ddd9;
  padding:8px 20px;
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.atlas-page .topbar{
  background:rgba(241,238,230,.96);
  border-bottom:1px solid var(--atlas-rule);
  backdrop-filter:blur(18px);
}

.atlas-page .topbar .shell{max-width:1320px;min-height:76px}
.atlas-page .brand{font-family:"Source Serif 4",serif;font-size:24px;letter-spacing:-.02em}
.atlas-page .brand small{font-family:"Inter Tight",sans-serif;font-size:9px;letter-spacing:.16em;margin-top:2px}
.atlas-page .nav{gap:0}
.atlas-page .nav a{border-radius:0;border-bottom:2px solid transparent;padding:24px 11px 20px;font-size:12px;letter-spacing:.03em}
.atlas-page .nav a:hover,.atlas-page .nav a.active{background:transparent;border-bottom-color:var(--atlas-forest)}

.atlas-main{max-width:1260px;padding-top:74px;counter-reset:atlas-chapter}
.atlas-main>.eyebrow{color:var(--atlas-rust);letter-spacing:.17em}
.atlas-main>h1{
  max-width:1080px;
  margin:20px 0 28px;
  font-family:"Source Serif 4",serif;
  font-size:clamp(54px,7.6vw,108px);
  line-height:.92;
  letter-spacing:-.055em;
  font-weight:500;
}
.atlas-main>.lead{max-width:840px;font-family:"Source Serif 4",serif;font-size:clamp(20px,2.15vw,29px);line-height:1.42;color:#43504b;font-variant-numeric:lining-nums proportional-nums}

.atlas-meta{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin:52px 0 0;
  border-top:1px solid var(--atlas-ink);
  border-bottom:1px solid var(--atlas-rule);
}
.atlas-meta span{padding:18px 18px 20px 0;border-right:1px solid var(--atlas-rule)}
.atlas-meta span+span{padding-left:18px}
.atlas-meta span:last-child{border-right:0}
.atlas-meta small{display:block;color:#68726e;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px}
.atlas-meta b{font-family:"Inter Tight",sans-serif;font-size:16px;font-weight:600;font-variant-numeric:lining-nums tabular-nums}

.atlas-index{
  display:flex;
  align-items:center;
  gap:7px;
  margin:22px 0 0;
  overflow-x:auto;
  scrollbar-width:thin;
}
.atlas-index span{margin-right:10px;color:#68726e;font-size:10px;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.atlas-index a{white-space:nowrap;text-decoration:none;border:1px solid var(--atlas-rule);padding:8px 11px;font-size:12px;transition:.18s ease}
.atlas-index a:hover{background:var(--atlas-ink);color:var(--atlas-sheet)}

.atlas-main>.chapter{
  counter-increment:atlas-chapter;
  position:relative;
  scroll-margin-top:105px;
  padding-top:116px;
}
.atlas-main>.chapter::before{
  content:"ДОСЬЕ / 0" counter(atlas-chapter);
  display:block;
  margin-bottom:15px;
  color:var(--atlas-rust);
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}
.atlas-main>.chapter>h2{
  max-width:860px;
  margin:0 0 34px;
  font-family:"Source Serif 4",serif;
  font-size:clamp(38px,5vw,67px);
  line-height:1.02;
  font-weight:500;
  letter-spacing:-.04em;
}
.atlas-main>.chapter>.lead{max-width:820px;font-family:"Source Serif 4",serif;font-size:22px;line-height:1.5;color:#4a5752;font-variant-numeric:lining-nums proportional-nums}

.atlas-page .card,.atlas-page .evidence-case,.atlas-page .number-card,.atlas-page .money-card{
  box-shadow:none;
  border-color:var(--atlas-rule);
  border-radius:0;
  background:var(--atlas-sheet);
}

.atlas-page .funnel-wrap{gap:0;border-top:1px solid var(--atlas-ink);border-bottom:1px solid var(--atlas-ink)}
.atlas-page .funnel{padding:30px 34px 34px;border:0;background:transparent}
.atlas-page .funnel+.funnel{border-left:1px solid var(--atlas-ink)}
.atlas-page .funnel .eyebrow{margin-bottom:6px;color:var(--atlas-rust)}
.atlas-page .funnel.target .eyebrow{color:var(--atlas-forest)}
.atlas-page .funnel h3{font-family:"Source Serif 4",serif;font-size:25px;font-weight:500;margin-bottom:24px}
.atlas-page .funnel-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;height:72px;padding:0;border:0;border-radius:0;background:transparent;font-size:16px;text-align:left;align-items:center}
.atlas-page .funnel-bar{position:relative;display:grid;place-items:center;align-self:stretch;font-family:"Inter Tight",sans-serif;font-variant-numeric:lining-nums tabular-nums}
.atlas-page .funnel-bar::before{content:"";position:absolute;inset-block:0;left:50%;transform:translateX(-50%);width:calc(var(--stage-count) / 64 * 100%);background:#d8e0db}
.atlas-page .funnel-bar b{position:relative;font-size:20px;font-weight:600}
.atlas-page .funnel-stage>span:last-child{line-height:1.25}
.atlas-page .funnel-stage:first-of-type,.atlas-page .funnel-stage:last-of-type{border-radius:0}
.atlas-page .funnel-stage.lost{background:transparent;color:#5c201a}
.atlas-page .funnel-stage.target{background:transparent;color:#153d32}
.atlas-page .funnel-stage.lost .funnel-bar::before{background:#e7cbc5}
.atlas-page .funnel-stage.target .funnel-bar::before{background:#c7ddd2}
.atlas-page .funnel p{font-size:16px;line-height:1.58;margin:22px 0 0}
.atlas-page .funnel p b{font-family:"Inter Tight",sans-serif;font-size:27px;font-weight:600;font-variant-numeric:lining-nums tabular-nums}

.atlas-page .callout{
  max-width:920px;
  margin:34px 0 0 auto;
  padding:24px 28px;
  border:0;
  border-top:1px solid var(--atlas-rust);
  border-bottom:1px solid var(--atlas-rust);
  background:transparent;
  font-family:"Source Serif 4",serif;
  font-size:22px;
  line-height:1.5;
  font-variant-numeric:lining-nums proportional-nums;
}

.atlas-page .economics-control{border-radius:0;border:1px solid var(--atlas-ink);background:var(--atlas-sheet);padding:28px}
.atlas-page .economics-control label{font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.atlas-page .economics-control input{border:0;border-bottom:2px solid var(--atlas-forest);border-radius:0;background:transparent;padding:7px 0;font-family:"Inter Tight",sans-serif;font-size:36px;font-weight:600;font-variant-numeric:lining-nums tabular-nums}
.atlas-page .economics-control strong{color:var(--atlas-forest);font-family:"Inter Tight",sans-serif;font-size:22px;font-weight:600;font-variant-numeric:lining-nums tabular-nums}
.atlas-page [data-order-average],.atlas-page [data-order-gross]{font-family:"Inter Tight",sans-serif;font-weight:600;font-variant-numeric:lining-nums tabular-nums}
.atlas-page .data-figure{font-family:"Inter Tight",sans-serif;font-weight:600;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.015em}
.atlas-page .money-grid.scenarios{gap:0;border-top:1px solid var(--atlas-ink);border-bottom:1px solid var(--atlas-ink)}
.atlas-page .money-card{border:0;border-right:1px solid var(--atlas-rule);border-top:6px solid var(--scenario);padding:28px 26px 30px}
.atlas-page .money-card:last-child{border-right:0}
.atlas-page .money-card h3{font-family:"Source Serif 4",serif;font-size:24px;font-weight:500}
.atlas-page .money-card .metric{align-items:center}
.atlas-page .money-card .metric span{font-size:16.5px;line-height:1.35;color:#4a5651}
.atlas-page .money-card .metric strong{font-family:"Inter Tight",sans-serif;font-weight:600;font-variant-numeric:lining-nums tabular-nums}

.atlas-page .break-grid{gap:0;border-top:1px solid var(--atlas-ink);border-left:1px solid var(--atlas-rule)}
.atlas-page .break-grid>.number-card{position:relative;min-height:260px;border:0;border-right:1px solid var(--atlas-rule);border-bottom:1px solid var(--atlas-rule);padding:28px}
.atlas-page .number-card>strong{color:var(--atlas-rust);font-family:"Inter Tight",sans-serif;font-weight:600;font-variant-numeric:lining-nums tabular-nums}
.atlas-page .number-card h3{font-family:"Source Serif 4",serif;font-size:25px;font-weight:500}
.atlas-page .number-card p{font-size:16px;line-height:1.58;color:#3f4b46}

#evidence>h2{margin-bottom:12px}
#evidence>.lead{margin-bottom:42px}
.atlas-page .evidence-case{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:0 38px;
  margin:0;
  padding:54px 0 58px;
  border:0;
  border-top:1px solid var(--atlas-ink);
  background:transparent;
}
.atlas-page .evidence-case:last-of-type{border-bottom:1px solid var(--atlas-ink)}
.atlas-page .evidence-case .case-head{grid-column:1/-1;display:grid;grid-template-columns:86px 1fr;gap:24px;margin-bottom:28px}
.atlas-page .case-no{font-family:"Inter Tight",sans-serif;font-size:56px;font-weight:600;color:var(--atlas-rust);font-variant-numeric:lining-nums tabular-nums}
.atlas-page .case-head .eyebrow{color:var(--atlas-rust);margin-bottom:6px}
.atlas-page .case-head h3{font-family:"Source Serif 4",serif;font-size:clamp(28px,3vw,43px);font-weight:500;letter-spacing:-.025em}
.atlas-page .meta{margin-bottom:0}
.atlas-page .tag{border:1px solid var(--atlas-rule);border-radius:0;background:transparent;padding:4px 7px;font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.atlas-page .dialogue{grid-column:1;grid-row:2/span 3;margin:0;border-radius:0;background:var(--atlas-sheet);padding:24px 26px;border-left:3px solid var(--atlas-ink);font-family:"Source Serif 4",serif;font-size:18px;line-height:1.55;font-variant-numeric:lining-nums proportional-nums}
.atlas-page .dialogue p{padding:11px 10px;margin:0;border-bottom:1px solid rgba(23,32,29,.09)}
.atlas-page .dialogue p:last-child{border-bottom:0}
.atlas-page .dialogue .speaker{font-family:"Inter Tight",sans-serif;color:#69736f;font-size:10px;letter-spacing:.12em}
.atlas-page .break-line{background:#edd9d4;border-left:3px solid var(--atlas-rust)}
.atlas-page .good-line{background:#dce9e2;border-left:3px solid var(--atlas-forest)}
.atlas-page .evidence-audio{grid-column:2;grid-row:2;align-self:start}
.atlas-page .audio-box{border-radius:0;border-color:var(--atlas-rule);padding:13px 15px;background:rgba(250,248,242,.68)}
.atlas-page .audio-box.synthetic{border-style:solid;border-left:3px solid var(--atlas-forest)}
.atlas-page .audio-box b{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.atlas-page audio{height:34px;accent-color:var(--atlas-forest)}
.atlas-page .evidence-analysis{grid-column:2;grid-row:3/span 2;min-width:0;align-self:start}
.atlas-page .evidence-analysis h3{margin:23px 0 12px;font-family:"Source Serif 4",serif;font-size:22px;font-weight:500}
.atlas-page .evidence-analysis p{margin:0 0 16px;color:#3f4b46;font-size:16px;line-height:1.62}
.atlas-page .evidence-analysis p:last-child{margin-bottom:0}
.atlas-page .repair>p{grid-column:1/-1;margin:4px 0 0}
.atlas-page .conclusion-examples{max-width:820px;padding-left:24px;font-size:19px;line-height:1.65}
.atlas-page .conclusion-examples li{margin:12px 0}
.atlas-page .repair{grid-column:1/-1;grid-row:5;display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:12px 32px;margin:32px 0 0;border-radius:0;border-top:1px solid var(--atlas-forest);border-bottom:1px solid var(--atlas-forest);background:transparent;padding:24px 0}
.atlas-page .repair>b{display:block;color:var(--atlas-forest);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.atlas-page .repair .repair-audio{grid-column:1;grid-row:2;margin:0;border-left:3px solid var(--atlas-forest)}
.atlas-page .repair blockquote{grid-column:2;grid-row:1/span 2;max-width:820px;margin:0;font-family:"Source Serif 4",serif;font-size:21px;line-height:1.52;font-variant-numeric:lining-nums proportional-nums}

#conclusion{max-width:none}
#conclusion>p{max-width:820px;font-family:"Source Serif 4",serif;font-size:19px;line-height:1.65}
.atlas-page .inverted{max-width:1050px;margin:40px 0;background:var(--atlas-ink);border-radius:0;padding:40px 44px}
.atlas-page .inverted .principle{max-width:none;margin:0;font-family:"Source Serif 4",serif;font-size:clamp(25px,3vw,39px);font-weight:500;font-variant-numeric:lining-nums proportional-nums}
.atlas-page .next-step{gap:20px}
.atlas-page .next-step-button{border-radius:0;background:var(--atlas-forest)}
.atlas-page .next-step-label b{font-family:"Source Serif 4",serif;font-size:19px;font-weight:500}
.atlas-page .footer{border-color:var(--atlas-rule);font-size:11px;letter-spacing:.05em}

.atlas-page a:focus-visible,.atlas-page button:focus-visible,.atlas-page input:focus-visible{outline:3px solid var(--atlas-ochre);outline-offset:3px}

@media(max-width:900px){
  .atlas-meta{grid-template-columns:1fr 1fr}
  .atlas-meta span:nth-child(2){border-right:0}
  .atlas-meta span:nth-child(-n+2){border-bottom:1px solid var(--atlas-rule)}
  .atlas-page .evidence-case{grid-template-columns:1fr}
  .atlas-page .evidence-case .case-head,.atlas-page .dialogue,.atlas-page .evidence-audio,.atlas-page .evidence-analysis,.atlas-page .repair{grid-column:1;grid-row:auto}
  .atlas-page .evidence-audio{margin-top:16px}
}

@media(max-width:650px){
  .atlas-page .topbar .shell{min-height:auto}
  .atlas-page .nav a{padding:9px 11px;border-bottom:0;border-left:2px solid transparent}
  .atlas-page .nav a.active{border-left-color:var(--atlas-forest)}
  .atlas-main{padding-top:46px}
  .atlas-main>h1{font-size:clamp(46px,15vw,70px)}
  .atlas-main>.lead{font-size:20px}
  .atlas-meta{grid-template-columns:1fr;margin-top:36px}
  .atlas-meta span,.atlas-meta span+span{padding:13px 0;border-right:0;border-bottom:1px solid var(--atlas-rule)}
  .atlas-main>.chapter{padding-top:82px}
  .atlas-main>.chapter>h2{font-size:39px}
  .atlas-page .funnel-wrap{grid-template-columns:1fr}
  .atlas-page .funnel{padding:25px 0}
  .atlas-page .funnel+.funnel{border-left:0;border-top:1px solid var(--atlas-ink)}
  .atlas-page .callout{font-size:20px;padding:20px 0}
  .atlas-page .money-grid.scenarios{grid-template-columns:1fr}
  .atlas-page .money-card{border-right:0;border-bottom:1px solid var(--atlas-rule)}
  .atlas-page .break-grid{grid-template-columns:1fr}
  .atlas-page .break-grid>.number-card{min-height:0}
  .atlas-page .evidence-case{padding:42px 0}
  .atlas-page .evidence-case .case-head{grid-template-columns:58px 1fr;gap:15px}
  .atlas-page .case-no{font-size:42px}
  .atlas-page .dialogue{padding:17px 14px;font-size:16px}
  .atlas-page .repair{grid-template-columns:1fr}
  .atlas-page .repair .repair-audio,.atlas-page .repair blockquote{grid-column:1;grid-row:auto}
  .atlas-page .repair blockquote{font-size:19px}
  .atlas-page .inverted{padding:28px 24px}
}

@media(prefers-reduced-motion:reduce){.atlas-page *{scroll-behavior:auto!important;transition:none!important}}