/* Mobile composition: four columns, 8px outer gutters and 8px column gaps.
   Only the six approved sections are included below the desktop breakpoint. */
.mobile-hero-action,.mobile-hero-art,.mobile-cta-art-slot{display:none}
@media(max-width:900px){
 :root{--gap:8px;--section-padding-block:64px;--mobile-press-duration:70ms}
 html{scroll-padding-top:76px}
 body{background:#fff;background-image:none}
 .container{padding-inline:8px}
 .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 #header.paper-header>.container{padding-inline:8px}
 #header.paper-header.mobile-menu-open nav{padding:16px 8px calc(24px + env(safe-area-inset-bottom))}
 #header.paper-header{--paper-text:#000829;--paper-text-secondary:#636a6b;--paper-muted:#636a6b}
 #header.paper-header::before,#header.paper-header.over-dark-section::before{background:rgb(255 255 255 / 98%);backdrop-filter:none}
 #header.paper-header .wordmark .umbra-logo{display:block;width:108px;height:auto;filter:none}
 #header.paper-header .mobile-brand{display:none}
 #header.paper-header .wordmark{padding-left:8px}
 #header.paper-header .nav-actions{gap:2px}
 #header.paper-header .paper-menu-copy>small{font-size:13px;line-height:18px}
 #header.paper-header .paper-nav-trigger{height:56px;padding-inline:16px;color:#000829}
 #header.paper-header .paper-nav-menu :is(a,button){padding-inline:16px}
 #nimbus-compliance,#nimbus-build,#nimbus-integrate,#nimbus-usecases{display:none}
 .home-logo-pause{display:none}
 .mobile-hero-art{grid-column:1/-1;display:block;position:relative;height:220px;width:100%;max-width:360px;justify-self:center}
 .mobile-hero-art .home-logo-track{position:absolute;inset:0;z-index:0}
 .mobile-hero-art .home-logo-viewport{position:absolute;inset:0;height:100%;overflow:hidden;display:block}
 .home-logo-canvas{height:100%;min-height:0;opacity:1;mask-image:none}
 .home-logo-fallback{width:220px;max-width:100%}
 .home-hero{min-height:0;padding:48px 0 24px;align-items:start}
 .home-content{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 8px}
 .hero-copy-reference{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;min-width:0;padding-inline:16px}
 .home-content .hero-announcement{position:static;margin:0;width:auto}
 .hero-copy-reference .hero-pill,.hero-scroll-cue{height:32px;min-height:32px;padding:4px 4px 4px 12px;gap:8px;border:1px solid rgb(234 235 235 / 50%);border-radius:999px;background:rgb(241 242 242 / 75%);box-shadow:none}
 .hero-copy-reference .hero-pill-title,.hero-scroll-cue .hero-pill-title{font:450 12px/16px var(--font-family)}
 .hero-copy-reference .hero-pill-icon,.hero-scroll-cue .hero-pill-icon{width:22px;height:22px;background:#eaeaea;border-radius:50%}
 .hero-copy-reference .hero-pill-icon svg{width:12px;height:12px;stroke:none}
 .home-content h1.hero-heading{width:100%;height:auto;margin:0;font:450 clamp(30px,10.2vw,44px)/1.08 var(--font-family);letter-spacing:-.025em}
 .hero-heading-ink{display:flex;flex-direction:column;align-items:center;height:auto;width:100%}
 .hero-heading-line{display:block;white-space:nowrap;height:auto}
 .hero-heading-line+.hero-heading-line{margin:0}
 .home-content .hero-subtitle{height:auto;max-width:360px;width:100%;margin:0;font:450 16px/24px var(--font-family);color:#636a6b;text-wrap:balance;text-align:center}
 .hero-swap{display:none}
 .mobile-hero-action{grid-column:1/-1;display:flex;justify-content:center;padding-inline:16px}
 .mobile-hero-action :is(button,a){height:48px;width:100%;max-width:360px;border:.5px solid #0100db;border-radius:14px;background:#0100ff;color:#fff;font:450 16px/20px var(--font-family);box-shadow:inset 0 .5px 0 #ffffff59;transition:transform var(--mobile-press-duration) ease,background-color 140ms ease}
 .mobile-hero-action :is(button,a):active{transform:scale(.98);background:#0100db}
 .hero-scroll-cue{display:none}
 /* Natural scrolling keeps every paragraph readable on short phone screens.
    Word reveal follows the viewport; desktop pin/dissolution remains intact. */
 #manifesto,#manifesto.is-scroll-ready{height:auto;margin:0}
 #manifesto .manifesto-panel{position:relative;top:auto;height:auto;min-height:0}
 #manifesto .manifesto-copy{padding:56px 24px 72px}
 #manifesto .manifesto-paragraphs{grid-column:1/-1;gap:28px}
 #manifesto p{font:450 clamp(22px,6.1vw,26px)/1.35 var(--font-family);letter-spacing:-.02em;text-align:left;text-wrap:pretty}
 .manifesto-particles{display:none}
 .nimbus-cta{scroll-margin-top:76px;margin-inline:8px;border-radius:24px}
 .nimbus-cta-content{display:flex;flex-direction:column;gap:24px;align-items:stretch;min-height:420px;height:auto;padding:32px 16px 24px}
 .nimbus-cta h2{grid-column:1/-1;width:auto;max-width:none;min-height:0;font:450 clamp(28px,7.6vw,34px)/1.15 var(--font-family);letter-spacing:-.02em}
 .nimbus-cta-actions{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%}
 .nimbus-cta-actions button{width:100%;min-width:0;height:48px;padding:0 16px;font:450 16px/20px var(--font-family);border-radius:14px}
 .mobile-cta-art-slot{display:block;height:104px;flex:none}
 .nimbus-cta-switch{z-index:3;left:8px;right:auto;top:auto;bottom:16px;transform:none;flex-direction:row;gap:0;padding:0;background:rgb(0 8 41 / 18%);border-radius:999px}
 .nimbus-cta-switch button{display:grid;place-items:center;width:44px;height:44px;background:transparent;border-radius:50%;position:relative}
 .nimbus-cta-switch button::after{content:'';width:4px;height:4px;background:transparent;border:1px solid rgb(255 255 255 / 70%);border-radius:50%}
 .nimbus-cta-switch button[aria-pressed=true]{background:transparent}
 .nimbus-cta-switch button[aria-pressed=true]::after{background:#fff}
 .umbra-guide-layout{padding:72px 0 64px;gap:28px;align-items:stretch}
 .umbra-guide-heading{text-align:left;padding-inline:16px}
 .umbra-guide h2{max-width:340px;font:450 32px/36px var(--font-family);letter-spacing:-.02em}
 .umbra-guide-list{gap:8px;max-width:none}
 .t-acc-head{min-height:64px;padding:16px;gap:16px;font:450 16px/22px var(--font-family);letter-spacing:-.01em}
 .t-acc-panel-inner{padding:0}
 .umbra-guide-item .t-acc-panel-inner p{padding:0 16px 20px;font:450 15px/23px var(--font-family)}
 .site-footer{display:block;position:relative;isolation:isolate;overflow:hidden;background:#fff;color:#000829;--footer-muted:#636a6b;--footer-line:#eaebeb;--footer-hover:#f1f2f2}
 .site-footer-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 8px;padding:16px 16px 32px;position:relative;z-index:1}
 .site-footer-identity{grid-column:1/-1;min-width:0}
 .site-footer-logo{display:flex;width:fit-content}
 .site-footer-tagline{margin:16px 0 0;font:450 16px/24px var(--font-family);color:#636a6b}
 .site-footer-nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 8px;align-items:start}
 .site-footer-column{grid-column:span 2;min-width:0}
 .site-footer-column h2{margin:0 0 8px;font:450 14px/20px var(--font-family);color:#636a6b}
 .site-footer-column ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
 .site-footer-column :is(a,button){display:flex;align-items:center;min-height:44px;padding:8px 0;border:0;border-radius:0;background:none;color:#000829;font:450 14px/20px var(--font-family);text-align:left}
 .site-footer-nav button::after{content:none}
 .site-footer-copyright{display:block;margin-top:20px;font:450 12px/18px var(--font-family);color:#636a6b}
 .site-footer-bottom{position:relative;z-index:1;border-top:.5px solid #eaebeb;padding:24px 16px 48px;display:flex;flex-direction:column;align-items:stretch;gap:24px;color:#636a6b}
 .site-footer-bottom-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
 .site-footer .site-footer-status{display:flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;color:#0100ff;font:450 12px/18px var(--font-family)}
 .site-footer-status>span{width:6px;height:6px;border-radius:50%;background:currentColor}
 .site-footer-utilities{display:flex;flex-wrap:wrap;gap:0 16px}
 .site-footer-utilities :is(a,button){display:flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:#636a6b;font:450 12px/18px var(--font-family)}
 .site-footer-social{display:flex;gap:8px}
 .site-footer-social button{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#f1f2f280}
 .site-footer-social img{width:20px;height:20px;opacity:.55}
 .footer-social-tooltip{display:none}
 .site-footer-watermark{position:absolute;inset:0;height:100%;z-index:0;pointer-events:none}
 .footer-background-dots{mask-image:linear-gradient(to bottom,transparent 0%,transparent 70%,#000 100%)}
 .site-footer-wordmark-mask{position:absolute;left:0;right:0;bottom:-24px;height:110px;opacity:.35}
 .site-footer-wordmark-mask canvas{display:block;width:100%;height:100%}
 .prototype-controls{display:none}
 .prototype-controls>span,.prototype-controls #font-toggle,.prototype-controls #spacing-toggle,.prototype-controls #ruler-toggle{display:none}
 .prototype-controls #grid-toggle{min-height:44px;font-size:12px}
 #grid-columns .grid-column:nth-child(n+5){display:none}
 #grid-overlay{padding-inline:8px}
 dialog{max-width:calc(100vw - 16px)}
}
@media(max-width:360px){.home-hero{padding-top:40px}.home-content h1.hero-heading{font-size:30px}.nimbus-cta h2{font-size:28px}}
@media(max-width:900px) and (prefers-reduced-motion:reduce){
 .mobile-hero-action :is(button,a){transition:none}.mobile-hero-action :is(button,a):active{transform:none}
}