.oc-supply{--oc-supply-gold:#edbd78;--oc-supply-roof:#476575;--oc-supply-wall:#304b5e;--oc-supply-side:#203647;color:var(--oc-fg)}[data-theme=light] .oc-supply{--oc-supply-gold:#b47732;--oc-supply-roof:#b5d4df;--oc-supply-wall:#e1eff3;--oc-supply-side:#9ebfcd}.oc-supply-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;font-size:9px;letter-spacing:.07em;color:var(--oc-muted)}.oc-supply-heading>span:first-child{display:flex;align-items:center;gap:10px}.oc-supply-canvas{border:1px solid var(--oc-line);border-radius:8px;background:var(--oc-panel);overflow:hidden;isolation:isolate}.oc-supply-title{padding:26px 28px 0;min-height:107px}.oc-supply-title>span{font-size:8px;letter-spacing:.12em;color:var(--oc-soft)}.opencity-landing .oc-supply-title h2{font-size:clamp(17px,1.6vw,23px);line-height:1.4;letter-spacing:-.04em;margin:9px 0 0;max-width:430px;min-height:65px}.oc-supply-scene{display:block;width:100%;height:auto;overflow:visible}.oc-supply-grid{color:var(--oc-line);opacity:.5}.oc-supply-backdrop{color:var(--oc-soft);opacity:.22}.oc-supply-road-edge{fill:none;stroke:var(--oc-line);stroke-width:29;stroke-linejoin:round}.oc-supply-road{fill:none;stroke:var(--oc-bg);stroke-width:27;stroke-linejoin:round}.oc-supply-road-line{fill:none;stroke:var(--oc-soft);stroke-width:1;stroke-dasharray:5 7;opacity:.5}.oc-supply-platform{fill:var(--oc-raised)}.oc-supply-platform,.oc-supply-wall{stroke:var(--oc-line);stroke-width:1}.oc-supply-wall{fill:var(--oc-supply-wall)}.oc-supply-side{fill:var(--oc-supply-side);stroke:var(--oc-line);stroke-width:1}.oc-supply-roof{fill:var(--oc-supply-roof);stroke:var(--oc-soft);stroke-width:1}.oc-supply-roof-lit{fill:var(--oc-soft);opacity:.3}.oc-supply-sack{fill:var(--oc-supply-gold);stroke:var(--oc-panel);stroke-width:1.3}.oc-supply-inputs{color:var(--oc-panel)}.oc-supply-map-label{fill:var(--oc-soft);font-size:8px;letter-spacing:1.5px}.oc-supply-building-label{fill:var(--oc-fg);font-size:8px;letter-spacing:1px}.oc-supply-window{fill:var(--oc-accent);opacity:.55}.oc-supply-oven{fill:var(--oc-supply-gold);opacity:.45;transition:opacity .7s}.oc-supply[data-stage="1"] .oc-supply-oven{opacity:1}.oc-supply-steam{color:var(--oc-soft);opacity:.3}.oc-supply[data-stage="1"] .oc-supply-steam{animation:oc-supply-steam 1.8s ease-in-out infinite}.oc-supply-awning{fill:var(--oc-accent)}.oc-supply-awning-stripe{stroke:var(--oc-panel);stroke-width:7}.oc-supply-tray{fill:var(--oc-supply-side);stroke:var(--oc-soft);stroke-width:1}.oc-supply-roll{fill:var(--oc-supply-gold);stroke:var(--oc-panel);stroke-width:1}.oc-supply-score{fill:none;stroke:var(--oc-panel);stroke-width:1.3}.oc-supply-fresh-rolls{opacity:.2;transform:translate(0);transition:opacity .6s}.oc-supply:is([data-stage="1"],[data-stage="2"],[data-stage="3"]) .oc-supply-fresh-rolls{opacity:1}.oc-supply:is([data-stage="2"],[data-stage="3"]) .oc-supply-fresh-rolls{transform:translate(100px,49px)}.oc-supply[data-stage="2"] .oc-supply-fresh-rolls{animation:oc-supply-move-rolls 3.6s ease-in-out both}.oc-supply-flour-shipment{opacity:.2;color:var(--oc-panel)}.oc-supply[data-stage="0"] .oc-supply-flour-shipment{animation:oc-supply-deliver 3.6s ease-in-out both}.oc-supply-sale{opacity:0;color:var(--oc-accent-ink);transition:opacity .4s}.oc-supply-sale rect{fill:var(--oc-accent)}.oc-supply-sale text{fill:currentColor;font-size:10px}.oc-supply[data-stage="3"] .oc-supply-sale{opacity:1}.oc-supply-customer{opacity:.5;transition:opacity .4s}.oc-supply[data-stage="3"] .oc-supply-customer{opacity:1}.oc-supply-recipe{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 20px 23px;color:var(--oc-muted);font-size:9px;letter-spacing:.035em}.oc-supply-recipe>span:last-child{color:var(--oc-supply-gold)}.oc-supply-controls{display:flex;align-items:stretch;border-block:1px solid var(--oc-line)}.oc-supply-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;min-width:0}.opencity-landing .oc-supply-steps button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:64px;padding:12px 16px;background:none;border:0;border-right:1px solid var(--oc-line);color:var(--oc-muted);font-size:10px;text-align:left;overflow:hidden}.opencity-landing .oc-supply-steps button>span{font-size:8px;color:var(--oc-soft)}.opencity-landing .oc-supply-steps button[aria-pressed=true]{color:var(--oc-fg);background:var(--oc-raised)}.opencity-landing .oc-supply-steps button:hover{background:var(--oc-raised)}.oc-supply-steps i{position:absolute;inset:auto 0 0;height:2px;transform:scaleX(0);transform-origin:left;background:var(--oc-accent)}.oc-supply-steps [aria-pressed=true] i{transform:scaleX(1)}.oc-supply[data-running=true] .oc-supply-steps [aria-pressed=true] i{animation:oc-supply-progress 3.6s linear both}.oc-supply-toggle{display:grid;place-items:center;flex:none;width:48px;min-height:64px;border:0;background:none}.oc-supply-toggle:hover{background:var(--oc-raised)}.oc-supply-toggle svg{width:20px;height:20px}.oc-supply-toggle:disabled{cursor:default;opacity:.35}.opencity-landing .oc-supply-controls button:focus-visible{outline-offset:-4px}.oc-supply-agent{display:flex;align-items:center;gap:14px;min-height:87px;padding:18px 24px}.oc-supply-agent-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;color:var(--oc-accent);border:1px solid var(--oc-line);border-radius:10px;background:var(--oc-raised)}.oc-supply-agent-icon svg{width:24px;height:24px}.oc-supply-agent p{font-size:10px;line-height:1.7;max-width:440px}.oc-supply-agent p>span{display:block;font-size:8px;letter-spacing:.07em;color:var(--oc-soft);margin-bottom:5px}.oc-supply-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0 0}.oc-supply-footer p{font-size:9px;line-height:1.8;color:var(--oc-muted)}.oc-supply-footer p>span{font-size:8px;color:var(--oc-soft)}.oc-supply-footer a{display:flex;align-items:center;gap:12px;font-size:10px;min-height:48px;white-space:nowrap}.oc-supply-footer a:hover{color:var(--oc-accent)}.oc-supply-footer img{width:64px;height:44px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--oc-line);border-radius:4px}.oc-supply-footer a>span>span{margin-left:8px}.oc-supply[data-running=false] *{animation-play-state:paused!important}@keyframes oc-supply-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes oc-supply-steam{0%,to{transform:translateY(2px);opacity:.3}50%{transform:translateY(-6px);opacity:.8}}@keyframes oc-supply-move-rolls{0%,10%{transform:translate(0)}75%,to{transform:translate(100px,49px)}}@keyframes oc-supply-deliver{0%{opacity:0;transform:translate(-20px,10px)}20%{opacity:1}75%{opacity:1;transform:translate(72px,-36px)}to{opacity:0;transform:translate(72px,-36px)}}@media(max-width:1100px) and (min-width:801px){.opencity-landing .oc-supply-steps button{padding-inline:9px;font-size:9px}.oc-supply-footer img{display:none}.oc-supply-agent{padding-inline:16px}}@media(max-width:520px){.oc-supply-heading{font-size:7px;gap:8px}.oc-supply-title{padding:20px 18px 0;min-height:100px}.opencity-landing .oc-supply-title h2{font-size:19px;min-height:54px}.oc-supply-title>span{font-size:7px}.oc-supply-recipe{font-size:7px;gap:8px;padding:9px 8px 18px}.opencity-landing .oc-supply-steps button{padding:11px 6px;font-size:10px;min-height:60px}.oc-supply-toggle{width:44px;min-height:60px}.oc-supply-agent{padding:15px 14px;gap:10px;min-height:100px}.oc-supply-agent p{font-size:9px}.oc-supply-agent p>span{font-size:7px}.oc-supply-footer{gap:12px}.oc-supply-footer p{font-size:8px}.oc-supply-footer p>span{font-size:7px}.oc-supply-footer a{font-size:9px}.oc-supply-footer img{display:none}}@media(prefers-reduced-motion:reduce){.oc-supply *{animation:none!important;transition:none!important}.oc-supply-flour-shipment{opacity:1}}.opencity-landing{--oc-bg:#182735;--oc-fg:#f0f6fa;--oc-muted:#adc0ce;--oc-soft:#94adbe;--oc-line:#3c5364;--oc-panel:#101e2b;--oc-raised:#293f50;--oc-accent:#79dcfa;--oc-accent-hover:#b5edff;--oc-accent-ink:#102e40;background:var(--oc-bg);color:var(--oc-fg);font-family:var(--mono-ff);font-weight:400;font-size:14px;line-height:1.6;-webkit-user-select:text;-moz-user-select:text;user-select:text;min-height:100dvh;color-scheme:dark;padding-inline:max(24px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-right))}.opencity-landing[data-theme=light]{--oc-bg:#edf8fc;--oc-fg:#173446;--oc-muted:#587785;--oc-soft:#526f80;--oc-line:#cbdde6;--oc-panel:#f5fcff;--oc-raised:#dbeef5;--oc-accent:#00aabd;--oc-accent-hover:#00b8ca;--oc-accent-ink:#102e40;color-scheme:light}.opencity-landing *{box-sizing:border-box}.opencity-landing :is(h1,h2,h3,p){margin:0}.opencity-landing :is(button,a){font-family:var(--mono-ff);-webkit-tap-highlight-color:transparent}.opencity-landing a{color:inherit;text-decoration:none}.opencity-landing button{color:inherit;font-size:inherit;line-height:inherit;cursor:pointer}.opencity-landing :is(button,a,summary):focus-visible{outline:2px solid var(--oc-fg);outline-offset:5px}.opencity-landing ::-moz-selection{color:var(--oc-accent-ink);background:var(--oc-accent)}.opencity-landing ::selection{color:var(--oc-accent-ink);background:var(--oc-accent)}.opencity-landing section[id]{scroll-margin-top:32px}.oc-shell{max-width:1392px;margin:0 auto}.oc-icon{width:22px;height:22px;flex-shrink:0;display:block}.oc-skip{position:absolute;top:12px;left:24px;transform:translateY(-200%);z-index:10;background:var(--oc-accent);color:var(--oc-accent-ink)!important;padding:12px}.oc-skip:focus{transform:none}.oc-nav{min-height:104px;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--oc-line)}.oc-brand,.oc-nav{align-items:center}.oc-brand{display:inline-flex;gap:10px;font-size:22px;letter-spacing:-1.2px;font-weight:700;white-space:nowrap}.oc-brand>svg{width:33px;height:33px}.oc-footer>a,.oc-nav>a{display:inline-flex;align-items:center;min-height:44px}.oc-nav nav{display:flex;gap:32px;font-size:12px}.oc-nav nav a{display:flex;align-items:center;min-height:44px;color:var(--oc-muted);transition:color .15s}.oc-nav nav a:hover{color:var(--oc-fg)}.oc-nav-actions{display:flex;align-items:center;gap:20px}.oc-theme{background:transparent;border:1px solid var(--oc-line);border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.oc-theme:hover{background:var(--oc-panel)}.opencity-landing .oc-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 22px;border:1px solid transparent;border-radius:4px;background:var(--oc-accent);color:var(--oc-accent-ink);font-size:13px;font-weight:500;white-space:nowrap;transition:background .18s,transform .18s}.opencity-landing .oc-button:hover{background:var(--oc-accent-hover);transform:translateY(-2px)}.opencity-landing .oc-button-small{min-height:44px;padding:10px 16px;font-size:12px;gap:22px}.oc-hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;min-height:710px;gap:12px;padding:68px 0 66px}.oc-hero-copy{padding:0 0 0 24px;position:relative;z-index:1}.oc-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:500;letter-spacing:.11em;line-height:1.7;color:var(--oc-muted)}.oc-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--oc-accent);box-shadow:0 0 0 4px rgb(121 220 250/9%);flex-shrink:0}[data-theme=light] .oc-dot{background:#007f91}.opencity-landing h1{font-size:clamp(50px,5.1vw,76px);line-height:1.055;font-weight:400;letter-spacing:-.065em;margin:27px 0}.opencity-landing h1>span,.opencity-landing h2>span{color:var(--oc-soft)}.oc-hero-description{font-size:17px;line-height:1.6;letter-spacing:-.035em;margin-bottom:15px!important}.oc-body{color:var(--oc-muted);font-size:13px;line-height:1.85;max-width:440px}.oc-hero .oc-body{max-width:390px}.oc-hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.oc-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;font-size:12px;border-bottom:1px solid transparent}.oc-text-link:hover{border-bottom-color:var(--oc-fg)}.oc-micro{font-size:9px;color:var(--oc-muted);letter-spacing:.055em;line-height:1.6}.oc-hero-copy>.oc-micro{margin-top:18px}.oc-hero-visual{position:relative;min-width:0;margin:0;align-self:center;padding:16px 0 0;scroll-margin-top:24px}.oc-preview-meta{display:flex;align-items:center;gap:10px;padding:0 0 18px;font-size:9px;letter-spacing:.09em;color:var(--oc-muted)}.oc-preview-meta .oc-icon{width:16px;height:16px}.oc-city-preview{display:block;border:1px solid var(--oc-line);border-radius:5px;overflow:hidden;background:var(--oc-panel);transition:border-color .18s}.oc-city-preview:hover{border-color:var(--oc-soft)}.oc-city-preview-image{display:block;width:100%;height:auto;aspect-ratio:3/2;background:var(--oc-panel)}.oc-preview-footer{justify-content:space-between;padding:22px;font-size:12px}.oc-preview-enter,.oc-preview-footer{display:flex;align-items:center;gap:16px}.oc-preview-enter{white-space:nowrap;color:var(--oc-fg);font-size:11px}.oc-preview-enter .oc-icon{width:20px;height:20px;transition:transform .18s}.oc-city-preview:hover .oc-preview-enter .oc-icon{transform:translateX(3px)}.oc-preview-caption{margin-top:14px;font-size:8px;letter-spacing:.06em;color:var(--oc-muted)}.oc-principles{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--oc-line);padding-block:25px;gap:0}.oc-principles>p{display:flex;align-items:center;gap:16px;padding:6px 24px;font-size:12px;border-right:1px solid var(--oc-line)}.oc-principles>p:last-child{border:none}.oc-index{font-size:9px;margin-right:auto}.oc-index,.oc-principles .oc-icon{color:var(--oc-soft)}.oc-section{padding:108px 24px}.oc-section-heading{text-align:center;max-width:800px;margin:0 auto 48px}.oc-section-heading>.oc-eyebrow{justify-content:center}.opencity-landing h2{font-size:clamp(30px,3.5vw,48px);font-weight:400;line-height:1.2;letter-spacing:-.06em;margin:18px 0 22px}.oc-section-heading>.oc-body{max-width:none}.oc-story{border:1px solid var(--oc-line);border-radius:5px;overflow:hidden;background:var(--oc-panel)}.oc-story-options{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--oc-line)}.oc-story-options button{display:flex;align-items:center;gap:14px;padding:22px 24px;background:transparent;border:none;border-right:1px solid var(--oc-line);font-size:12px;position:relative;text-align:left}.oc-story-options button:last-child{border-right:none}.oc-story-options button>span{color:var(--oc-soft);font-size:10px}.oc-story-options button>.oc-icon{width:16px;height:16px;margin-left:auto;color:var(--oc-soft)}.oc-story-options button[aria-pressed=true]{background:var(--oc-raised)}.oc-story-options button[aria-pressed=true]:after{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--oc-accent);content:""}.oc-story-options button:focus-visible{outline-offset:-5px}.oc-story-panel{display:grid;grid-template-columns:1fr 1fr;min-height:330px}.oc-story-copy{padding:40px}.opencity-landing h3{font-weight:400;letter-spacing:-.035em}.oc-story-copy h3{font-size:22px;max-width:360px;line-height:1.45;margin:15px 0}.oc-status{display:inline-flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.08em;color:var(--oc-muted);margin-top:24px}.oc-status>span{width:5px;height:5px;border:1px solid var(--oc-soft);border-radius:50%}.oc-story-diagram{padding:40px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--oc-line);background-image:radial-gradient(var(--oc-line) 1px,transparent 1px);background-size:16px 16px}.oc-diagram-route{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 30px;gap:10px}.oc-diagram-route>div{display:flex;align-items:center;flex-direction:column;gap:12px;font-size:8px;letter-spacing:.08em;white-space:nowrap}.oc-diagram-node{border:1px solid var(--oc-line);width:76px;height:76px;display:grid;place-items:center;background:var(--oc-bg);border-radius:8px}.oc-diagram-node>.oc-icon{width:36px;height:36px;color:var(--oc-muted)}.oc-diagram-store{background:var(--oc-accent);color:var(--oc-accent-ink);border-color:var(--oc-accent);width:94px;height:94px}.oc-diagram-store>svg{width:60px;height:60px}.oc-route-line{height:1px;border-bottom:1px dashed var(--oc-soft);flex:1;position:relative;transform:translateY(-12px)}.oc-route-line>.oc-icon{position:absolute;right:-4px;top:-10px;color:var(--oc-soft);width:20px;height:20px}.oc-agent-note{display:flex;align-items:center;gap:14px;border:1px solid var(--oc-line);padding:16px;background:var(--oc-bg);border-radius:4px;font-size:10px;line-height:1.7;min-height:82px}.oc-agent-note>.oc-icon{color:var(--oc-muted);width:20px;height:20px}.oc-agent-note p{flex:1}.oc-agent-note p>span{display:block;font-size:8px;color:var(--oc-muted);margin-bottom:5px;letter-spacing:.06em}.oc-note-cursor{color:var(--oc-soft)}.oc-directory{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;border-block:1px solid var(--oc-line)}.oc-directory-intro>.oc-text-link{margin-top:24px}.oc-directory-list{min-width:0}.oc-directory-row{display:grid;grid-template-columns:24px 1fr auto 18px;gap:18px;align-items:center;min-height:105px;padding:20px 0;border-bottom:1px solid var(--oc-line)}.oc-directory-row:first-child{border-top:1px solid var(--oc-line)}.oc-directory-row h3{font-size:16px;line-height:1.4;margin-bottom:6px}.oc-directory-row p{font-size:10px;line-height:1.6}.oc-directory-row p,.oc-directory-row>.oc-icon{color:var(--oc-muted)}.oc-directory-row>.oc-icon:last-child{width:17px;height:17px}.oc-directory-row[href]:hover h3{color:var(--oc-soft)}.oc-tag{font-size:8px;letter-spacing:.04em;border:1px solid var(--oc-line);border-radius:3px;padding:4px 7px;color:var(--oc-muted);white-space:nowrap}.oc-tag-live{color:var(--oc-accent)}.oc-tag-live,[data-theme=light] .oc-tag-live{border-color:var(--oc-line);background:var(--oc-raised)}[data-theme=light] .oc-tag-live{color:#007f91}.oc-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}.oc-faq details{border-bottom:1px solid var(--oc-line)}.oc-faq details:first-child{border-top:1px solid var(--oc-line)}.oc-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 0;font-size:12px;min-height:72px;cursor:pointer}.oc-faq summary::-webkit-details-marker{display:none}.oc-faq summary>.oc-icon{width:18px;height:18px;color:var(--oc-muted);transition:transform .15s}.oc-faq details[open] summary>.oc-icon{transform:rotate(45deg)}.oc-faq details>p{font-size:12px;color:var(--oc-muted);line-height:1.85;padding:0 32px 24px 0;max-width:550px}.oc-closing{position:relative;overflow:hidden;text-align:center;border:1px solid var(--oc-line);border-radius:5px;padding:75px 24px 64px;background:var(--oc-panel);isolation:isolate}.oc-closing>.oc-eyebrow{justify-content:center}.oc-closing h2{font-size:clamp(40px,5vw,68px);margin:20px 0 30px}.oc-closing .oc-micro{margin-top:20px}.oc-closing-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--oc-line) 1px,transparent 1px),linear-gradient(90deg,var(--oc-line) 1px,transparent 1px);background-size:64px 64px;transform:perspective(400px) rotateX(48deg) scale(1.8);transform-origin:center 100%;-webkit-mask-image:linear-gradient(90deg,#000,transparent 36%,transparent 64%,#000);mask-image:linear-gradient(90deg,#000,transparent 36%,transparent 64%,#000);opacity:.5}.oc-footer{display:grid;grid-template-columns:auto 1fr auto;gap:20px 32px;align-items:center;padding:45px 0 32px}.oc-footer .oc-brand{font-size:18px}.oc-footer .oc-brand>svg{width:26px;height:26px}.oc-footer>p{font-size:10px;color:var(--oc-muted)}.oc-footer nav{display:flex;gap:24px;font-size:10px}.oc-footer nav>a{min-height:44px;display:inline-flex;align-items:center;color:var(--oc-muted)}.oc-footer nav>a:hover{color:var(--oc-fg)}.oc-footer-note{font-size:8px;letter-spacing:.06em;color:var(--oc-soft);grid-column:1/-1;border-top:1px solid var(--oc-line);padding-top:20px}@media(min-width:1600px){.oc-hero{min-height:780px}.oc-hero-copy{padding-left:32px}}@media(max-width:1100px){.oc-nav nav{gap:20px}.oc-hero-copy{padding-left:0}.oc-hero{min-height:640px;gap:20px}.oc-principles>p{padding-inline:16px;gap:10px;font-size:10px}.oc-directory,.oc-faq{gap:36px;grid-template-columns:.8fr 1.2fr}.oc-directory-row{gap:12px}.oc-section{padding:80px 0}.oc-story-copy,.oc-story-diagram{padding:28px}.oc-hero-actions,.oc-hero-actions .oc-button{gap:18px}}@media(max-width:800px){.oc-nav{min-height:88px;gap:14px}.oc-nav nav{display:none}.oc-nav-actions{gap:12px}.oc-brand{font-size:20px}.oc-hero{grid-template-columns:1fr;padding-top:50px;gap:8px}.oc-hero-copy{max-width:560px}.opencity-landing h1{font-size:64px}.oc-hero .oc-body{max-width:420px}.oc-hero-visual{max-width:660px;width:100%;margin:auto;padding-top:28px}.oc-hero{padding-bottom:40px}.oc-principles>p{flex-wrap:wrap;gap:8px;font-size:10px}.oc-principles>p>span:last-child{width:100%}.oc-principles .oc-index{margin:0}.oc-principles .oc-icon{margin-left:auto;width:18px;height:18px}.oc-story-options button{padding:18px 12px;gap:8px;font-size:10px}.oc-story-options button>.oc-icon{display:none}.oc-story-copy h3{font-size:19px}.oc-story-panel{min-height:360px}.oc-story-copy,.oc-story-diagram{padding:24px}.oc-diagram-route{padding-inline:0;gap:8px}.oc-diagram-node{width:60px;height:60px}.oc-diagram-store{width:72px;height:72px}.oc-diagram-store>svg{width:50px;height:50px}.oc-directory,.oc-faq{grid-template-columns:1fr;gap:36px}.oc-directory-row{grid-template-columns:24px 1fr auto 18px;gap:18px}.oc-section-heading{margin-bottom:32px}.oc-footer{grid-template-columns:1fr auto}.oc-footer>p{grid-column:2}.oc-footer nav{grid-column:1/-1;gap:28px}}@media(max-width:520px){.opencity-landing{padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right))}.oc-nav{min-height:82px;gap:8px}.oc-brand{font-size:17px;gap:7px}.oc-brand>svg{width:26px;height:26px}.oc-nav-actions{gap:8px}.oc-theme{width:44px;height:44px;border:0}.oc-theme>.oc-icon{width:18px;height:18px}.opencity-landing .oc-button-small{padding:10px 12px;font-size:10px;gap:10px}.oc-button-small .oc-icon{width:16px;height:16px}.oc-hero{padding-top:38px}.oc-eyebrow{font-size:8px;letter-spacing:.07em}.opencity-landing h1{font-size:clamp(48px,12.7vw,64px);margin:24px 0;letter-spacing:-.07em}.oc-hero-description{font-size:16px}.oc-body{font-size:12px}.oc-hero-actions{gap:20px}.opencity-landing .oc-hero-actions>.oc-button{font-size:11px;gap:18px;padding:13px 16px;min-height:50px}.oc-text-link{font-size:10px;gap:8px}.oc-micro{font-size:8px}.oc-hero-visual{padding-top:24px}.oc-preview-meta{font-size:8px;padding-bottom:14px}.oc-preview-footer{padding:16px 12px;gap:12px;font-size:9px}.oc-preview-enter{font-size:9px;gap:8px}.oc-preview-caption{font-size:7px}.oc-principles{padding-block:17px}.oc-principles>p{padding-inline:12px;font-size:9px;align-content:start}.oc-principles>p:first-child{padding-left:0}.oc-principles>p:last-child{padding-right:0}.oc-principles .oc-icon{width:16px;height:16px}.oc-section{padding:62px 0}.opencity-landing h2{font-size:30px;letter-spacing:-.065em}.oc-section-heading{text-align:left}.oc-section-heading>.oc-eyebrow{justify-content:start}.oc-desktop-break{display:none}.oc-story-options button{flex-direction:column;align-items:flex-start;gap:4px;line-height:1.4;padding:15px 10px;font-size:9px}.oc-story-options button>span{font-size:8px}.oc-story-panel{grid-template-columns:1fr}.oc-story-copy{min-height:283px}.oc-story-copy h3{font-size:21px}.oc-story-diagram{border-top:1px solid var(--oc-line);border-left:0;padding:28px 22px}.oc-diagram-route{padding:0 10px 26px;gap:20px}.oc-diagram-node{width:72px;height:72px}.oc-diagram-store{width:90px;height:90px}.oc-diagram-store>svg{width:60px;height:60px}.oc-status{margin-top:18px}.oc-directory-row{grid-template-columns:20px 1fr auto;gap:12px}.oc-directory-row>.oc-icon:last-child{display:none}.oc-directory-row>.oc-icon{width:20px;height:20px}.oc-directory-row h3{font-size:14px}.oc-directory-row p{font-size:9px}.oc-tag{font-size:7px;padding:4px 5px}.oc-faq{gap:24px}.oc-faq details>p,.oc-faq summary{font-size:11px}.oc-closing{padding:52px 18px}.oc-closing h2{font-size:42px}.oc-footer{gap:12px;padding-top:30px}.oc-footer>p{font-size:8px}.oc-footer nav{gap:0;justify-content:space-between;font-size:9px}.oc-footer .oc-brand{font-size:16px}.oc-footer .oc-brand>svg{width:24px;height:24px}}@media(max-width:360px){.opencity-landing{padding-inline:14px}.oc-brand{font-size:15px;gap:5px}.oc-brand>svg{width:22px;height:22px}.oc-nav-actions{gap:3px}.oc-nav .oc-button-small{padding-inline:9px;gap:5px}.oc-hero-actions{gap:14px}.oc-hero-actions>.oc-text-link{font-size:9px}.oc-principles>p{font-size:8px;padding-inline:9px}.oc-story-copy{padding:22px}.oc-story-copy h3{font-size:19px}.oc-story-diagram{padding:24px 18px}.oc-diagram-route{padding-inline:0}.oc-tag{font-size:6px}.oc-directory-row{gap:8px}}@media(prefers-reduced-motion:reduce){.opencity-landing *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.oc-hero-copy{min-width:0}.oc-agents{display:grid;grid-template-columns:1fr 1fr;gap:40px 72px}.oc-agents-intro .oc-body{margin-top:22px}.oc-agents-intro .oc-status{margin-top:24px}.oc-agent-roles{border-top:1px solid var(--oc-line)}.oc-agent-roles article{display:flex;align-items:flex-start;gap:20px;padding:26px 0;border-bottom:1px solid var(--oc-line)}.oc-agent-roles article>.oc-icon{color:var(--oc-accent);margin-top:3px}.opencity-landing[data-theme=light] .oc-agent-roles article>.oc-icon{color:#007f91}.oc-agent-future h3,.oc-agent-roles h3{font-size:16px;font-weight:500;line-height:1.5}.oc-agent-future p,.oc-agent-roles p{margin-top:10px;color:var(--oc-muted);font-size:12px;line-height:1.85}.oc-agent-controls{grid-column:1/-1;border-block:1px solid var(--oc-line);padding:18px 0;display:flex;align-items:center;gap:28px}.oc-agent-controls>span{flex:none;font-size:10px;letter-spacing:.08em;color:var(--oc-soft)}.oc-agent-controls p{font-size:12px;line-height:1.8}.oc-agent-future{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:48px}.oc-agent-future article{min-width:0}.oc-agent-future h3{margin-top:17px}.oc-agent-future p{max-width:510px}@media(max-width:800px){.oc-agents{grid-template-columns:1fr;gap:30px}.oc-agent-controls{align-items:flex-start;flex-direction:column;gap:8px}.oc-agent-future{gap:28px}.oc-agent-roles article{padding:22px 0}}@media(max-width:520px){.oc-agent-future{grid-template-columns:1fr}.oc-agent-roles article{gap:14px}.oc-agents h2{overflow-wrap:break-word}}