body[data-layout="footer-guide"] { background:#fffdfa; }

body[data-layout="footer-guide"] .guide-hero {
  padding-bottom:clamp(72px,7vw,112px);
  background:#fffdfa;
}
body[data-layout="footer-guide"] .guide-hero .hero-copy {
  display:block;
  max-width:1180px;
  margin:0 auto;
  padding:clamp(58px,6vw,92px) 0 44px;
  text-align:center;
}
body[data-layout="footer-guide"] .guide-hero .hero-copy > .eyebrow {
  margin:0 0 24px;
  color:#a43b22;
  font:700 11px/1.4 "Courier 10 Pitch","Liberation Mono",monospace;
  letter-spacing:.09em;
}
body[data-layout="footer-guide"] .guide-hero h1 {
  max-width:1120px;
  margin:0 auto;
  font-size:clamp(55px,6.35vw,94px);
  line-height:.99;
  letter-spacing:-.078em;
}
body[data-layout="footer-guide"] .guide-hero .hero-intro {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
  max-width:720px;
  margin:28px auto 0;
}
body[data-layout="footer-guide"] .guide-hero .hero-intro p {
  max-width:690px;
  color:#57535a;
  font-size:clamp(17px,1.45vw,20px);
  line-height:1.62;
}

.guide-hero-scene {
  position:relative;
  width:min(100%,1160px);
  min-height:520px;
  margin:0 auto;
  isolation:isolate;
}
.guide-scene-meta {
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:6;
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:#5c5862;
  font:700 10px/1.4 "Courier 10 Pitch","Liberation Mono",monospace;
  letter-spacing:.08em;
}
.guide-hero-scene span,.guide-hero-scene small {
  font-family:"Courier 10 Pitch","Liberation Mono",monospace;
  font-weight:700;
  letter-spacing:.06em;
}

/* AI prompt: three independent stages instead of a framed dashboard. */
.guide-hero-scene[data-scene="prompt"] { min-height:570px; }
.guide-prompt-note,.guide-draft-sheet,.guide-result-sheet {
  position:absolute;
  border:1px solid #d2cdd7;
  background:#fffdfa;
  box-shadow:18px 21px 0 #251f3512;
}
.guide-prompt-note {
  z-index:4;
  top:135px;
  left:0;
  width:31%;
  min-height:235px;
  padding:28px;
  transform:rotate(-4deg);
  border-left:4px solid #4c41be;
}
.guide-prompt-note span,.guide-draft-sheet > span,.guide-result-sheet > span { color:#4c41be; font-size:11px; }
.guide-prompt-note strong { display:block; margin:32px 0 43px; font-size:clamp(23px,2.5vw,36px); line-height:1.08; letter-spacing:-.05em; }
.guide-prompt-note small,.guide-draft-sheet small { color:#625d67; font-size:10px; }
.guide-draft-sheet {
  z-index:3;
  top:76px;
  right:0;
  width:31%;
  min-height:330px;
  padding:30px;
  transform:rotate(4deg);
}
.guide-draft-sheet ol { list-style:none; padding:0; margin:28px 0 32px; counter-reset:draft; }
.guide-draft-sheet li { padding:11px 0; border-bottom:1px solid #dad5dd; font-size:16px; }
.guide-draft-sheet li::before { counter-increment:draft; content:"0" counter(draft); margin-right:18px; color:#ef6d4b; font:700 10px/1 monospace; }
.guide-result-sheet {
  z-index:2;
  left:19%;
  bottom:0;
  width:64%;
  min-height:380px;
  padding:42px 48px;
  transform:rotate(-1deg);
}
.guide-result-sheet strong { display:block; max-width:64%; margin:50px 0 35px 18%; font-size:clamp(38px,4.3vw,62px); line-height:.98; letter-spacing:-.075em; }
.guide-result-sheet strong em { color:#4c41be; font-style:normal; }
.guide-result-sheet > div { display:flex; align-items:flex-end; gap:9px; height:82px; border-bottom:1px solid #c9c4cc; }
.guide-result-sheet i { flex:1; height:35%; background:#d8d2f4; }
.guide-result-sheet i:nth-child(2) { height:52%; background:#a89fe5; }
.guide-result-sheet i:nth-child(3) { height:72%; background:#786ad5; }
.guide-result-sheet i:nth-child(4) { height:100%; background:#4c41be; }

/* Five-step workflow: one large editorial sheet. */
.guide-workflow-sheet {
  position:absolute;
  inset:52px 3% 0;
  padding:clamp(35px,4vw,62px);
  border:1px solid #d2cdd7;
  background:#f4f1ff;
  box-shadow:20px 23px 0 #32286a10;
  transform:rotate(-1.2deg);
}
.guide-workflow-sheet > span { color:#4c41be; font-size:11px; }
.guide-workflow-sheet > strong { display:block; max-width:760px; margin:40px 0 60px; font-size:clamp(45px,5.6vw,82px); line-height:.96; letter-spacing:-.08em; }
.guide-workflow-sheet ol { display:grid; grid-template-columns:repeat(5,1fr); list-style:none; padding:0; margin:0; border-top:2px solid #4c41be; }
.guide-workflow-sheet li { min-height:130px; padding:17px 13px; border-right:1px solid #cac3e5; }
.guide-workflow-sheet li:last-child { border:0; }
.guide-workflow-sheet b { display:block; color:#ef6d4b; font-size:15px; }
.guide-workflow-sheet em { display:block; margin-top:54px; font-size:17px; font-style:normal; }

/* Structure: an eight-part spine with varied scale. */
.guide-structure-spine {
  position:absolute;
  inset:55px 2% 0;
  padding:34px;
  border-top:2px solid #4c41be;
  border-bottom:1px solid #cfc9d6;
  background:#fffdfa;
}
.guide-structure-spine > span { color:#4c41be; font-size:11px; }
.guide-structure-spine ol { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; padding:0; margin:52px 0 0; border-top:1px solid #cbc6ce; border-left:1px solid #cbc6ce; }
.guide-structure-spine li { min-height:150px; padding:21px; border-right:1px solid #cbc6ce; border-bottom:1px solid #cbc6ce; }
.guide-structure-spine li:nth-child(4),.guide-structure-spine li:nth-child(8) { background:#f1effc; }
.guide-structure-spine b { display:block; color:#ef6d4b; font-size:12px; }
.guide-structure-spine em { display:block; margin-top:65px; font-size:clamp(18px,2vw,28px); font-style:normal; font-weight:700; letter-spacing:-.04em; }

/* Templates: central report is the focal sheet. */
.guide-template-sheet {
  position:absolute;
  top:95px;
  width:31%;
  min-height:340px;
  padding:29px;
  border:1px solid #d3ced6;
  background:#fffdfa;
  box-shadow:14px 18px 0 #1717190d;
}
.guide-template-sheet > span,.guide-template-sheet > small { color:#5550a8; font-size:10px; }
.guide-template-sheet > strong { display:block; margin:40px 0 26px; font-size:clamp(30px,3.4vw,50px); line-height:1; letter-spacing:-.07em; }
.guide-template-product { left:0; transform:rotate(-4deg); }
.guide-template-product > i { display:block; height:90px; margin:0 0 31px; background:linear-gradient(120deg,#ff9a7e,#ef6d4b 48%,#7262d4); }
.guide-template-report { z-index:3; top:53px; left:31%; width:38%; min-height:430px; transform:rotate(-.6deg); }
.guide-template-report > div { display:flex; align-items:flex-end; gap:8px; height:135px; border-bottom:1px solid #bfbac1; }
.guide-template-report i { flex:1; height:38%; background:#ef6d4b; }
.guide-template-report i:nth-child(2) { height:66%; background:#978bdd; }
.guide-template-report i:nth-child(3) { height:55%; background:#ef6d4b; }
.guide-template-report i:nth-child(4) { height:100%; background:#4c41be; }
.guide-template-report > small { display:block; margin-top:28px; }
.guide-template-plan { right:0; transform:rotate(4deg); }
.guide-template-plan ol { list-style:none; padding:0; margin:36px 0 0; }
.guide-template-plan li { padding:13px 0; border-top:1px solid #cfcad1; }

/* Data: one chart and one declared takeaway. */
.guide-data-sheet {
  position:absolute;
  inset:54px 1% 0;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  grid-template-rows:auto 1fr;
  border:1px solid #c9cde0;
  background:#eef1ff;
  box-shadow:18px 22px 0 #303a7a0d;
}
.guide-data-top { grid-column:1 / -1; display:flex; justify-content:space-between; padding:19px 24px; border-bottom:1px solid #c5c9dc; font-size:10px; }
.guide-data-chart { display:flex; align-items:flex-end; gap:7%; min-height:390px; padding:55px 42px 32px; }
.guide-data-chart div { display:flex; flex:1; flex-direction:column; justify-content:flex-end; height:100%; gap:13px; text-align:center; }
.guide-data-chart i { display:block; height:var(--h); background:#4c41be; transform-origin:bottom; }
.guide-data-chart div:nth-child(2n) i { background:#8f83dd; }
.guide-data-chart span { font-size:10px; }
.guide-data-message { display:flex; flex-direction:column; justify-content:center; padding:38px; border-left:1px solid #c5c9dc; }
.guide-data-message > span { color:#a43b22; font-size:10px; }
.guide-data-message strong { margin:25px 0; font-size:clamp(32px,3.7vw,55px); line-height:1.02; letter-spacing:-.07em; }
.guide-data-message small { color:#5f6170; font-size:11px; line-height:1.5; }

/* Export: fixed page and editable regions are visibly different. */
.guide-export-pair { position:absolute; inset:53px 2% 0; display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(22px,4vw,60px); }
.guide-export-pair article { padding-top:17px; border-top:2px solid #ef6d4b; }
.guide-export-pair article + article { border-color:#4c41be; }
.guide-export-pair article > span { font-size:10px; }
.guide-export-pair article > strong { display:block; margin:18px 0 24px; font-size:clamp(54px,7vw,98px); line-height:.9; letter-spacing:-.09em; }
.guide-export-page { display:flex; flex-direction:column; min-height:290px; padding:30px; border:1px solid #d1ccd5; background:#fffdfa; box-shadow:12px 15px 0 #1717190c; }
.guide-export-page b { font-size:clamp(24px,2.6vw,38px); }
.guide-export-page i { display:block; height:95px; margin:auto 0 22px; background:linear-gradient(120deg,#ffad93,#ef6d4b 48%,#7465d2); }
.guide-export-page small { font-size:10px; }
.guide-export-page.editable b,.guide-export-page.editable i,.guide-export-page.editable small { padding:10px 13px; border:1px dashed #7465d2; background:#f1effc; }
.guide-export-page.editable i { height:95px; }

/* Sections inherit the homepage's editorial hierarchy. */
body[data-layout="footer-guide"] .section { padding-top:clamp(82px,8vw,132px); padding-bottom:clamp(82px,8vw,132px); }
body[data-layout="footer-guide"] .section-copy { grid-template-columns:120px minmax(0,1fr) minmax(260px,.55fr); }
body[data-layout="footer-guide"] .section h2 { max-width:920px; }
body[data-layout="footer-guide"] .section > div:last-child { margin-top:8px; }
body[data-layout="footer-guide"] .section:nth-of-type(odd) { background:#fffdfa; }
body[data-layout="footer-guide"] .section:nth-of-type(even) { background:#f4f2fb; }
body[data-layout="footer-guide"] .section .slide,
body[data-layout="footer-guide"] .section .note-card,
body[data-layout="footer-guide"] .section .prompt-board,
body[data-layout="footer-guide"] .section .type-board { box-shadow:14px 17px 0 #1717190d; }

/* Route-specific section motion is applied by the final site-polish layer. */
@keyframes guide-bar { from { transform:scaleY(0); } to { transform:scaleY(1); } }

@media(max-width:900px) {
  body[data-layout="footer-guide"] .guide-hero h1 { font-size:clamp(49px,8vw,72px); }
  .guide-hero-scene { min-height:480px; }
  .guide-result-sheet { left:16%; width:68%; }
  .guide-prompt-note,.guide-draft-sheet { width:34%; }
  .guide-workflow-sheet ol { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .guide-workflow-sheet em { font-size:14px; }
  .guide-structure-spine li { min-height:135px; }
  .guide-template-sheet { width:33%; padding:21px; }
  .guide-template-report { left:29%; width:42%; }
  .guide-data-chart { padding-left:25px; padding-right:25px; }
  body[data-layout="footer-guide"] .section-copy { grid-template-columns:100px minmax(0,1fr); }
  body[data-layout="footer-guide"] .section-copy > p { grid-column:2; max-width:630px; }
}

@media(max-width:767px) {
  body[data-layout="footer-guide"] .guide-hero { padding-left:18px; padding-right:18px; padding-bottom:58px; }
  body[data-layout="footer-guide"] .guide-hero .hero-copy { padding:46px 0 32px; }
  body[data-layout="footer-guide"] .guide-hero .hero-copy > .eyebrow { margin-bottom:17px; }
  body[data-layout="footer-guide"] .guide-hero h1 { font-size:clamp(39px,10.5vw,58px); line-height:1.01; }
  body[data-layout="footer-guide"] .guide-hero .hero-intro { margin-top:21px; }
  body[data-layout="footer-guide"] .guide-hero .hero-intro p { font-size:16px; }
  .guide-hero-scene,.guide-hero-scene[data-scene="prompt"] { min-height:620px; }
  .guide-scene-meta { position:static; margin-bottom:20px; }
  .guide-prompt-note,.guide-draft-sheet,.guide-result-sheet { position:absolute; width:86%; transform:none; }
  .guide-prompt-note { top:57px; left:0; min-height:190px; padding:22px; }
  .guide-prompt-note strong { margin:23px 0 31px; font-size:25px; }
  .guide-draft-sheet { top:195px; right:0; min-height:245px; padding:22px; }
  .guide-draft-sheet ol { display:grid; grid-template-columns:repeat(2,1fr); margin:20px 0; }
  .guide-draft-sheet li { padding:8px 0; font-size:14px; }
  .guide-result-sheet { z-index:5; left:4%; bottom:0; min-height:275px; padding:24px; }
  .guide-result-sheet strong { max-width:none; margin:32px 0 22px; font-size:38px; }
  .guide-result-sheet > div { height:58px; }
  .guide-workflow-sheet,.guide-structure-spine,.guide-data-sheet,.guide-export-pair { position:absolute; inset:56px 0 0; }
  .guide-workflow-sheet { padding:26px 20px; }
  .guide-workflow-sheet > strong { margin:27px 0 35px; font-size:43px; }
  .guide-workflow-sheet ol { grid-template-columns:1fr; border-top:1px solid #b9b2d4; }
  .guide-workflow-sheet li { display:grid; grid-template-columns:48px 1fr; min-height:0; padding:13px 4px; border-right:0; border-bottom:1px solid #c8c2db; }
  .guide-workflow-sheet em { margin:0; font-size:15px; }
  .guide-structure-spine { padding:22px; }
  .guide-structure-spine ol { grid-template-columns:repeat(2,1fr); margin-top:28px; }
  .guide-structure-spine li { min-height:95px; padding:14px; }
  .guide-structure-spine em { margin-top:32px; font-size:16px; }
  .guide-hero-scene[data-scene="templates"] { min-height:950px; }
  .guide-template-sheet,.guide-template-report { position:absolute; left:4%; right:auto; width:92%; min-height:270px; transform:none; }
  .guide-template-product { top:55px; }
  .guide-template-report { top:340px; min-height:330px; }
  .guide-template-plan { top:685px; }
  .guide-template-sheet > strong { margin:25px 0 18px; font-size:34px; }
  .guide-template-product > i { height:63px; margin-bottom:18px; }
  .guide-template-report > div { height:86px; }
  .guide-template-plan ol { margin-top:20px; }
  .guide-data-sheet { display:block; }
  .guide-data-top { padding:15px; }
  .guide-data-chart { min-height:265px; padding:35px 18px 23px; }
  .guide-data-message { padding:27px 20px; border-left:0; border-top:1px solid #c5c9dc; }
  .guide-data-message strong { margin:17px 0; font-size:34px; }
  .guide-export-pair { display:block; }
  .guide-export-pair article + article { margin-top:34px; }
  .guide-export-pair article > strong { font-size:53px; }
  .guide-export-page { min-height:205px; padding:20px; }
  .guide-export-page i,.guide-export-page.editable i { height:58px; }
  .guide-hero-scene[data-scene="export"] { min-height:940px; }
  body[data-layout="footer-guide"] .section-copy { display:block; }
  body[data-layout="footer-guide"] .section-copy > p { margin-top:22px; }
}

@media(max-width:390px) {
  .guide-scene-meta span:last-child { text-align:right; }
  .guide-workflow-sheet > strong { font-size:38px; }
  .guide-structure-spine { padding:17px; }
  .guide-template-sheet,.guide-template-report { left:0; width:100%; }
  .guide-data-message strong { font-size:30px; }
}

@media(prefers-reduced-motion:reduce) {
  .guide-data-chart i { opacity:1!important; transform:none!important; animation:none!important; transition:none!important; }
}

/* AI page: an open story orbit with no enclosing application window. */
body[data-page="neyroset-dlya-prezentaciy"] .story-orbit-hero {
  display:block;
  max-width:none;
  min-height:0;
  padding:0 clamp(24px,5.2vw,88px) 58px;
  background:#fffdfa;
}
body[data-page="neyroset-dlya-prezentaciy"] .story-orbit-hero .hero-copy {
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
  gap:clamp(40px,7vw,120px);
  align-items:end;
  max-width:1300px;
  margin:0 auto;
  padding:70px 0 38px;
  text-align:left;
}
body[data-page="neyroset-dlya-prezentaciy"] .story-orbit-hero h1 {
  grid-column:1;
  max-width:800px;
  margin:0;
  font-size:clamp(48px,5.4vw,78px);
  line-height:.98;
  letter-spacing:-.075em;
}
body[data-page="neyroset-dlya-prezentaciy"] .story-orbit-hero h1 span { color:#4238c7; }
body[data-page="neyroset-dlya-prezentaciy"] .story-orbit-hero .hero-intro {
  grid-column:2;
  align-self:end;
  align-items:flex-start;
  max-width:410px;
  margin:0 0 2px;
}
body[data-page="neyroset-dlya-prezentaciy"] .story-orbit-hero .hero-intro p {
  margin:0 0 25px;
  color:#56505a;
  font-size:16px;
  line-height:1.55;
}
.story-orbit-scene {
  position:relative;
  min-height:610px;
  max-width:1300px;
  margin:0 auto;
  overflow:visible;
}
.story-orbit-ring {
  position:absolute;
  top:22px;
  left:22%;
  width:58%;
  aspect-ratio:1;
  border:1px solid #cbc5f2;
  border-radius:50%;
}
.story-orbit-ring:before,.story-orbit-ring:after {
  content:"";
  position:absolute;
  border-radius:50%;
}
.story-orbit-ring:before { inset:9%; border:1px dashed #ddd8f3; }
.story-orbit-ring:after { inset:25%; background:radial-gradient(circle,#ede9ff 0 3px,transparent 4px); background-size:24px 24px; opacity:.45; }
.story-orbit-ring i { position:absolute; display:block; width:13px; height:13px; border:3px solid #fffdfa; border-radius:50%; background:#ef6d4b; box-shadow:0 0 0 1px #ef6d4b; }
.story-orbit-ring i:nth-child(1) { top:13%; left:12%; }
.story-orbit-ring i:nth-child(2) { top:45%; right:-7px; background:#4238c7; box-shadow:0 0 0 1px #4238c7; }
.story-orbit-ring i:nth-child(3) { bottom:4%; left:28%; background:#49a577; box-shadow:0 0 0 1px #49a577; }
.story-orbit-index {
  position:absolute;
  top:56px;
  left:-6px;
  color:#f0edf9;
  font-size:clamp(150px,17vw,245px);
  font-weight:800;
  line-height:.75;
  letter-spacing:-.13em;
  user-select:none;
}
.story-orbit-prompt {
  position:absolute;
  z-index:4;
  top:45px;
  left:0;
  width:31%;
  min-height:190px;
  padding:25px 23px 22px;
  border-left:3px solid #4238c7;
  background:#fffdfaeb;
  box-shadow:0 18px 46px #24203412;
  backdrop-filter:blur(8px);
}
.story-orbit-prompt > span,.story-orbit-kicker,.story-orbit-status,.story-orbit-slide-top,.story-orbit-slide-foot {
  font-family:"Courier 10 Pitch","Liberation Mono",monospace;
  font-weight:700;
  letter-spacing:.06em;
}
.story-orbit-prompt > span { color:#4238c7; font-size:10px; }
.story-orbit-prompt strong { display:block; margin:24px 0 28px; font-size:clamp(21px,2vw,30px); line-height:1.13; letter-spacing:-.045em; }
.story-orbit-prompt small { color:#746d78; font-size:9px; }
.story-orbit-slide {
  position:absolute;
  z-index:3;
  top:98px;
  left:24%;
  display:flex;
  flex-direction:column;
  width:55%;
  min-height:415px;
  padding:clamp(28px,3.2vw,48px);
  border:1px solid #d7d1d9;
  background:#fff;
  clip-path:polygon(0 0,94% 0,100% 10%,100% 100%,0 100%);
  box-shadow:20px 28px 70px #20174b1c;
  transform:rotate(-1.25deg);
}
.story-orbit-slide:after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:6%;
  aspect-ratio:1;
  background:linear-gradient(225deg,#fffdfa 48%,#d8d1e4 50%,#f1eef9 52%);
}
.story-orbit-slide-top,.story-orbit-slide-foot { display:flex; justify-content:space-between; gap:16px; color:#77717b; font-size:9px; }
.story-orbit-kicker { margin-top:48px; color:#a43b22; font-size:10px; }
.story-orbit-slide > strong { margin:17px 0 18px; font-size:clamp(35px,4vw,58px); line-height:.98; letter-spacing:-.07em; }
.story-orbit-slide > strong em { color:#4238c7; font-style:normal; }
.story-orbit-chart { display:flex; align-items:flex-end; gap:8px; height:105px; margin-top:auto; border-bottom:1px solid #c8c2cc; }
.story-orbit-chart i { flex:1; height:30%; background:#d9d4f4; transform-origin:bottom; }
.story-orbit-chart i:nth-child(2) { height:43%; background:#b9b1eb; }
.story-orbit-chart i:nth-child(3) { height:58%; background:#8e84df; }
.story-orbit-chart i:nth-child(4) { height:77%; background:#5f53cf; }
.story-orbit-chart i:nth-child(5) { height:100%; background:#ef6d4b; }
.story-orbit-slide-foot { margin-top:13px; }
.story-orbit-spine {
  position:absolute;
  z-index:5;
  top:76px;
  right:0;
  width:24%;
  list-style:none;
  margin:0;
  padding:0;
}
.story-orbit-spine:before { content:""; position:absolute; top:17px; bottom:17px; left:16px; width:1px; background:#c9c3d5; }
.story-orbit-spine li { position:relative; display:grid; grid-template-columns:34px 1fr; gap:2px 15px; min-height:104px; }
.story-orbit-spine b { z-index:1; display:grid; place-items:center; grid-row:1 / 3; width:33px; height:33px; border:1px solid #bfb8cd; border-radius:50%; background:#fffdfa; color:#4238c7; font-size:10px; }
.story-orbit-spine span { font-size:17px; font-weight:800; letter-spacing:-.03em; }
.story-orbit-spine small { color:#79727d; font-size:11px; }
.story-orbit-stack {
  position:absolute;
  z-index:6;
  bottom:34px;
  left:10%;
  display:flex;
  align-items:flex-end;
  gap:8px;
}
.story-orbit-stack span { display:flex; align-items:center; gap:10px; width:150px; min-height:74px; padding:13px 14px; border:1px solid #dad5de; background:#fffdfa; box-shadow:0 12px 28px #25203010; }
.story-orbit-stack span:nth-child(2) { transform:translateY(18px) rotate(1deg); background:#f1effb; }
.story-orbit-stack span:nth-child(3) { transform:translateY(2px) rotate(2deg); background:#fff0e9; }
.story-orbit-stack i { color:#ef6d4b; font-size:9px; font-style:normal; }
.story-orbit-stack b { font-size:12px; }
.story-orbit-status {
  position:absolute;
  right:1%;
  bottom:24px;
  display:flex;
  align-items:center;
  gap:11px;
  color:#625b67;
  font-size:9px;
}
.story-orbit-status > span { display:flex; align-items:center; gap:8px; color:#312c34; }
.story-orbit-status i { width:8px; height:8px; border-radius:50%; background:#49a577; }

@keyframes story-orbit-enter { from { opacity:0; transform:translateY(24px) rotate(-2deg) scale(.98); } to { opacity:1; transform:translateY(0) rotate(-1.25deg) scale(1); } }
@keyframes story-orbit-float { 50% { transform:translateY(-7px); } }
@keyframes story-orbit-draw { from { transform:scaleY(.04); } to { transform:scaleY(1); } }
@keyframes story-orbit-turn { to { rotate:360deg; } }
@media(prefers-reduced-motion:no-preference) {
  .story-orbit-slide { animation:story-orbit-enter .82s .12s cubic-bezier(.2,.75,.2,1) both; }
  .story-orbit-prompt { animation:story-orbit-float 5s 1s ease-in-out infinite; }
  .story-orbit-ring { animation:story-orbit-turn 42s linear infinite; }
  .story-orbit-ring:before,.story-orbit-ring:after { animation:story-orbit-turn 34s linear infinite reverse; }
  .story-orbit-chart i { animation:story-orbit-draw .72s .46s cubic-bezier(.2,.75,.2,1) both; }
  .story-orbit-chart i:nth-child(2) { animation-delay:.54s; }
  .story-orbit-chart i:nth-child(3) { animation-delay:.62s; }
  .story-orbit-chart i:nth-child(4) { animation-delay:.7s; }
  .story-orbit-chart i:nth-child(5) { animation-delay:.78s; }
}

@media(max-width:900px) {
  .story-orbit-scene { min-height:660px; }
  .story-orbit-slide { left:19%; width:59%; }
  .story-orbit-prompt { width:35%; }
  .story-orbit-spine { width:25%; }
  .story-orbit-stack span { width:125px; }
}

@media(max-width:767px) {
  body[data-page="neyroset-dlya-prezentaciy"] .story-orbit-hero { padding:0 18px 48px; }
  body[data-page="neyroset-dlya-prezentaciy"] .story-orbit-hero .hero-copy { display:block; padding:38px 0 26px; }
  body[data-page="neyroset-dlya-prezentaciy"] .story-orbit-hero h1 { grid-column:auto; font-size:clamp(36px,10.2vw,46px); line-height:1; }
  body[data-page="neyroset-dlya-prezentaciy"] .story-orbit-hero .hero-copy { text-align:center; }
  body[data-page="neyroset-dlya-prezentaciy"] .story-orbit-hero .hero-intro { grid-column:auto; align-items:center; max-width:560px; margin-top:22px; }
  body[data-page="neyroset-dlya-prezentaciy"] .story-orbit-hero .hero-intro p { font-size:15px; }
  .story-orbit-scene { min-height:885px; }
  .story-orbit-ring { top:175px; left:10%; width:82%; }
  .story-orbit-index { top:68px; left:auto; right:2%; font-size:142px; }
  .story-orbit-prompt { top:18px; left:0; width:77%; min-height:175px; padding:21px 19px; }
  .story-orbit-prompt strong { margin:20px 0 25px; font-size:23px; }
  .story-orbit-slide { top:224px; left:3%; width:94%; min-height:365px; padding:24px; }
  .story-orbit-slide > strong { margin-top:15px; font-size:clamp(32px,8.7vw,43px); }
  .story-orbit-chart { height:85px; }
  .story-orbit-spine { top:625px; right:0; left:0; display:grid; grid-template-columns:repeat(3,1fr); width:100%; }
  .story-orbit-spine:before { top:16px; right:16%; bottom:auto; left:16%; width:auto; height:1px; }
  .story-orbit-spine li { display:block; min-height:130px; padding-right:8px; }
  .story-orbit-spine b { margin-bottom:14px; }
  .story-orbit-spine span,.story-orbit-spine small { display:block; }
  .story-orbit-spine span { font-size:14px; }
  .story-orbit-spine small { margin-top:5px; font-size:9px; }
  .story-orbit-stack { bottom:39px; left:0; width:100%; gap:5px; }
  .story-orbit-stack span { flex:1; min-width:0; min-height:63px; padding:10px 8px; }
  .story-orbit-stack b { font-size:10px; }
  .story-orbit-status { right:0; bottom:0; left:0; justify-content:space-between; }
}

@media(max-width:390px) {
  .story-orbit-scene { min-height:900px; }
  .story-orbit-prompt { width:84%; }
  .story-orbit-slide { left:0; width:100%; }
  .story-orbit-slide-foot { font-size:7px; }
  .story-orbit-stack b { display:none; }
  .story-orbit-status small { max-width:150px; text-align:right; }
}

@media(prefers-reduced-motion:reduce) {
  .story-orbit-hero :is(.story-orbit-slide,.story-orbit-prompt,.story-orbit-ring,.story-orbit-chart i),
  .story-orbit-ring:before,
  .story-orbit-ring:after {
    animation:none!important;
    transform:none!important;
  }
}

/* AI guide: 21st-inspired product patterns translated into the site's light editorial system. */
body[data-page="neyroset-dlya-prezentaciy"] main > .section {
  overflow:hidden;
  padding-top:clamp(72px,6.4vw,102px);
  padding-bottom:clamp(72px,6.4vw,102px);
}
body[data-page="neyroset-dlya-prezentaciy"] main > .section .section-copy {
  margin-bottom:clamp(34px,4vw,58px);
}
body[data-page="neyroset-dlya-prezentaciy"] main > .section > :is(.ai-composer,.edit-bento,.result-compare,.context-dossier,.review-journey) {
  grid-column:1 / -1;
  justify-self:stretch;
  max-width:none;
  margin-top:0;
}

.ai-composer {
  position:relative;
  min-height:340px;
  padding:clamp(24px,3.2vw,46px);
  border:1px solid #d9d5e3;
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 6%,#d8d1ff 0 8%,transparent 28%),
    linear-gradient(135deg,#fff 0 62%,#f6f3ff 100%);
  box-shadow:0 24px 70px #30266e14;
}
.ai-composer:before {
  content:"";
  position:absolute;
  inset:13px;
  pointer-events:none;
  border:1px solid #ffffffb8;
  border-radius:20px;
}
.ai-composer-head,.ai-composer-foot {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#6b6571;
  font:700 11px/1.3 "Courier 10 Pitch","Liberation Mono",monospace;
  letter-spacing:.07em;
}
.ai-composer-head span { display:flex; align-items:center; gap:9px; color:#28242c; }
.ai-composer-head i { width:8px; height:8px; border-radius:50%; background:#ef6d4b; box-shadow:0 0 0 6px #ef6d4b18; }
.ai-composer > p {
  position:relative;
  z-index:1;
  max-width:1050px;
  margin:50px 0 42px;
  color:#171719;
  font-size:clamp(25px,2.6vw,40px);
  font-weight:700;
  line-height:1.28;
  letter-spacing:-.045em;
}
.ai-composer mark { padding:0 .13em; background:#ded9ff; color:#392eb9; }
.ai-composer-cursor { display:inline-block; width:3px; height:.95em; margin-left:5px; background:#ef6d4b; vertical-align:-.08em; }
.ai-composer-chips { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:8px; margin-bottom:34px; }
.ai-composer-chips span { padding:9px 13px; border:1px solid #d7d1df; border-radius:999px; background:#fff; color:#4d4752; font-size:12px; font-weight:700; }
.ai-composer-foot { padding-top:19px; border-top:1px solid #ddd8e4; }
.ai-composer-foot strong { color:#3e34bc; font-size:10px; }

.edit-bento {
  display:grid;
  grid-template-columns:1.55fr .72fr .72fr;
  grid-template-rows:repeat(2,minmax(205px,auto));
  gap:14px;
}
.edit-bento article {
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:26px;
  border:1px solid #dcd7df;
  border-radius:24px;
  background:#fffdfa;
}
.edit-bento article > span,.result-compare article > span,.review-journey article > span {
  color:#a43b22;
  font:700 10px/1.3 "Courier 10 Pitch","Liberation Mono",monospace;
  letter-spacing:.06em;
}
.edit-bento article > strong { max-width:460px; margin-top:20px; font-size:clamp(20px,2vw,30px); line-height:1.08; letter-spacing:-.05em; }
.edit-bento-primary { grid-row:1 / 3; color:#fff; border-color:#3329aa!important; background:#4238c7!important; }
.edit-bento-primary > span,.edit-bento-primary > small { color:#dcd8ff!important; }
.edit-bento-primary > strong { margin-top:34px!important; font-size:clamp(30px,3.1vw,47px)!important; }
.edit-bento-primary > small { margin-top:auto; font-size:9px; letter-spacing:.05em; }
.edit-bento-path { display:flex; align-items:end; gap:9px; height:110px; margin:42px 0 26px; border-bottom:1px solid #ffffff4a; }
.edit-bento-path i { flex:1; height:32%; background:#8279df; border-radius:8px 8px 0 0; transform-origin:bottom; }
.edit-bento-path i:nth-child(2) { height:51%; background:#968deb; }
.edit-bento-path i:nth-child(3) { height:72%; background:#b5aff5; }
.edit-bento-path i:nth-child(4) { height:94%; background:#ef6d4b; }
.edit-bento-fact { grid-column:2; grid-row:1 / 3; background:#fff1ea!important; }
.edit-bento-fact > div { margin-top:auto; padding-top:28px; border-top:1px solid #e5cabc; }
.edit-bento-fact b { display:block; color:#ef6d4b; font-size:clamp(62px,6vw,96px); line-height:.85; letter-spacing:-.1em; }
.edit-bento-fact small { display:block; margin-top:18px; color:#685c57; font-size:11px; }
.edit-bento-thesis { background:#f1effc!important; }
.edit-bento-thesis em { position:absolute; right:18px; bottom:-24px; color:#4a3ec9; font-size:150px; font-style:normal; font-weight:800; line-height:1; letter-spacing:-.12em; opacity:.15; }
.edit-bento-style > div { display:flex; align-items:flex-end; gap:8px; height:54px; margin-top:auto; }
.edit-bento-style i { flex:1; height:42%; border-radius:5px; background:#d7d1f6; }
.edit-bento-style i:nth-child(2) { height:68%; background:#988ee3; }
.edit-bento-style i:nth-child(3) { height:100%; background:#4b40c6; }

.result-compare {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.18fr);
  align-items:center;
  min-height:560px;
  padding:clamp(20px,3.3vw,50px);
  border:1px solid #d9d5e3;
  border-radius:30px;
  background:#eeecf8;
}
.result-compare article { position:relative; min-height:400px; padding:clamp(24px,3vw,44px); border:1px solid #d2ccd7; background:#fffdfa; box-shadow:0 22px 55px #24203413; }
.result-before { z-index:1; transform:rotate(-2.4deg); opacity:.76; }
.result-before > strong,.result-after > strong { display:block; margin:32px 0 18px; font-size:clamp(28px,3vw,45px); line-height:1.01; letter-spacing:-.065em; }
.result-before p { max-width:440px; color:#747079; font-size:15px; line-height:1.62; }
.result-before > div { display:grid; gap:9px; margin-top:34px; }
.result-before > div i { height:9px; border-radius:999px; background:#dfdce0; }
.result-before > div i:nth-child(2) { width:82%; }
.result-before > div i:nth-child(3) { width:58%; }
.result-compare article > small { position:absolute; right:28px; bottom:25px; color:#746e78; font:700 9px/1.3 "Courier 10 Pitch","Liberation Mono",monospace; letter-spacing:.06em; }
.result-after { z-index:2; margin-left:-50px; transform:rotate(1.2deg); }
.result-after > strong em { color:#4238c7; font-style:normal; }
.result-after-chart { display:flex; align-items:flex-end; gap:10px; height:145px; margin-top:32px; border-bottom:1px solid #c9c3cf; }
.result-after-chart i { flex:1; height:34%; border-radius:7px 7px 0 0; background:#cec8f2; transform-origin:bottom; }
.result-after-chart i:nth-child(2) { height:48%; background:#aaa1e8; }
.result-after-chart i:nth-child(3) { height:61%; background:#8176dc; }
.result-after-chart i:nth-child(4) { height:76%; background:#5d50ce; }
.result-after-chart i:nth-child(5) { height:100%; background:#ef6d4b; }
.result-compare-caption { position:absolute; right:50px; bottom:17px; left:50px; display:flex; justify-content:space-between; color:#615b67; font-size:10px; font-weight:700; }

.context-dossier {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  overflow:hidden;
  border:1px solid #d8d3df;
  border-radius:28px;
  background:#fff;
  box-shadow:0 24px 65px #332a6a0f;
}
.context-dossier-head,.context-dossier-foot { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 26px; }
.context-dossier-head { border-bottom:1px solid #ddd8e3; background:#f2effd; color:#4238c7; font:700 10px/1.3 "Courier 10 Pitch","Liberation Mono",monospace; letter-spacing:.06em; }
.context-dossier-head small { color:#736d7b; font-size:9px; }
.context-dossier article { position:relative; min-height:255px; padding:30px 27px; border-left:1px solid #e1dde4; background:#fff; }
.context-dossier article:first-of-type { border-left:0; }
.context-dossier article > b { display:grid; place-items:center; width:34px; height:34px; margin-bottom:50px; border-radius:11px; background:#ef6d4b; color:#fff; font-size:10px; }
.context-dossier article > span { color:#a43b22; font:700 10px/1.3 "Courier 10 Pitch","Liberation Mono",monospace; letter-spacing:.06em; }
.context-dossier article > strong { display:block; margin:14px 0 11px; font-size:clamp(23px,2.2vw,34px); line-height:1.05; letter-spacing:-.055em; }
.context-dossier article > small { color:#706a74; font-size:12px; line-height:1.5; }
.context-dossier-foot { border-top:1px solid #ddd8e3; background:#fbfafc; color:#5b5560; font-size:11px; font-weight:700; }
.context-dossier-foot span { display:flex; align-items:center; gap:8px; }
.context-dossier-foot span:before { content:""; width:7px; height:7px; border-radius:50%; background:#49a577; }

.review-journey {
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border:1px solid #d8d4de;
  border-radius:28px;
  background:#fff;
  box-shadow:0 24px 65px #332a6a0f;
}
.review-journey:before { content:""; position:absolute; top:46px; right:16%; left:16%; height:1px; background:#cfc9db; }
.review-journey article { position:relative; z-index:1; min-height:300px; padding:30px 25px; border-left:1px solid #e0dce3; background:#fff; }
.review-journey article:first-child { border-left:0; border-radius:27px 0 0 27px; background:#f2effd; }
.review-journey article > b { display:grid; place-items:center; width:32px; height:32px; margin-bottom:55px; border-radius:50%; background:#fff; color:#4238c7; font-size:10px; box-shadow:0 0 0 6px #fff; }
.review-journey article > strong { display:block; margin-top:18px; font-size:clamp(20px,1.8vw,28px); line-height:1.1; letter-spacing:-.045em; }
.review-journey article > small { display:block; margin-top:15px; color:#726c76; font-size:12px; line-height:1.5; }

@keyframes ai-cursor-blink { 0%,46% { opacity:1; } 47%,100% { opacity:.08; } }
@keyframes ai-bar-rise { from { transform:scaleY(.08); } to { transform:scaleY(1); } }
@media(prefers-reduced-motion:no-preference) {
  .ai-composer-cursor { animation:ai-cursor-blink .9s steps(1,end) infinite; }
  body[data-page="neyroset-dlya-prezentaciy"] .is-visible .edit-bento-path i,
  body[data-page="neyroset-dlya-prezentaciy"] .is-visible .result-after-chart i,
  body[data-page="neyroset-dlya-prezentaciy"] .is-visible .edit-bento-style i { animation:ai-bar-rise .7s cubic-bezier(.2,.75,.2,1) both; }
  body[data-page="neyroset-dlya-prezentaciy"] .is-visible .result-after-chart i:nth-child(2) { animation-delay:.08s; }
  body[data-page="neyroset-dlya-prezentaciy"] .is-visible .result-after-chart i:nth-child(3) { animation-delay:.16s; }
  body[data-page="neyroset-dlya-prezentaciy"] .is-visible .result-after-chart i:nth-child(4) { animation-delay:.24s; }
  body[data-page="neyroset-dlya-prezentaciy"] .is-visible .result-after-chart i:nth-child(5) { animation-delay:.32s; }
  .edit-bento article,.result-compare article,.context-dossier article,.review-journey article { transition:transform .35s ease,box-shadow .35s ease; }
  .edit-bento article:hover,.context-dossier article:hover,.review-journey article:hover { transform:translateY(-6px); box-shadow:0 18px 42px #2b245814; }
  .result-compare:hover .result-before { transform:translateX(-8px) rotate(-2.8deg); }
  .result-compare:hover .result-after { transform:translateX(8px) rotate(.5deg); box-shadow:0 28px 66px #24203420; }
}

@media(max-width:900px) {
  .edit-bento { grid-template-columns:1.2fr 1fr; grid-template-rows:repeat(2,minmax(190px,auto)); }
  .edit-bento-primary { grid-row:1 / 3; }
  .edit-bento-fact { grid-column:2; grid-row:1; }
  .edit-bento-thesis { grid-column:2; grid-row:2; }
  .edit-bento-style { grid-column:1 / -1; min-height:180px; }
  .review-journey article { min-height:245px; }
}

@media(max-width:767px) {
  body[data-page="neyroset-dlya-prezentaciy"] main > .section { padding-top:58px; padding-bottom:58px; }
  .ai-composer { min-height:0; padding:22px; border-radius:21px; }
  .ai-composer:before { display:none; }
  .ai-composer > p { margin:34px 0 30px; font-size:clamp(23px,6.6vw,30px); }
  .ai-composer-chips { margin-bottom:27px; }
  .ai-composer-foot { align-items:flex-start; flex-direction:column; }
  .edit-bento { display:block; }
  .edit-bento article { min-height:210px; margin-top:12px; padding:23px; border-radius:20px; }
  .edit-bento article:first-child { margin-top:0; }
  .edit-bento-primary { min-height:410px!important; }
  .edit-bento-fact { min-height:300px!important; }
  .result-compare { display:block; min-height:0; padding:18px 18px 54px; border-radius:22px; }
  .result-compare article { min-height:340px; padding:24px; }
  .result-before { transform:rotate(-1.2deg); }
  .result-after { margin:-38px 0 0; transform:rotate(.7deg); }
  .result-before > strong,.result-after > strong { font-size:clamp(27px,7.7vw,36px); }
  .result-after-chart { height:110px; }
  .result-compare article > small { right:20px; bottom:19px; left:20px; }
  .result-compare-caption { right:18px; bottom:17px; left:18px; }
  .context-dossier { display:block; border-radius:22px; }
  .context-dossier-head,.context-dossier-foot { align-items:flex-start; flex-direction:column; padding:18px 22px; }
  .context-dossier article { min-height:210px; padding:24px 22px; border-top:1px solid #e1dde4; border-left:0; }
  .context-dossier article > b { margin-bottom:35px; }
  .review-journey { display:block; border-radius:22px; }
  .review-journey:before { top:30px; bottom:30px; left:38px; width:1px; height:auto; }
  .review-journey article { min-height:0!important; padding:26px 24px 30px; border-top:1px solid #e0dce3; border-left:0; }
  .review-journey article:first-child { border-top:0; border-radius:21px 21px 0 0; }
  .review-journey article:not(:first-child) { padding-left:66px; }
  .review-journey article > b { position:absolute; top:25px; left:22px; margin:0; }
  .review-journey article > strong { max-width:420px; }
}

@media(max-width:390px) {
  .ai-composer-head { align-items:flex-start; }
  .ai-composer-chips span { width:100%; text-align:center; }
  .result-compare { padding-inline:12px; }
  .result-compare article { padding:21px; }
  .result-compare-caption { font-size:8px; }
}

@media(prefers-reduced-motion:reduce) {
  body[data-page="neyroset-dlya-prezentaciy"] :is(.ai-composer-cursor,.edit-bento-path i,.result-after-chart i,.edit-bento-style i,.edit-bento article,.result-compare article,.context-dossier article,.review-journey article) {
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
}