/* /open-core r6 — content council №4: each section carries its own fact from the core's code; the licence is said once, in the lead */
.r6{
  --o-glow:rgba(92,154,0,.16);--o-cool:rgba(79,107,240,.10);
  --o-plate:#F3F1EA;--o-plate-ink:#14161F;--o-plate-muted:#555A66;--o-plate-core:#FFFFFF;
  --o-night:#14161F;--o-night-ink:#F5F6FA;--o-night-muted:#B8C2D2;--o-night-row:#232733;--o-wire:#9AA1AE;--o-stop-muted:#3A3F4C;
  --o-sel:var(--ink);--o-sel-ink:var(--canvas);
  overflow:clip
}
:root[data-theme=dark] .r6{--o-glow:rgba(166,232,58,.13);--o-cool:rgba(120,150,255,.12);--o-night:#1B2230;--o-night-row:#283142}
.r6 h2{margin:0;font:500 clamp(30px,3.6vw,48px)/1.06 var(--r4-display);letter-spacing:-.04em;color:var(--ink);max-width:18ch}
.r6 .o-sub{margin:16px 0 0;font-size:16px;line-height:1.5;color:var(--muted);max-width:56ch}
.r6 code{font:500 .92em/1.3 'JetBrains Mono',ui-monospace,monospace}
.r6 p code{white-space:normal;overflow-wrap:anywhere}
.r6 .o-fact{margin:20px 0 0;font-size:16px;line-height:1.5;color:var(--ink);max-width:50ch}
.r6 .o-mute{color:var(--muted)}
.r6 .o-mute a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* S1 hero: the deal said once, then the run */
.r6 .o-hero{position:relative;padding:48px 0 88px;background:radial-gradient(50% 60% at 72% 62%,var(--o-glow),transparent 70%),radial-gradient(40% 40% at 90% 30%,var(--o-cool),transparent 70%)}
.r6 .o-over{display:flex;margin:0 0 20px}
.r6 .o-over span{padding:6px 12px;border-radius:var(--pill);background:var(--action);color:var(--action-ink);font-size:14px;font-weight:500}
.r6 h1{margin:0;max-width:16ch;font:500 clamp(40px,5vw,68px)/1.02 var(--r4-display);letter-spacing:-.05em;color:var(--ink)}
.r6 h1 .r4-it{font-size:1.06em;letter-spacing:-.02em;color:var(--r4-word)}
.r6 .o-lead{margin:20px 0 0;max-width:62ch;font-size:17px;line-height:1.55;color:var(--muted)}
.r6 .o-stage{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px;align-items:center;margin-top:48px}
.r6 .o-side{display:grid;gap:18px;justify-items:start;align-content:center}
.r6 .o-say{margin:0;justify-self:stretch;font:500 22px/1.3 var(--r4-display);letter-spacing:-.02em;color:var(--ink);max-width:22ch;min-height:6.5em}
.r6 .o-again{margin:0}
/* the button keeps its place while hidden: the agent's line beside the run must not move */
.r6 .o-again [hidden]{display:inline-flex;visibility:hidden}
.r6 .o-ghost{background:var(--panel);color:var(--ink)}
.r6 .o-win .rw{box-shadow:var(--shadow)}
.r6 .o-note{margin:16px 0 0;font-size:14px;color:var(--muted);text-align:right}

/* S2 approvals: a mode switch over the real list of actions; the why on the right */
.o-ask{padding:96px 0}
.o-ask .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px 48px;align-items:start}
.o-ask-top{grid-column:1/-1}
.o-ask-box{padding:24px;border-radius:var(--radius);background:var(--panel)}
.o-mode{display:inline-grid;grid-auto-flow:column;gap:4px;padding:4px;border-radius:var(--pill);background:var(--canvas)}
.o-mode button{min-height:44px;padding:0 22px;border-radius:var(--pill);color:var(--muted);font-weight:500;transition:background-color var(--r4-fast) var(--r4-ease),color var(--r4-fast) var(--r4-ease)}
.o-mode button[aria-checked=true]{background:var(--frame);color:var(--ink)}
.o-mode button:hover{color:var(--ink)}
.o-acts{display:grid;gap:8px;margin-top:16px}
.o-acts li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:16px 18px;border-radius:20px;background:var(--frame)}
.o-acts b{font-weight:500;color:var(--ink)}
.o-acts span{grid-column:1;font:13px/1.4 'JetBrains Mono',ui-monospace,monospace;color:var(--muted);overflow-wrap:anywhere}
.o-acts i{grid-column:2;grid-row:1/span 2;font-style:normal;font-size:14px;font-weight:500;padding:6px 12px;border-radius:var(--pill);white-space:nowrap;background:var(--panel);color:var(--ink);transition:background-color var(--r4-fast) var(--r4-ease),color var(--r4-fast) var(--r4-ease)}
.o-acts i.rw-swap>span{text-align:center}
.o-acts li[data-v=ask] i{background:var(--ink);color:var(--frame)}
.o-ask-why{display:grid;gap:24px}
.o-ask-why p{margin:0;font-size:16px;line-height:1.5;color:var(--muted)}
.o-ask-why b{display:block;margin-bottom:4px;font:500 19px/1.3 var(--r4-display);letter-spacing:-.02em;color:var(--ink)}

/* S3 who counts "done": the agent's words against what the core does */
.o-done{padding:24px 0 96px}
.o-done-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.o-done-t{position:sticky;top:96px}
.o-talk{list-style:none;margin:0;padding:0;display:grid;gap:28px}
.o-talk li{display:grid;gap:10px}
.o-a{justify-self:start;margin:0;max-width:30ch;padding:14px 20px;border-radius:24px 24px 24px 8px;background:var(--panel);font:500 20px/1.3 var(--r4-display);letter-spacing:-.02em;color:var(--ink)}
.o-c{justify-self:end;margin:0;max-width:44ch;padding:16px 20px;border-radius:24px 24px 8px 24px;background:var(--frame);box-shadow:var(--shadow);font-size:16px;line-height:1.5;color:var(--ink)}
.o-c::before{content:"Ядро";display:block;margin-bottom:4px;font-size:14px;font-weight:500;color:var(--r4-word)}
:lang(en) .o-c::before{content:"Core"}

/* S4 proof: a file object on the left, the explanation on the right */
.o-proof{padding:24px 0 96px}
.o-proof-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.o-file{margin:0;padding:28px;border-radius:var(--radius);background:var(--frame);box-shadow:var(--shadow);transform:rotate(-1.5deg)}
.o-file-n{margin:0 0 20px;font:500 15px/1 'JetBrains Mono',ui-monospace,monospace;color:var(--muted)}
.o-file ul{display:grid;gap:8px}
.o-file li{display:grid;gap:2px;padding:14px 16px;border-radius:16px;background:var(--canvas)}
.o-file li span{font-size:14px;color:var(--muted)}
.o-file li b{font-weight:500;color:var(--ink)}
.o-file-v{display:flex;align-items:center;gap:10px;margin:20px 0 0;font:500 20px/1.2 var(--r4-display);letter-spacing:-.02em;color:var(--ink)}
.o-file-v::before{content:"✓";display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--action);color:var(--action-ink);font-size:16px}

/* S5 secrets: the request's path in three stops, the limit said plainly */
.o-net{padding:24px 0 96px}
.o-path{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.o-path li{position:relative;display:grid;align-content:start;gap:8px}
.o-path li+li::before{content:"→";position:absolute;left:-30px;top:30px;font-size:20px;color:var(--muted)}
.o-path .o-k{margin:0;font-size:14px;color:var(--muted)}
.o-path .o-n{margin:0;padding:14px 16px;border-radius:16px;background:var(--panel);font:500 18px/1.3 var(--r4-display);letter-spacing:-.02em;color:var(--ink)}
.o-path li:nth-child(2) .o-n{background:var(--ink);color:var(--frame)}
.o-path .o-d{margin:0;font-size:16px;line-height:1.5;color:var(--muted)}
.o-limit{margin:40px 0 0;font-size:16px;color:var(--ink)}

/* S6 crash: a night plate with a short timeline */
.o-crash{padding:0 0 24px}
.o-crash-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start;padding:64px 56px;border-radius:36px;background:var(--o-night);color:var(--o-night-ink)}
.o-crash h2{color:var(--o-night-ink)}
.o-crash .o-sub{color:var(--o-night-muted)}
.o-time{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.o-time li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:16px 20px;border-radius:20px;background:var(--o-night-row)}
.o-time time{font:500 15px/1.5 'JetBrains Mono',ui-monospace,monospace;color:var(--o-night-muted)}
.o-time p{margin:0;font-size:16px;line-height:1.5;color:var(--o-night-muted)}
.o-time b{font-weight:500;color:var(--o-night-ink)}
.o-time li.ok time{color:var(--action)}
.o-time li.stop{background:var(--o-night-ink)}
.o-time li.stop time,.o-time li.stop p{color:var(--o-stop-muted)}
.o-time li.stop b{color:var(--o-night)}

/* S7 the edge: the light plate, the test named */
.o-edge{padding:24px 0}
.o-edge-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;padding:64px 56px;border-radius:36px;background:var(--o-plate);color:var(--o-plate-ink)}
.o-edge h2{color:var(--o-plate-ink)}
.o-edge .o-sub{color:var(--o-plate-muted)}
.o-edge .o-fact{color:var(--o-plate-ink)}
.o-map{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr);align-items:center}
.o-core,.o-ent{border-radius:28px;padding:24px}
.o-core{background:var(--o-plate-core);min-height:220px;display:grid;align-content:center}
.o-ent{background:var(--o-night);color:var(--o-night-ink);min-height:160px;display:grid;align-content:end}
.o-map .o-k{margin:0;font-size:14px;color:var(--o-plate-muted)}
.o-ent .o-k{color:var(--o-night-muted)}
.o-map .o-n{margin:6px 0 0;font:500 26px/1.1 var(--r4-display);letter-spacing:-.03em}
.o-map .o-d{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--o-plate-muted)}
.o-ent .o-d{color:var(--o-night-muted)}
.o-wires{display:grid;gap:28px;padding:0 4px}
.o-wire{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;color:var(--o-plate-ink)}
.o-wire::before{content:"";position:absolute;left:-8px;right:-8px;top:50%;height:2px;background:var(--o-wire)}
.o-wire code{position:relative;padding:8px 12px;border-radius:var(--pill);background:var(--o-plate-core);font-size:13px}

/* S8 how the project lives: one number, then plain lines; the end */
.o-life{padding:104px 0 120px}
.o-life-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.o-big{margin:0;font:500 clamp(72px,9vw,128px)/.95 var(--r4-display);letter-spacing:-.05em;color:var(--ink);font-variant-numeric:tabular-nums}
.o-big-c{margin:16px 0 0;max-width:34ch;font-size:16px;line-height:1.5;color:var(--muted)}
.o-facts{display:grid;gap:8px;margin-top:28px}
.o-facts li{padding:16px 20px;border-radius:20px;background:var(--panel);font-size:16px;line-height:1.5;color:var(--ink)}
.o-end{display:grid;justify-items:center;gap:18px;margin-top:96px;text-align:center}
.o-end p{margin:0;font:500 24px/1.3 var(--r4-display);letter-spacing:-.02em;color:var(--ink)}

@media (max-width:1100px){
  .o-edge-in,.o-crash-in{grid-template-columns:minmax(0,1fr);padding:48px 32px}
  .o-path{grid-template-columns:minmax(0,1fr);gap:28px}
  .o-path li+li::before{content:"↓";left:0;top:-26px}
}
@media (max-width:860px){
  .r6 .o-hero{padding:32px 0 56px;background:radial-gradient(80% 40% at 50% 70%,var(--o-glow),transparent 70%)}
  .r6 .o-lead{font-size:16px;margin-top:16px}
  .r6 .o-stage{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:28px}
  .r6 .o-side{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
  .r6 .o-win{order:-1}
  .r6 .o-side .mascot{width:56px;height:56px}
  .r6 .o-say{font-size:17px;min-height:5.2em;max-width:none}
  .r6 .o-again{grid-column:1/-1}
  .r6 .o-note{text-align:left}
  .o-ask{padding:64px 0}
  .o-ask .wrap{grid-template-columns:minmax(0,1fr);gap:24px}
  .o-ask-box{padding:16px;border-radius:24px}
  .o-acts li{padding:14px 16px}
  .o-done,.o-proof,.o-net{padding:16px 0 64px}
  .o-done-in,.o-proof-in,.o-life-in{grid-template-columns:minmax(0,1fr);gap:28px}
  .o-done-t{position:static}
  .o-a{font-size:18px}
  .o-file{transform:none;padding:20px}
  .o-proof-t{order:-1}
  .o-crash-in,.o-edge-in{width:auto;margin:0 var(--gut);padding:36px 20px;gap:28px;border-radius:28px}
  .o-time li{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 16px}
  .o-map{grid-template-columns:minmax(0,1fr)}
  .o-core,.o-ent{min-height:0}
  .o-wires{grid-auto-flow:column;justify-content:center;gap:24px;padding:4px 0}
  .o-wire{min-height:72px;padding:0}
  .o-wire::before{left:50%;right:auto;top:-6px;bottom:-6px;width:2px;height:auto}
  .o-life{padding:64px 0 88px}
  .o-end{margin-top:64px}
  .o-end p{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
  .o-mode button,.o-acts i{transition:none}
}