/* Ocean6 mobile edition. Keep desktop art direction; use a readable touch layout. */
[hidden]{display:none!important}
@media(max-width:800px){
  :root{--mobile-gutter:max(6vw,env(safe-area-inset-left),env(safe-area-inset-right));--mobile-header:calc(76px + env(safe-area-inset-top))}
  html{scroll-padding-top:calc(var(--mobile-header) + 18px);-webkit-text-size-adjust:100%}
  .site-header,.site-header.scrolled{height:var(--mobile-header);padding:env(safe-area-inset-top) var(--mobile-gutter) 0;gap:16px}
  .site-header .brand{width:clamp(150px,43vw,190px);height:48px;min-width:0}
  .site-header nav,.site-header .nav-cta{display:none}
  .menu-toggle{display:flex;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:46px;height:46px;color:inherit;border:1px solid #8bb9d34d;border-radius:5px;background:#04131b80}
  .menu-toggle span{width:19px;height:1px;background:var(--ink);transition:transform .2s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  #mobile-menu:not([hidden]){position:fixed;inset:var(--mobile-header) 0 auto;display:grid;gap:0;z-index:11;padding:12px var(--mobile-gutter) calc(20px + env(safe-area-inset-bottom));background:#07131ef5;border-bottom:1px solid #7eb8d54d;box-shadow:0 18px 45px #0005;backdrop-filter:blur(20px);max-height:calc(100svh - var(--mobile-header));overflow-y:auto;overscroll-behavior:contain}
  #mobile-menu a{display:flex;align-items:center;min-height:54px;padding:14px 0;border-bottom:1px solid #88c4df20;font-size:17px}
  #mobile-menu a:last-child{border:0}
  .hero{height:auto;min-height:100svh;max-height:none;align-items:center}
  .hero-content{width:100%;max-width:680px;padding:calc(var(--mobile-header) + 62px) var(--mobile-gutter) 142px}
  .hero .eyebrow{font-size:12px;max-width:320px;letter-spacing:.1em;margin-bottom:25px}
  .hero h1{font-size:clamp(38px,10.2vw,65px);line-height:1.3;margin-bottom:25px}
  .hero-description{font-size:17px;line-height:1.9}
  .hero-actions{gap:16px;margin-top:30px;align-items:stretch;flex-direction:column;width:min(100%,360px)}
  .hero-actions .button{min-height:56px;font-size:16px;padding:16px 22px}
  .hero-actions .text-link{min-height:44px;width:fit-content;align-items:center;font-size:15px}
  .hero-bottom{left:var(--mobile-gutter);right:var(--mobile-gutter);bottom:calc(20px + env(safe-area-inset-bottom));padding-top:17px;gap:12px;letter-spacing:0}
  .hero-bottom .ocean-coordinate{display:none}
  .hero-bottom a{min-height:44px;align-items:center;gap:12px}
  .motion-toggle,.closing-motion-toggle{min-height:44px;font-size:13px}
  .section{padding:64px var(--mobile-gutter)}
  .section-top{gap:15px;margin-bottom:28px;flex-wrap:wrap}
  .section-top .eyebrow{font-size:12px;letter-spacing:.11em}
  .section-caption{display:none}
  .about-v26 .about-heading{text-align:left;margin-bottom:28px}
  .about-v26 .about-heading h2{font-size:clamp(30px,7.4vw,44px);line-height:1.4}
  .about-v26 .about-heading>p{font-size:16px;margin-top:20px}
  .about-v26 .about-heading>p br{display:none}
  .intelligence-grid{grid-template-columns:1fr;gap:22px}
  .about-v26 .intelligence-card{display:block;min-width:0}
  .about-v26 .intelligence-art{height:auto;min-height:0;aspect-ratio:1.45}
  .about-v26 .intelligence-art::after{background:linear-gradient(0deg,#081621,transparent 35%)}
  .about-v26 .art-index{font-size:12px;top:15px;left:17px;padding:5px 8px}
  .about-v26 .intelligence-copy{padding:15px 22px 27px}
  .about-v26 .intelligence-copy h3{font-size:27px;margin-bottom:9px}
  .about-v26 .intelligence-purpose,.about-v26 .intelligence-copy>p:last-child{font-size:16px}
  .about-v26 .intelligence-copy>p:last-child br{display:none}
  .apps-workflow-cues{left:5%;right:5%;gap:6px;padding-inline:9px}
  .apps-workflow-cues li{font-size:13px}
  .intelligence-connections{height:45px}
  .intelligence-connections path:first-child,.intelligence-connections path:last-child{display:none}
  .intelligence-outcome{display:block;padding:24px 16px;text-align:center}
  .outcome-brand{justify-content:center;gap:12px;margin-bottom:13px;flex-wrap:wrap}
  .outcome-wordmark{font-size:22px}.outcome-label{font-size:14px}
  .intelligence-outcome>p{font-size:16px}
  .six-shell,.frontier-shell,.participation-shell,.roadmap-shell{padding-inline:var(--mobile-gutter)}
  .six-section,.frontier-v7,.participate-v9,.roadmap-v10,.connect-v13{padding:0}
  .six-capabilities{grid-template-columns:1fr;gap:10px}
  .six-capability{display:flex;gap:17px;padding:20px;min-height:0}
  .six-card-number{font-size:13px;padding-top:5px;min-width:20px;margin:0}
  .six-card-title{display:flex;flex-wrap:wrap;flex-direction:row;align-items:baseline;gap:7px 13px}
  .six-card-title h3{font-size:24px}.six-card-title>span{font-size:11px;letter-spacing:.06em}
  .six-capability p{font-size:16px;margin-top:9px;line-height:1.8}
  .six-direction-label{font-size:13px}.six-emblem{width:100%;max-width:370px}
  .evidence{display:block}
  .evidence-heading{display:block}.evidence-heading>p:last-child{font-size:16px;margin-top:19px}
  .evidence-grid{grid-template-columns:1fr;margin-top:30px;gap:23px}
  .stat,.stat:first-child{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:24px 0 0;border:0;border-top:1px solid var(--line)}
  .stat-value{grid-row:auto;font-size:50px;margin-bottom:9px}
  .stat h3{font-size:18px;margin:0}.stat p{font-size:14px}
  .stat-source{grid-column:auto;font-size:12px;margin-top:5px;overflow-wrap:anywhere}
  .evidence-note{font-size:12px;margin-top:27px}
  .frontier-view{min-height:0;display:flex;flex-direction:column;justify-content:end;padding-top:255px}
  .frontier-v7 #frontier-panel{position:relative;inset:auto;max-width:none;min-height:0;padding:24px 21px 48px}
  .frontier-v7 #frontier-panel h3{font-size:21px;line-height:1.6}
  .frontier-v7 #frontier-panel p{font-size:16px}
  .frontier-visual-label,.frontier-image-note{font-size:11px}
  .frontier-v7 .frontier-selector button{min-height:52px;min-width:0;white-space:normal}
  .frontier-tab-copy strong{font-size:15px}
  .frontier-statement>p{font-size:16px}
  .workflow20-heading h2{font-size:clamp(30px,7.4vw,46px)}
  .workflow20-heading>p{max-width:none;font-size:16px}
  .workflow20-heading>p br{display:none}
  .workflow20-steps{padding:180px 6% 30px;gap:35px}
  .workflow20-card,.workflow20-engine,.workflow20-output{width:100%;margin:0;justify-self:stretch;padding:21px 20px 18px}
  .workflow20-art{object-position:50% 0%;height:440px;mask-image:linear-gradient(#000 65%,transparent)}
  .workflow20-card:not(:last-child)::after{height:36px}
  .workflow20-card>p br{display:none}
  .workflow20-resources ul{gap:10px 18px}.workflow20-resources li{font-size:15px}
  .workflow20-value-title h3{font-size:25px}
  .participation-art{height:clamp(245px,65vw,355px)}
  .participation-art h3{font-size:26px}
  .participation-copy>p{font-size:16px;min-height:0}
  .participation-label{font-size:12px}.participation-value{font-size:14px}
  .participation-link{min-height:56px;font-size:16px}
  .roadmap-period{font-size:16px;line-height:1.8}
  .roadmap-stage h3{font-size:24px}.roadmap-stage-copy{font-size:16px}
  .vision-v24-shell{padding-inline:var(--mobile-gutter)}
  .connect-v13-shell{padding:65px var(--mobile-gutter) calc(115px + env(safe-area-inset-bottom))}
  .connect-v13 h2{font-size:clamp(30px,7.8vw,54px);line-height:1.4}
  .connect-v13-action{display:flex;flex-direction:column;align-items:stretch;max-width:390px}
  .connect-v13-action .primary{width:100%;min-height:58px;font-size:16px}
  .connect-v13-document{font-size:13px}.connect-v13-contact p{font-size:16px}
  .connect-v13-contact p:first-child{font-size:16px}
  .closing-motion-toggle{bottom:calc(25px + env(safe-area-inset-bottom))}
  .footer{padding:28px var(--mobile-gutter) calc(28px + env(safe-area-inset-bottom));gap:18px;grid-template-columns:minmax(0,1fr) auto}
  .footer-wordmark{font-size:21px}.footer>a:last-of-type{min-height:44px;display:flex;align-items:center;font-size:13px}
  .footer>p{grid-column:1/-1;grid-row:2;font-size:11px;letter-spacing:.06em;overflow-wrap:anywhere}
  .copyright{grid-row:3;grid-column:1/-1;justify-self:start;font-size:12px}
}
@media(min-width:601px) and (max-width:800px){
  .six-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}
  .six-capability{padding:18px;gap:12px}
  .hero-content{padding-top:calc(var(--mobile-header) + 70px)}
}
@media(max-width:360px){
  .hero h1{font-size:36px}.hero-description{font-size:16px}
  .six-capability{padding:17px 15px;gap:12px}
  .apps-workflow-cues li{font-size:12px}
  .workflow20-card-top,.workflow20-role{font-size:13px}
  .outcome-brand{flex-direction:column}.outcome-label{border:0;padding:0}
}
@media(hover:none){
  .primary:hover{transform:none}.primary:hover::before{left:-80px}
}