@media (max-width: 1040px) {
  :root { --container: min(100% - 64px, 960px); }
  .site-header { padding: 0 32px; }.site-nav { gap:20px; margin-right:25px; }
  .hero-grid-sub { grid-template-columns: 1fr; gap: 36px; margin-top: 40px; }
  .hero-sub-left { max-width: 100%; }
  .situation-stories { gap:12px; }.story { padding:22px; }.story h3 { font-size:31px; }.services-intro,.demo-layout,.faq-layout { gap:7%; }.workflow-canvas { height:auto; padding:30px 16px; }.flow-core { left:42%; }.node-ai { right:19%; }.case-machine { grid-template-columns:1fr 225px; }.machine-flow { gap:8px; }.machine-arrow { display:none; }.process-track { grid-template-columns:repeat(3,1fr); }.process-track li:nth-child(3) { border-right:0; }.process-track li:nth-child(n+4) { border-top:1px solid var(--line-light); }.process-track li:nth-child(4) { padding-left:0; }.process-track li:nth-child(4)::before { top:-4px; }.process-track li { min-height:190px; }
  .tension-grid { grid-template-columns: 1fr; gap: 16px; }
  .plot-twist { min-height: 60vh; padding: 80px 0; }
  .comparison-grid { grid-template-columns: 1fr; gap: 16px; }
  .timeline-track { grid-template-columns: 1fr 1fr; gap: 16px; }
  .rich-nodes-grid { gap: 6px; padding: 24px 12px; }
}
@media (max-width: 760px) {
  :root { --container: calc(100% - 40px); }
  .section-space { padding:92px 0; }.display-title { font-size:clamp(40px,12vw,55px); }.section-lead { font-size:15px; }.site-header { height:70px; padding:0 20px; }.site-nav,.header-cta { display:none; }.menu-toggle { display:grid; gap:5px; width:38px; height:38px; place-content:center; padding:0; border:0; background:none; color:#fff; }.menu-toggle i { display:block; width:20px; height:1px; background:currentColor; transition:transform .25s var(--ease); }.menu-toggle[aria-expanded="true"] i:first-of-type { transform:translateY(3px) rotate(45deg); }.menu-toggle[aria-expanded="true"] i:last-of-type { transform:translateY(-3px) rotate(-45deg); }.mobile-nav { position:absolute; top:70px; right:0; left:0; display:grid; max-height:0; padding:0 20px; overflow:hidden; background:var(--navy); transition:max-height .35s var(--ease), padding .35s var(--ease); }.mobile-nav.is-open { max-height:400px; padding:12px 20px 22px; border-top:1px solid var(--line-light); }.mobile-nav a { padding:12px 0; border-bottom:1px solid var(--line-light); font-size:13px; font-weight:700; }.mobile-nav a:last-child { color:var(--blue-bright); }
  .hero { min-height:auto; padding:130px 0 54px; }.hero-title { font-size:clamp(46px,13.5vw,72px); letter-spacing:-.085em; }
  .hero-intro { max-width:100%; font-size: 14px; margin-bottom: 22px; }
  .hero-actions { display:flex; flex-direction: column; align-items:stretch; gap:14px; }
  .hero-actions .button { min-width:0; text-align: center; }
  .hero-system-card { padding: 18px 20px; }
  .system-flow-nodes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .flow-connector { display: none; }
  .orb-one { width:660px; height:660px; top:-17%; right:-95%; }
  .trust-strip { display:block; min-height:0; }.trust-strip > p { padding:14px 20px; border-right:0; border-bottom:1px solid var(--line); }.marquee { height:64px; }.marquee-track { gap:25px; }.marquee span { font-size:15px; }
  .situation-head,.workflow-heading,.why-header,.process-title-wrap { display:block; }.situation-head .section-lead { margin-left:0; }.situation-stories { display:flex; gap:14px; margin-top:48px; overflow-x:auto; width:100%; padding:0 20px 20px; scrollbar-width:none; }.situation-stories::-webkit-scrollbar { display:none; }.story { flex:0 0 min(310px,80vw); min-height:465px; }.story:nth-child(2) { transform:none; }.story-kicker { margin-top:37px; }
  .services-intro { display:block; }.services-intro .section-lead { margin-top:26px; }.services-list { margin-top:45px; }.service-row { grid-template-columns:30px 1fr 20px; gap:14px; min-height:0; padding:25px 0; }.service-row:hover { padding:25px 12px; }.service-name span { font-size:9px; }.service-name h3 { font-size:18px; }.service-row > p { grid-column:2/4; margin-top:-3px; font-size:12px; }
  .workflow-canvas { height:auto; margin-top:45px; padding:24px 12px; }.flow-node { width:122px; min-height:102px; padding:12px; }.node-customer { top:55px; left:0; }.node-whatsapp { top:203px; left:auto; right:0; }.flow-core { top:310px; left:calc(50% - 70px); width:140px; height:140px; }.core-rings { inset:-36px; }.node-ai { top:500px; right:auto; left:0; }.node-data { top:594px; right:0; }.flow-line b { display:none; }.line-one { top:151px; left:25%; width:47%; transform:rotate(22deg); }.line-two { top:304px; left:47%; width:27%; transform:rotate(120deg); }.line-three { top:452px; left:36%; width:27%; transform:rotate(137deg); }.line-four { top:566px; left:41%; width:30%; transform:rotate(33deg); }.flow-branch { display:none; }.flow-caption { position:static; margin-top:24px; text-align:center; font-size:11px; }
  .demo-layout { display:block; }.demo-copy .section-lead { margin-bottom:31px; }.demo-side-note { margin-bottom:42px; }.demo-window { max-width:none; box-shadow:12px 12px 0 #eef1f7; }
  .case-top { display:block; }.case-position { display:flex; flex-direction:row; justify-content:space-between; margin-top:31px; padding:13px 0 0; border-top:1px solid var(--line-light); text-align:left; }.case-content { display:block; margin-top:62px; }.case-points { margin-top:46px; }.case-machine { display:block; margin-top:48px; }.machine-window { padding:19px 17px 23px; }.machine-flow { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.case-result { min-height:160px; border-top:1px solid var(--line-light); border-left:0; }.case-statement { font-size:clamp(43px,12vw,59px); }
  .tension-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 40px; }
  .plot-twist { min-height: 50vh; padding: 60px 0; }
  .plot-twist-content h2 { font-size: clamp(24px, 7vw, 36px); }
  .comparison-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 40px; }
  .growth-pause { padding: 80px 0; }
  .timeline-track { grid-template-columns: 1fr; gap: 16px; margin-top: 40px; }
  .rich-nodes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 16px; }
  .rich-arrow { display: none; }
  .why-layout { display:block; margin-top:54px; }.why-manifesto { margin-bottom:57px; padding-left:39px; }.why-manifesto p { font-size:18px; }.why-item { grid-template-columns:28px 1fr; gap:14px; }.why-item p { grid-column:2; }.process-track { grid-template-columns:1fr 1fr; margin-top:49px; }.process-track li { min-height:180px; padding-right:13px; }.process-track li:nth-child(2n) { border-right:0; padding-left:14px; }.process-track li:nth-child(n+3) { border-top:1px solid var(--line-light); }.process-track li:nth-child(3) { padding-left:0; }.process-track h3 { margin-top:45px; }
  .faq-layout { display:block; }.faq-intro .section-lead { margin-bottom:26px; }.accordion { margin-top:48px; }.faq-item button { font-size:14px; }.closing { padding:93px 0; }.closing-content::after { top:3%; right:-24%; width:190px; height:190px; }.closing-title { font-size:clamp(48px,13vw,64px); }.closing-actions { display:block; margin:40px 0 0; }.closing-actions p { margin-top:19px; }
  .footer-top { display:grid; grid-template-columns:1fr; gap:23px; padding-top:40px; padding-bottom:37px; }.footer-mail { justify-self:start; }.footer-bottom { flex-wrap:wrap; gap:9px 20px; padding:17px 0; font-size:9px; }.footer-bottom a { width:100%; margin-top:5px; }
}