.os{margin-top:28px}.os-switch{border:1px solid var(--color-cerulean-200);background:var(--color-ba-white);text-align:center;max-width:46em;color:var(--color-ba-body);border-radius:14px;margin:32px auto 0;padding:14px 20px;font-size:15px;font-weight:500;line-height:1.55}.os-band{align-items:center;gap:28px;padding:48px 0;display:grid}.os-band+.os-band{border-top:1px solid var(--color-cerulean-100)}@media (min-width:1024px){.os-band{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding:56px 0}.os-band.is-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.os-band.is-flip .os-copy{order:2}}.os-h{font-family:var(--font-obviously);text-transform:uppercase;color:var(--color-ba-dark-navy);font-size:clamp(28px,3.4vw,40px);font-weight:900;line-height:1}.os-line{color:var(--color-ba-body);margin-top:12px;font-size:16.5px;line-height:1.55}.os-panel-stack{display:grid}.os-panel-stack>*{grid-area:1/1;align-self:start}.os-panel-ghost{visibility:hidden;pointer-events:none}.os-points{gap:6px;margin-top:18px;display:grid}.os-point{text-align:left;cursor:pointer;border:1px solid #0000;border-radius:12px;gap:2px;width:100%;padding:10px 14px 10px 18px;transition:background .2s,border-color .2s,box-shadow .2s;display:grid;position:relative}.os-point:before{content:"";background:var(--color-cerulean-200);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.os-point b{color:var(--color-ba-dark-navy);font-size:15.5px;font-weight:700}.os-point span{color:var(--color-ba-body);font-size:14px;line-height:1.45}.os-point:not(.is-on) span{display:none}.os-point:hover{background:#fff9}.os-point.is-on{border-color:var(--color-cerulean-200);background:#fff;box-shadow:0 10px 24px #12263a14}.os-point.is-on:before{background:var(--color-cerulean-600)}.os-stage{place-items:center;min-height:420px;display:grid;position:relative}@media (min-width:1024px){.os-stage{min-height:520px}}.os-swap{place-items:center;width:100%;animation:.45s cubic-bezier(.2,.8,.2,1) both os-in;display:grid}@keyframes os-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.os-phone{filter:drop-shadow(0 24px 40px #12263a47);width:min(250px,64vw)}.os-laptop{filter:drop-shadow(0 24px 40px #12263a38);width:100%}.os-bare{width:min(100%,520px)}.os-studio{width:100%}.os-sp{background:linear-gradient(#12263a,#0b1220)}.os-sp-body{gap:18px;padding:40px 24px;display:grid}.os-sp-h{font-family:var(--font-obviously);text-transform:uppercase;font-size:34px;font-weight:900;line-height:1.05}.os-sp-paid{background:#6153cc33;border:2px solid #9a90ec;border-radius:16px;gap:6px;padding:18px;display:grid}.os-sp-paid b{font-size:18px}.os-sp-paid span{color:#c2b9f7;font-size:16px}.os-sp-list{gap:10px;font-size:17px;font-weight:600;display:grid}.os-sp-list li:before{content:"✓";color:#c3f73a;margin-right:10px}@media (prefers-reduced-motion:reduce){.os-swap{animation:none!important}}@media (min-width:1024px){.os-band{padding:36px 0}.os-stage{min-height:460px}.os-phone{width:224px}}.os-tabs{background:var(--color-cerulean-950);border-radius:24px;flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:4px;display:inline-flex}.os-tab{color:var(--color-cerulean-100);cursor:pointer;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.os-tab:hover{color:var(--color-ba-white)}.os-tab.is-on{background:var(--color-volt-400);color:var(--color-ba-lime-text)}.os-one{align-items:start}@media (min-width:1024px){.os-one .os-stage{min-height:520px}}.os-one .os-bare{justify-items:center;display:grid}