/* Blue Ocean: a restrained editorial palette. */
html[data-palette=ocean]{color-scheme:light}
html[data-palette=ocean] body{--bg:#eef5f6;--ink:#173344;--muted:#536b78;--border:#b9ced6;--accent:#235c72;--surface:#dfecf0;background:var(--bg);color:var(--ink);color-scheme:light}
html[data-palette=ocean] .purpose-story,html[data-palette=ocean] .ivory{background:#e0eef2;color:#143243;--ink:#143243;--muted:#4c6875;--border:#a9c4ce;--accent:#20566b}
html[data-palette=ocean] .hero,html[data-palette=ocean] .purpose-stage{color:#f4f6fb;color-scheme:dark}
html[data-palette=ocean] .hero:after,html[data-palette=ocean] .purpose-stage:after{background:linear-gradient(90deg,#09283ae8,#09283a66 60%,#09283a1a),linear-gradient(0deg,#09283ad9,transparent 60%)}
html[data-palette=ocean] .nav{color:#f4f6fb;background:linear-gradient(#09283ab0,transparent)}
html[data-palette=ocean] h1 em,html[data-palette=ocean] .purpose-heading h2 em,html[data-palette=ocean] .nav .monogram{color:#91cfdf}
html[data-palette=ocean] .footer .monogram{color:#235c72}
html[data-palette=ocean] .hero-description,html[data-palette=ocean] .hero .eyebrow{color:#f4f6fb}
html[data-palette=ocean] .purpose-story .small{color:var(--muted)}
html[data-palette=ocean] #vision{border-color:var(--border)}
html[data-palette=ocean] .purpose-stage a:hover{color:#91cfdf}
html[data-palette=ocean] .nav nav a:hover{border-color:#91cfdf}
html[data-palette=ocean] a:focus-visible,html[data-palette=ocean] summary:focus-visible{outline-color:#235c72}
html[data-palette=ocean] .hero a:focus-visible,html[data-palette=ocean] .nav a:focus-visible,html[data-palette=ocean] .purpose-stage a:focus-visible{outline-color:#91cfdf}
html[data-palette=ocean] .skip{background:#173344;color:#eef5f6}
html[data-palette=ocean] ::selection{background:#235c72;color:#eef5f6}
html[data-palette=ocean] .browser-shell,html[data-palette=ocean] .phone-shell{background:linear-gradient(125deg,#f2f6fa,#8192a4 30%,#cbd8e4 52%,#5b6d84 78%,#e0e8ef);border-color:#a8bdce;box-shadow:0 25px 45px #00000030,0 1px 0 #ffffff90 inset}
html[data-palette=ocean] .browser-chrome{background:linear-gradient(#e8eff5,#d6e1ec);color:#384d61;border-color:#acbdcf}
html[data-palette=ocean] .window-dots i,html[data-palette=ocean] .phone-cap:after{background:#71899f}
@media(max-width:650px){html[data-palette=ocean] .hero:after,html[data-palette=ocean] .purpose-stage:after{background:linear-gradient(0deg,#09283af5,#09283a35 90%),linear-gradient(90deg,#09283a60,transparent)}}