/* SpiralOS site realignment patch (2026-06)
   Hides off-message sections from the old "boldsea product platform" concept.
   New concept: SpiralOS = a vision of the whole New Internet, not a product.
   See vault: Проекты/SpiralOS.com/SpiralOS.com — План изменений.md
   To restore a section, remove its selector below. */

.framer-1tuixnu,  /* Section: Layer 2 — Human-Agent Collaboration Platform */
.framer-15aguzb,  /* Section: Layer 1 — Agent-to-Agent Network */
.framer-k82wiy {  /* Section: Technology / Boldsea / Architecture */
  display: none !important;
}

/* Video block (YouTube embed). Hidden for now — remove this rule to restore it. */
.framer-nwve3s {
  display: none !important;
}

/* --- Injected deck sections (see spiral-patch.js) ---
   Styled to match the site's native system, NOT the deck palette:
   Manrope 500, pure #000 primary / #666 secondary, flat borderless cards,
   white / #f0f0f0 alternating bands, 80px section padding. No teal. */
.sps-section { background:#fff; color:#000;
  font-family:"Manrope","Manrope Placeholder",sans-serif;
  padding:80px; box-sizing:border-box;
  width:100%; align-self:stretch; }   /* full-bleed: the Framer column centers flex items, so stretch back to full width */
.sps-section.sps-alt { background:#f0f0f0; }   /* alternating band, like the original Technology section */
.sps-inner { max-width:1200px; margin:0 auto; }
/* gray bands: full-width, left-aligned (as originally) — not a centered column */
.sps-alt .sps-inner { max-width:none; margin:0; }

.sps-eyebrow { font-size:16px; font-weight:500; color:#000; margin:0 0 26px; }
.sps-title { font-size:40px; font-weight:500; line-height:1.1; color:#000; margin:0 0 14px; max-width:860px; }
.sps-lead { font-family:"Inter","Inter Placeholder",sans-serif; font-size:18px; font-weight:400;
  color:#666; line-height:1.5; margin:0 0 8px; max-width:720px; }
.sps-title + .sps-grid3, .sps-title + .sps-grid2, .sps-title + .sps-points,
.sps-title + .sps-two, .sps-lead + .sps-grid3, .sps-lead + .sps-grid2,
.sps-lead + .sps-points, .sps-lead + .sps-two { margin-top:48px; }

/* card grids (Principles, Map) — flat, borderless */
.sps-grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:48px 40px; }
.sps-grid2 { display:grid; grid-template-columns:repeat(2,1fr); gap:48px; }
.sps-num { display:block; font-size:24px; font-weight:500; color:#000; }
.sps-card h3 { font-size:24px; font-weight:500; color:#000; margin:10px 0 10px; line-height:1.3; }
.sps-card p { font-family:"Inter","Inter Placeholder",sans-serif; font-size:16px; font-weight:400;
  color:#666; line-height:1.55; margin:0; }
.sps-mini { list-style:none; padding:0; margin:12px 0 0; }
.sps-mini li { font-family:"Inter","Inter Placeholder",sans-serif; font-size:16px; color:#666;
  line-height:1.5; margin:7px 0; padding-left:18px; position:relative; }
.sps-mini li:before { content:"—"; position:absolute; left:0; color:#999; }

/* statement lists (Vision, How, Ask) — auto-numbered, Layer-style */
.sps-points { list-style:none; padding:0; margin:0; counter-reset:sps; }
.sps-points li { display:flex; gap:22px; align-items:baseline;
  font-size:20px; font-weight:500; color:#000; line-height:1.4;
  padding:20px 0; border-bottom:1px solid rgba(0,0,0,0.08); }
.sps-points li:first-child { border-top:1px solid rgba(0,0,0,0.08); }
.sps-points li:before { counter-increment:sps; content:counter(sps,decimal-leading-zero);
  color:#999; font-size:16px; font-weight:500; min-width:26px; }
.sps-points.sps-two-col { display:grid; grid-template-columns:repeat(2,1fr); column-gap:56px; }

/* method (old vs new) — flat columns, no panels */
.sps-two { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.sps-label { display:block; font-size:16px; font-weight:500; color:#666; margin-bottom:14px; }
.sps-panel p { font-size:24px; font-weight:500; color:#000; line-height:1.35; margin:0; }

/* banners (Method "already running", Ask horizon) — plain text lines */
.sps-banner { margin-top:44px; font-size:20px; font-weight:500; color:#000; line-height:1.4; }

/* CTA button in injected sections (Commons Map) — black pill, like the hero. */
.sps-btn { display:inline-flex; align-items:center; gap:10px; margin-top:44px;
  background:#000; color:#fff; text-decoration:none;
  font-family:"Manrope","Manrope Placeholder",sans-serif; font-size:18px; font-weight:500;
  padding:16px 28px; border-radius:40px; }
.sps-btn:hover { opacity:.85; }
.sps-btn .sps-arrow { font-size:16px; line-height:1; }

/* footer contacts (email + X) — same line as the CTA button, right-aligned.
   `top` is set inline by spiral-patch.js to match the button's vertical center. */
/* "Let's talk" — mirrors the "Be first to see the map" heading on the right.
   font/top set inline by spiral-patch.js to match the heading exactly. */
.sps-talk { position:absolute; right:80px; margin:0; text-align:right;
  font-family:"Manrope","Manrope Placeholder",sans-serif; }
.sps-contacts { position:absolute; right:80px; margin:0;
  display:flex; gap:24px; align-items:center;
  font-family:"Manrope","Manrope Placeholder",sans-serif; font-size:20px; font-weight:500; }
.sps-contacts a { color:#fff; text-decoration:none; }
.sps-contacts a:hover { text-decoration:underline; }

/* Hide the hero caption (old "…Coming Soon" / "…now live" line) — the map
   button carries the CTA now. */
.framer-1f4bhsy { display:none !important; }

/* Keep the logo bar in place on scroll. Framer's nav hides on scroll-down by
   translating the bar up to reveal a second nav variant — that variant was the
   tagline we emptied, so scroll-down left a blank bar (the "logo disappears" bug).
   Pinning the bar's transform makes the logo always visible. */
.sps-marquee > div { transform: none !important; }
@media (max-width:700px){
  /* contacts/talk reflow into the dark footer block (on dark bg, full width).
     `margin-top` on .sps-contacts is set inline by spiral-patch.js to match the
     "Be first to see the map" -> button gap exactly. */
  .sps-talk, .sps-contacts { position:static; transform:none; right:auto; text-align:left;
    width:100%; flex-basis:100%; }
  .sps-talk { margin-top:8px; }
}

@media (max-width:900px){
  .sps-section { padding:56px 24px; }
  .sps-title { font-size:30px; }
  .sps-grid3, .sps-grid2, .sps-two, .sps-points.sps-two-col { grid-template-columns:1fr; gap:32px; }
}