.ob-page{--ob-violet:var(--blue);--ob-violet-soft:#f4f0fe;--ob-violet-line:#d9ccfa;--ob-radius:18px;color:var(--ink);isolation:isolate;background:radial-gradient(56rem 30rem at -8% 108%,#8b5cf63d,#0000 70%),radial-gradient(44rem 24rem at 108% -8%,#a78bfa33,#0000 70%),linear-gradient(#fbf9ff,#f5f1ff);flex-direction:column;min-height:100vh;display:flex;position:relative}.ob-page:has(.ob-welcome){background:radial-gradient(40rem 30rem at 12% 40%,#c4b5fd52,#0000 70%),radial-gradient(44rem 24rem at 108% -8%,#a78bfa2e,#0000 70%),linear-gradient(100deg,#efe8ff 0%,#f6f2ff 40%,#fcfbff 62%)}.ob-page:has(.ob-welcome):before{content:"";pointer-events:none;z-index:-1;background:url(/brand/onboarding-wave.svg) 0 100%/100% 100% no-repeat;width:100%;height:min(38vh,320px);position:absolute;bottom:0;left:0}.ob-header{justify-content:space-between;align-items:center;padding:1.1rem clamp(1rem,3vw,2rem);display:flex}.ob-header__end{align-items:center;gap:.75rem;display:flex}.ob-header__help{color:var(--ink-soft);border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.ob-header__help:hover{background:var(--ob-violet-soft);color:var(--ob-violet)}.ob-notice{width:calc(100% - 2rem);max-width:720px;margin:0 auto 1rem}.ob{flex-direction:column;flex:1;padding:clamp(.5rem,2vw,1.5rem) clamp(1rem,3vw,2rem) 3rem;display:flex;overflow-x:clip}.ob-restoring{color:var(--ink-soft);margin:4rem auto}.ob-mobile-only{display:none!important}.ob-card{background:var(--paper-strong);border-radius:var(--ob-radius);border:1px solid #ebe5f7;flex-direction:column;gap:1rem;padding:clamp(1.25rem,3vw,2rem);display:flex;box-shadow:0 1px 2px #17131f0a,0 30px 80px #4c1d9521}.ob-progress{align-items:center;gap:.85rem;display:flex}.ob-progress__track{background:#ece8f3;border-radius:999px;width:min(180px,45%);height:6px;display:block;overflow:hidden}.ob-progress__track span{background:linear-gradient(90deg, var(--ob-violet), var(--violet-bright));border-radius:inherit;height:100%;transition:width .3s;display:block}.ob-progress__label{color:var(--ink-soft);font-size:.78rem;font-weight:600}.ob-badge{background:var(--ob-violet-soft);color:var(--ob-violet);border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;margin:0;padding:.35rem .75rem;font-size:.8rem;font-weight:650;display:inline-flex}.ob-heading{gap:.35rem;display:grid}.ob-heading--center{text-align:center}.ob-heading h1,.ob-composer h2{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,2.2vw,1.8rem);line-height:1.1}.ob-heading p{color:var(--ink-soft);margin:0;font-size:.95rem}.ob .button{border-radius:10px}.ob .button--primary{background:linear-gradient(135deg, var(--violet-bright), var(--ob-violet));border-color:#0000;box-shadow:inset 0 1px #ffffff2e,0 12px 26px #6d28d947}.ob .button--primary:hover{box-shadow:inset 0 1px #ffffff2e,0 16px 32px #6d28d957}.ob-heading h1,.ob-composer h2,.ob-welcome__intro h1,.ob-build__status h1,.ob-ready h1{font-weight:700}.ob .button--secondary{border-color:var(--line-strong);background:#fff}.ob-text-button{color:var(--ob-violet);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:.25rem 0;font-size:.88rem;font-weight:650;display:inline-flex}.ob-text-button:hover{text-decoration:underline}.ob-text-button:disabled{cursor:not-allowed;opacity:.5}.ob-fineprint{color:var(--ink-soft);text-align:center;margin:0;font-size:.8rem}.ob-alt{flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:0;display:flex}.ob-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.ob-footer__primary{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-left:auto;display:flex}.ob-back{color:var(--ob-violet);cursor:pointer;background:0 0;border:0;padding:.5rem 0;font-size:.9rem;font-weight:650}.ob-field-label{font-size:.85rem;font-weight:650}.ob input:not([type=radio],[type=checkbox],[type=color],[type=file]),.ob textarea,.ob select{border:1.5px solid var(--line);color:var(--ink);font-family:var(--body);letter-spacing:normal;text-transform:none;background:#fff;border-radius:10px;width:100%;min-height:46px;padding:.7rem .9rem;font-size:.95rem;font-weight:400;transition:border-color .15s,box-shadow .15s}.ob input:focus,.ob textarea:focus,.ob select:focus{border-color:var(--ob-violet);outline:none;box-shadow:0 0 0 4px #6d28d91f}.ob textarea{resize:vertical;line-height:1.5}.ob .field{color:var(--ink);font-family:var(--body);letter-spacing:normal;text-transform:none;gap:.45rem;font-size:.9rem;font-weight:650}.ob .field>span:not(.field-error,.field-help){color:var(--ink-soft);margin-left:.35rem;font-weight:500}.ob .field-help,.ob .field-error{font-family:var(--body);letter-spacing:normal;text-transform:none;font-size:.8rem;font-weight:500}.ob-inline-field{gap:.45rem;display:grid}.ob-inline-field__row{gap:.6rem;display:flex}.ob-inline-field__row .button{flex:none;gap:.4rem;min-height:46px}.ob-added{gap:.45rem;display:grid}.ob-added__head{justify-content:space-between;align-items:center;display:flex}.ob-added__head h3{margin:0;font-size:.86rem;font-weight:650}.ob-added__head .ob-text-button{padding:0;font-size:.82rem}.ob-attachments{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.ob-attachment{align-items:center;gap:.75rem;padding:.5rem .6rem;display:flex}.ob-attachment+.ob-attachment{border-top:1px solid var(--line)}.ob-attachment__icon{background:var(--ob-violet-soft);color:var(--ob-violet);border-radius:9px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;overflow:hidden}.ob-attachment__icon img{object-fit:cover;width:100%;height:100%}.ob-attachment__body{flex:1;min-width:0;display:grid}.ob-attachment__body strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.ob-attachment__body small{color:var(--ink-soft);font-size:.76rem}.ob-attachment__action{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;flex:none;padding:.3rem .55rem;font-size:.76rem;font-weight:600}.ob-attachment__remove{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.ob-attachment__remove:hover{color:var(--ink);background:#f3f1f6}.ob-matches{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.ob-matches button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;gap:.1rem;width:100%;padding:.6rem .8rem;display:grid}.ob-matches button:hover{border-color:var(--ob-violet)}.ob-matches small{color:var(--ink-soft)}.ob-matches .ob-matches__none{color:var(--ink-soft);background:0 0;border-style:dashed}.ob-welcome{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:center;gap:clamp(2rem,5vw,4.5rem);width:100%;max-width:1180px;margin:0 auto;display:grid}.ob-welcome__intro h1{font-family:var(--display);letter-spacing:-.04em;margin:0 0 1.1rem;font-size:clamp(2.4rem,4.4vw,3.6rem);line-height:1.04}.ob-welcome__intro h1 em{background:linear-gradient(90deg, var(--ob-violet), var(--violet-bright));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal;display:block}.ob-welcome__intro>p{color:var(--ink-soft);max-width:34ch;margin:0 0 1.5rem;font-size:1.02rem;line-height:1.6}.ob-checks{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.ob-checks li{align-items:center;gap:.65rem;font-size:.95rem;font-weight:550;display:flex}.ob-checks svg,.ob-ready__list svg{background:var(--ob-violet);box-sizing:content-box;color:#fff;border-radius:50%;flex:none;padding:4px}.ob-composer__lede{display:none}.ob-composer__box{border-radius:12px}.ob-composer__box.is-dragging textarea{background:var(--ob-violet-soft);border-color:var(--ob-violet);border-style:dashed}.ob-composer textarea{min-height:132px}.ob-composer__box{position:relative}.ob-composer__box textarea{padding-bottom:1.7rem}.ob-composer__count{color:var(--ink-soft);font-variant-numeric:tabular-nums;pointer-events:none;font-size:.72rem;position:absolute;bottom:.55rem;right:.85rem}.ob-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.ob--workspace .ob-sources{grid-template-columns:repeat(3,minmax(0,1fr))}.ob-sources .google-import__wait{grid-column:1/-1}.ob-source{border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:.7rem;min-height:54px;padding:.55rem .8rem;transition:border-color .15s,background .15s;display:flex}.ob-source>svg{flex:none}.ob-source:hover,.ob-source[aria-expanded=true]{background:var(--ob-violet-soft);border-color:var(--ob-violet-line)}.ob-source:disabled{cursor:default;opacity:.65}.ob-source__text{gap:.05rem;min-width:0;display:grid}.ob-source__text strong{font-size:.86rem;font-weight:650;line-height:1.25}.ob-source__text small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;line-height:1.3;overflow:hidden}.ob-source__short{display:none}.ob-source--recording,.ob-source--recording:hover{color:#9f1d1d;font-variant-numeric:tabular-nums;background:#fff1f1;border-color:#f3b8b8}.ob-source--recording small{color:#9f1d1d}@media (max-width:560px){.ob--workspace .ob-sources{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-source{min-height:46px}.ob-source__long,.ob-source__text small{display:none}.ob-source__short{display:inline}}.ob-google-import{flex-wrap:wrap;gap:.6rem;display:flex}.ob-google-import:empty{display:none}.ob .google-import__wait{color:var(--ink-soft);flex-basis:100%;font-size:.84rem;line-height:1.45}.ob .google-import__wait a{color:var(--ink);font-weight:700}.ob .google-import__cancel{color:var(--ink-soft);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.ob-chip{border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.45rem;min-height:40px;padding:.45rem .85rem;font-size:.86rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.ob-chip:hover,.ob-chip[aria-expanded=true]{background:var(--ob-violet-soft);border-color:var(--ob-violet-line)}.ob-chip:disabled{cursor:default;opacity:.65}.ob-submit{width:100%;min-height:54px!important}.shell__content:has(>.ob-page--workspace){padding:0}.ob-page--workspace{background:radial-gradient(44rem 26rem at 50% -10%,#c4b5fd4d,#0000 70%),linear-gradient(#faf8ff,#f4f0fe);min-height:100dvh}.ob-page--workspace:before{content:"";opacity:.7;pointer-events:none;z-index:-1;background:url(/brand/onboarding-wave.svg) 0 100%/100% 100% no-repeat;width:100%;height:min(30vh,240px);position:absolute;bottom:0;left:0}.ob-create__back{color:var(--ink-soft);align-self:flex-start;padding:1.25rem clamp(1.25rem,3.5vw,3rem) .25rem;font-size:.88rem;font-weight:600;text-decoration:none}.ob-create__back:hover{color:var(--ink)}.ob-create{gap:1.4rem;width:100%;max-width:720px;margin:0 auto;display:grid}.ob-create__head{text-align:center;justify-items:center;gap:.5rem;display:grid}.ob-create__head .ob-create__eyebrow{color:var(--ob-violet);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.ob-create__head h1{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;line-height:1.1}.ob-create__head p{color:var(--ink-soft);max-width:54ch;margin:0;font-size:.98rem;line-height:1.55}.ob--workspace .ob-composer textarea{min-height:112px}@media (max-width:760px){.shell__content:has(>.ob-page--workspace){padding-bottom:4.5rem}.ob-create__back{padding-top:.75rem}}.ob-card--form{width:100%;max-width:720px;margin:0 auto}.ob-fieldset{border:0;gap:.55rem;margin:0;padding:0;display:grid}.ob-fieldset legend{margin-bottom:.55rem;font-size:.9rem;font-weight:650}.ob-choice-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ob-choice{border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;min-height:40px;padding:.45rem .95rem;font-size:.86rem;font-weight:600}.ob-choice[aria-pressed=true]{background:var(--ob-violet-soft);border-color:var(--ob-violet);color:var(--ob-violet)}.ob .ob-place{flex:220px;width:auto}.ob-action-row{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.ob-services{gap:.6rem;display:grid}.ob-tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.ob-tags li{background:var(--ob-violet-soft);border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .35rem .25rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.ob-tags button{cursor:pointer;background:0 0;border:0;border-radius:50%;width:24px;height:24px;font-size:1rem;line-height:1}.ob-details{grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:start;gap:1.5rem;width:100%;max-width:1100px;margin:0 auto;display:grid}.ob-dropzone{border:1.5px dashed var(--line-strong);color:var(--ob-violet);cursor:pointer;text-align:center;background:#fcfbfe;border-radius:14px;flex-direction:column;align-items:center;gap:.35rem;padding:1.75rem 1rem;transition:background .15s,border-color .15s;display:flex}.ob-dropzone:hover,.ob-dropzone.is-dragging{background:var(--ob-violet-soft);border-color:var(--ob-violet)}.ob-dropzone strong{color:var(--ink);font-size:.95rem}.ob-dropzone small{color:var(--ink-soft);font-size:.82rem}.ob-dropzone__button{background:var(--ob-violet-soft);border-radius:8px;margin-top:.4rem;padding:.4rem .85rem;font-size:.82rem;font-weight:650}.ob-listing{border:1px solid var(--line);background:#faf9fc;border-radius:14px;align-items:center;gap:.9rem;padding:.9rem 1rem;display:flex}.ob-listing>div{flex:1;gap:.15rem;display:grid}.ob-listing strong{font-size:.92rem}.ob-listing small{color:var(--ink-soft);font-size:.8rem;line-height:1.4}.ob-uses{border-radius:var(--ob-radius);background:linear-gradient(160deg,#efe7ff,#f7f3ff 70%);border:1px solid #e4d9fc;padding:1.5rem;box-shadow:0 24px 60px #4c1d9514}.ob-uses h2{font-family:var(--display);letter-spacing:-.02em;margin:0 0 1rem;font-size:1.05rem}.ob-uses ul{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.ob-uses li{align-items:center;gap:.7rem;font-size:.9rem;display:flex}.ob-uses li svg{box-sizing:content-box;color:var(--ob-violet);background:#fff;border-radius:8px;flex:none;padding:6px}.ob-build{flex:1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,4rem);width:100%;max-width:1180px;margin:0 auto;display:grid}.ob-build__status{gap:1.1rem;display:grid}.ob-build__status h1{font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.05}.ob-build__status>p{color:var(--ink-soft);max-width:46ch;margin:0;line-height:1.55}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-build__note{color:var(--ink-soft);margin:-.4rem 0 0;font-size:.86rem}.ob-build:has(.ob-build__status.is-paused){align-items:start}.ob-build__status.is-paused h1{font-size:clamp(1.7rem,2.6vw,2.2rem)}.ob-build__paused{background:var(--ob-violet-soft);border:1px solid var(--ob-violet-line);color:var(--ob-violet);border-radius:999px;justify-self:start;align-items:center;gap:.45rem;margin:0 0 -.3rem;padding:.3rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.ob-build__paused span{background:currentColor;border-radius:50%;width:8px;height:8px}.ob-build__so-far{gap:.5rem;margin-top:.4rem;display:grid}.ob-build__so-far h2{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.ob-build__so-far .ob-step{padding:.25rem 0}.ob-build__so-far .ob-step strong{font-size:.9rem}.ob-build__so-far .ob-step small{display:none}.ob-build__so-far .ob-build__note{margin:0}.ob-build__tip{background:var(--ob-violet-soft);color:var(--ink-soft);border-radius:12px;align-items:flex-start;gap:.6rem;margin:0;padding:.8rem .9rem;font-size:.86rem;line-height:1.45;display:flex}.ob-build__tip svg{color:var(--ob-violet);flex:none;margin-top:2px}.ob-build__error{background:#fff5f5;border:1px solid #fecaca;border-radius:12px;gap:.75rem;padding:.9rem 1rem;display:grid}.ob-build__error p{color:#991b1b;margin:0}.ob-build__error>div{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.ob-question{border:1.5px solid var(--ob-violet-line);background:#fff;border-radius:14px;gap:.65rem;padding:1rem;display:grid;box-shadow:0 16px 40px #6d28d91a}.ob-question__eyebrow{color:var(--ob-violet);align-items:center;gap:.35rem;margin:0;font-size:.78rem;font-weight:700;display:flex}.ob-question__prompt{font-family:var(--display);letter-spacing:-.02em;font-size:1.15rem;font-weight:650}.ob-question__hint{color:var(--ink-soft);margin:-.2rem 0 0;font-size:.85rem}.ob-question__actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.ob-learned__list{gap:.45rem;margin:0 0 .35rem;padding-left:1.1rem;font-size:.9rem;line-height:1.45;display:grid}.ob-learned__list li::marker{color:var(--ob-violet)}.ob-build__preview{position:relative}.ob-build__preview:before{aspect-ratio:1;content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#a78bfa8c 30%,#c4b5fd5c 50%,#0000 70%);border-radius:50%;width:140%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ob-build__preview .ob-laptop__base{z-index:1;position:relative}.ob-mock{color:#fff;z-index:1;background:#0f0d16;border:10px solid #1b1824;border-bottom-width:14px;border-radius:16px 16px 0 0;position:relative;overflow:hidden;box-shadow:0 40px 90px #17131f4d}.ob-mock:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff12 50%,#0000 70%);animation:2.8s ease-in-out infinite ob-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes ob-sweep{to{transform:translate(100%)}}.ob-mock__bar{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:1rem;padding:.85rem 1.1rem;font-size:.72rem;display:flex}.ob-mock__bar span{background:#ffffff40;border-radius:99px;width:42px;height:6px}.ob-mock__bar strong{margin-right:auto}.ob-mock__bar i{border:1px solid #fff6;border-radius:6px;width:58px;height:20px}.ob-mock__hero{background:radial-gradient(circle at 78% 30%,#8b5cf661,#0000 55%);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:1.25rem;min-height:240px;padding:1.6rem 1.6rem 1.4rem;display:grid}.ob-mock__copy{justify-items:start;gap:.6rem;display:grid}.ob-mock__title{font-family:var(--display);letter-spacing:-.035em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.3rem;font-size:clamp(1.4rem,2.3vw,1.95rem);line-height:1.02;display:-webkit-box;overflow:hidden}.ob-mock__photo{aspect-ratio:4/4.4;background-color:#0000;background-image:radial-gradient(circle at 62% 28%,#ffd6aabf,#0000 22%),radial-gradient(at 50% 110%,#a78bfab3,#0000 60%),linear-gradient(160deg,#2b2140,#140f1f 70%);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:12px;display:block;box-shadow:inset 0 0 0 1px #ffffff1a,0 18px 40px #00000059}.ob-mock__line{background:#ffffff38;border-radius:99px;width:62%;height:8px;animation:1.8s ease-in-out infinite ob-shimmer;display:block}.ob-mock__line--lg{width:88%}.ob-mock__cta{background:linear-gradient(135deg, var(--violet-bright), var(--ob-violet));border-radius:8px;justify-content:center;align-items:center;min-width:116px;min-height:30px;margin-top:.6rem;padding:0 .9rem;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #8b5cf659}.ob-mock__eyebrow,.ob-mock__title,.ob-mock__tagline,.ob-mock__cta,.ob-mock__card--filled{animation:.5s ease-out both ob-fact-in}@keyframes ob-fact-in{0%{opacity:0;transform:translateY(4px)}}.ob-mock__eyebrow{color:#c4b5fd;letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:700}.ob-mock__tagline{color:#ffffffb8;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:34ch;margin:0;font-size:.78rem;line-height:1.45;display:-webkit-box;overflow:hidden}.ob-mock__cards{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:.4rem 1.6rem 1.4rem;display:grid}.ob-mock__cards span{background:linear-gradient(#ffffff1a,#ffffff0a) top/100% 58% no-repeat,#ffffff0d;border:1px solid #ffffff0f;border-radius:10px;height:72px;animation:1.8s ease-in-out infinite ob-shimmer}.ob-mock__cards .ob-mock__card--filled{color:#ffffffe0;align-items:flex-end;padding:0 .65rem .5rem;font-size:.68rem;font-weight:650;line-height:1.2;animation:.5s ease-out both ob-fact-in;display:flex;overflow:hidden}.ob-mock__cards span:nth-child(2){animation-delay:.3s}.ob-mock__cards span:nth-child(3){animation-delay:.6s}@keyframes ob-shimmer{50%{opacity:.45}}.ob-float{z-index:2;background:#fff;border-radius:12px;align-items:center;gap:.55rem;padding:.6rem .85rem .6rem .6rem;font-size:.86rem;font-weight:650;animation:3.2s ease-in-out infinite ob-float;display:inline-flex;position:absolute;box-shadow:0 16px 36px #17131f2e}.ob-float svg{background:var(--ob-violet-soft);box-sizing:content-box;color:var(--ob-violet);border-radius:8px;padding:5px}.ob-float--content{top:14%;right:-1.25rem}.ob-float--images{animation-delay:.6s;top:46%;right:6%}.ob-float--images svg{color:#15803d;background:#dcfce7}.ob-float--design{animation-delay:1.2s;bottom:-1rem;left:22%}.ob-float--design svg{color:#c2410c;background:#ffedd5}@keyframes ob-float{50%{transform:translateY(-6px)}}.ob-card--designs{box-shadow:none;background:0 0;border:0;gap:1.25rem;width:100%;max-width:1180px;margin:0 auto;padding-inline:0}.ob-heading--designs h1{font-size:clamp(1.7rem,2.6vw,2.2rem)}.ob-designs{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;transition:opacity .2s;display:grid}.ob-designs.is-busy{opacity:.45;pointer-events:none}.ob-design{border:1.5px solid var(--line);background:#fff;border-radius:18px;padding:.65rem;transition:border-color .15s,box-shadow .2s,transform .2s;position:relative;box-shadow:0 1px 2px #17131f0a,0 18px 44px #17131f12}.ob-design:hover{border-color:var(--ob-violet-line);transform:translateY(-3px);box-shadow:0 1px 2px #17131f0a,0 26px 56px #17131f1c}.ob-design.is-selected{border-color:var(--ob-violet);background:#f1eaff;box-shadow:0 0 0 4px #6d28d91f,0 26px 56px #6d28d924}.ob-design__pick{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.ob-design__thumb{aspect-ratio:4/3.3;border-radius:12px;box-shadow:inset 0 0 0 1px #17131f14}.ob-design__meta{align-items:center;gap:.65rem;padding:.7rem .3rem .25rem;display:flex}.ob-design__meta>span:last-child{display:grid}.ob-design__meta strong{font-size:.95rem}.ob-design__meta small{color:var(--ink-soft);font-size:.82rem}.ob-design__radio{border:2px solid var(--line-strong);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.is-selected .ob-design__radio{background:var(--ob-violet);border-color:var(--ob-violet)}.ob-design__preview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffffeb;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:650;transition:opacity .15s;display:inline-flex;position:absolute;top:1.15rem;right:1.15rem;box-shadow:0 6px 16px #17131f24}.ob-design__preview:hover{color:var(--ob-violet)}@media (hover:hover){.ob-design:not(.is-selected,:hover,:focus-within) .ob-design__preview{opacity:0}}.ob-busy{color:var(--ink-soft);justify-content:center;align-items:center;gap:.6rem;margin:0;font-size:.9rem;display:flex}.ob-preview{background:#fff;border:0;border-radius:16px;width:min(1320px,96vw);max-width:none;height:min(92vh,980px);max-height:none;padding:0;box-shadow:0 40px 120px #0f0c1966}.ob-preview[open]{flex-direction:column;display:flex}.ob-preview::backdrop{background:#0f0c1999}.ob-preview__bar,.ob-preview__footer{align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.ob-preview__bar{border-bottom:1px solid var(--line)}.ob-preview__bar strong{margin-right:auto}.ob-preview__footer{border-top:1px solid var(--line);justify-content:space-between}.ob-preview__page select{appearance:none;color:var(--ink);cursor:pointer;font:inherit;background:#f1eff5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%23574f66' stroke-width='1.5'%3E%3Cpath d='m1 1 4 4 4-4'/%3E%3C/svg%3E") right .7rem center no-repeat;border:0;border-radius:10px;min-height:38px;padding:0 2rem 0 .8rem;font-size:.82rem;font-weight:650}.ob-preview__footer p{color:var(--ink-soft);margin:0;font-size:.88rem}.ob-preview__close{cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.ob-preview__close:hover{background:#f3f1f6}.ob-segmented{background:#f1eff5;border-radius:10px;padding:3px;display:inline-flex}.ob-segmented button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:32px;padding:.3rem .8rem;font-size:.82rem;font-weight:650}.ob-segmented button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #17131f1f}.ob-preview__viewport{background:#ece9f2;flex:1;justify-content:center;min-height:0;padding:1rem;display:flex;overflow:auto}.ob-preview__frame{background:#fff;width:100%;max-width:1280px;height:100%;transition:width .22s;overflow:auto;box-shadow:0 18px 55px #15201f2b}.ob-preview__frame .rgo-hero-grid{min-height:0}.ob-preview__viewport[data-device=mobile] .ob-preview__frame{border:7px solid #17131f;border-radius:28px;max-width:404px}.ob-prefs{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:2rem;width:100%;max-width:1120px;margin:0 auto;display:grid}.ob-pref{border:0;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:.6rem 1rem;margin:0;padding:0;display:grid}.ob-pref>legend{float:left}.ob-pref__label{align-items:center;gap:.5rem;padding:0;font-size:.9rem;font-weight:650;display:inline-flex}.ob-pref__label svg{color:var(--ob-violet)}fieldset.ob-pref>:not(legend){grid-column:2}.ob-radio-row{flex-wrap:wrap;gap:.6rem;display:flex}.ob-radio{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.88rem;font-weight:600;display:inline-flex}.ob-radio:has(input:checked){background:var(--ob-violet-soft);border-color:var(--ob-violet)}.ob-radio input,.ob-checkbox input{accent-color:var(--ob-violet)}.ob-swatch-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ob-swatch{box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;border:3px solid #fff;border-radius:50%;width:32px;height:32px}.ob-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ob-violet)}.ob-swatch-custom{align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:inline-flex}.ob-swatch-custom input{background:0 0;border:0;width:36px;height:32px;padding:0}.ob-option-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.ob-option-card{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;gap:.55rem;padding:.8rem;font-size:.84rem;font-weight:600;line-height:1.35;display:grid;position:relative}.ob-option-card input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute}.ob-option-card:has(input:focus-visible){outline:3px solid var(--ob-violet);outline-offset:2px}.ob-option-card__check{border:2px solid var(--line-strong);color:#0000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.ob-option-card.is-selected{background:var(--ob-violet-soft);border-color:var(--ob-violet)}.ob-option-card.is-selected .ob-option-card__check{background:var(--ob-violet);border-color:var(--ob-violet);color:#fff}.ob-checkbox{align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;display:inline-flex}.ob-checkbox input{width:18px;height:18px}.ob-prefs__preview{position:sticky;top:1.5rem}.ob-prefs__frame{border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #17131f2e}.ob-prefs__frame .scaled-preview{aspect-ratio:4/4.2}.ob-prefs__colors{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .8rem;display:inline-flex;position:absolute;top:1rem;right:-.75rem;box-shadow:0 14px 34px #17131f1f}.ob-prefs__colors small{color:var(--ink-soft);font-size:.72rem;font-weight:600}.ob-prefs__colors span{gap:.3rem;display:flex}.ob-prefs__colors i{border:1px solid #0000001f;border-radius:50%;width:16px;height:16px}.ob-ready{flex:1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,5vw,4rem);width:100%;max-width:1180px;margin:0 auto;display:grid}.ob-ready__copy{justify-items:start;gap:1rem;display:grid}.ob-ready__badge{background:linear-gradient(135deg, var(--violet-bright), var(--ob-violet));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex;position:relative;box-shadow:0 16px 36px #6d28d952}.ob-ready__badge i{--x:0px;--y:0px;background:var(--violet-bright);height:7px;transform:translate(var(--x), var(--y)) rotate(var(--r,20deg));border-radius:2px;width:7px;animation:.9s cubic-bezier(.2,.7,.3,1) both ob-confetti;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}.ob-ready__badge i:first-of-type{--x:-58px;--y:-26px;background:#f59e0b}.ob-ready__badge i:nth-of-type(2){--x:-44px;--y:-50px;--r:-30deg;border-radius:50%}.ob-ready__badge i:nth-of-type(3){--x:-8px;--y:-62px;background:#ec4899;width:12px;height:4px}.ob-ready__badge i:nth-of-type(4){--x:30px;--y:-54px;background:#22c55e}.ob-ready__badge i:nth-of-type(5){--x:56px;--y:-30px;--r:60deg;width:12px;height:4px}.ob-ready__badge i:nth-of-type(6){--x:66px;--y:4px;background:#f59e0b;border-radius:50%}.ob-ready__badge i:nth-of-type(7){--x:48px;--y:36px;background:#ec4899}.ob-ready__badge i:nth-of-type(8){--x:-64px;--y:8px;background:#22c55e;width:12px;height:4px}.ob-ready__badge i:nth-of-type(9){--x:-50px;--y:38px;border-radius:50%}.ob-ready__badge i:nth-of-type(10){--x:20px;--y:-76px;background:#c4b5fd;border-radius:50%;width:5px;height:5px}@keyframes ob-confetti{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}}.ob-ready h1{font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.05}.ob-ready__copy>p{color:var(--ink-soft);margin:0}.ob-ready__list{gap:.6rem;margin:.25rem 0 .5rem;padding:0;list-style:none;display:grid}.ob-ready__list li{align-items:center;gap:.6rem;font-size:.95rem;display:flex}.ob-ready__list svg{background:#16a34a}.ob-ready__actions{flex-wrap:wrap;gap:.75rem;display:flex}.ob-ready__devices{padding:0 2.5rem 2rem 0;position:relative}.ob-ready__devices:before,.ob-prefs__preview:before{aspect-ratio:1;content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#a78bfa80 30%,#c4b5fd52 50%,#0000 70%);border-radius:50%;width:130%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ob-ready__devices,.ob-prefs__preview{isolation:isolate}.ob-laptop__screen{aspect-ratio:16/10;background:#0f0d16;border:10px solid #1b1824;border-bottom-width:14px;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 40px 90px #17131f3d}.ob-laptop__screen .scaled-preview,.ob-phone .scaled-preview{height:100%}.ob-laptop__base{background:linear-gradient(#e4e2ea,#c9c6d2);border-radius:0 0 18px 18px;height:14px;margin:0 -6%}.ob-phone{aspect-ratio:9/19;background:#fff;border:7px solid #121017;border-radius:28px;width:26%;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 30px 70px #17131f4d}.ob-waiting{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:4rem 1rem;display:flex}.ob-waiting h1{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:1.8rem}.ob-waiting p{color:var(--ink-soft);margin:0}.ob-waiting__spinner{border:3px solid var(--ob-violet-line);border-top-color:var(--ob-violet);border-radius:50%;flex:none;width:22px;height:22px;animation:.9s linear infinite ob-spin;display:inline-block}.ob-waiting>.ob-waiting__spinner{width:40px;height:40px}.ob-waiting__links{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.5rem;display:flex}.ob-workspaces{gap:.9rem;width:100%;max-width:520px;margin:0 auto;padding:4rem 1.25rem;display:grid}.ob-workspaces h1{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,4vw,2.3rem);font-weight:700;line-height:1.05}.ob-workspaces>p{color:var(--ink-soft);margin:0}.ob-workspaces ul{gap:.6rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.ob-workspaces button{color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:#fff;border:1px solid #ebe5f7;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;width:100%;padding:1rem 1.15rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 10px 30px #5b21b60f}.ob-workspaces button:hover:not(:disabled),.ob-workspaces button:focus-visible{border-color:var(--ob-violet);box-shadow:0 12px 34px #7c3aed29}.ob-workspaces button:disabled{cursor:wait;opacity:.6}.ob-workspaces li:first-child button{border-color:var(--ob-violet-line);background:#f6f2ff}.ob-workspaces b{overflow-wrap:anywhere;flex:10rem;min-width:0}.ob-workspaces small{color:var(--ink-soft);flex:0 auto;min-width:0;font-size:.8rem}.ob-workspaces__status{color:var(--ink-soft);align-items:center;gap:.6rem;margin:0;display:flex}.ob-workspaces__error{color:var(--red,#b42318);margin:0}@media (max-width:960px){.ob-welcome,.ob-details,.ob-build,.ob-prefs,.ob-ready{grid-template-columns:minmax(0,1fr)}.ob-welcome{align-items:start}.ob-welcome__intro{display:none}.ob-mobile-only{display:inline-flex!important}.ob-composer{width:100%;max-width:620px;margin:0 auto}.ob-composer h2{font-size:clamp(1.8rem,7vw,2.2rem)}.ob-composer__lede{color:var(--ink-soft);margin:-.4rem 0 0;display:block}.ob-prefs__preview{display:none}}@media (max-width:760px){.ob{padding-bottom:2rem}:is(.ob-page,.ob-page:has(.ob-welcome)){background:radial-gradient(28rem 16rem at 100% -4%,#a78bfa42,#0000 70%),radial-gradient(24rem 14rem at -10% 100%,#a78bfa2e,#0000 70%),linear-gradient(#fbf9ff,#fff 40%)}.ob-page:has(.ob-welcome):before{display:none}.ob-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:.25rem 0 0}.ob-heading--designs{text-align:center}.ob-uses{display:none}.ob-designs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.ob-design__thumb{aspect-ratio:9/16}.ob-design__meta{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.1rem .35rem;padding:.55rem .2rem .3rem;display:grid}.ob-design__meta>span:last-child{display:contents}.ob-design__meta small{grid-column:1/-1}.ob-design__meta strong{white-space:nowrap;font-size:.76rem}.ob-design__meta small{font-size:.7rem}.ob-design__radio{width:16px;height:16px}.ob-design{border-radius:14px;padding:.4rem}.ob-design:hover{transform:none}.ob-design__thumb{border-radius:9px}.ob-design__preview{justify-content:center;width:28px;height:28px;padding:0;top:.7rem;right:.7rem}.ob-design__preview span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ob-footer{flex-direction:column-reverse;align-items:stretch}.ob-footer__primary{flex-direction:column-reverse;margin-left:0}.ob-footer__primary .button{width:100%}.ob-pref{grid-template-columns:minmax(0,1fr)}.ob-pref>legend{float:none;margin-bottom:.4rem}fieldset.ob-pref>:not(legend){grid-column:1}.ob-option-cards{grid-template-columns:minmax(0,1fr)}.ob-listing{flex-wrap:wrap;align-items:flex-start}.ob-listing>:is(button,.button){width:100%;margin-left:0}.ob-preview{border-radius:0;width:100vw;height:100dvh}.ob-preview__bar strong{display:none}.ob-preview__bar{flex-wrap:wrap;gap:.5rem}.ob-preview__page{margin-right:auto}.ob-page:has(.ob--build){color:#fff;background:radial-gradient(40rem 20rem at 100% 0,#8b5cf659,#0000 70%),#15111f}:is(.ob-page:has(.ob--build) .brand-mark__word,.ob-page:has(.ob--build) .ob-header__help){color:#fff}.ob-page:has(.ob--build) .brand-mark__product{color:#fff9}.ob--build .ob-build__preview{display:none}.ob--build .ob-build__status>p,.ob--build .ob-step small,.ob--build .ob-build__note{color:#ffffffb3}.ob--build .ob-step__marker{border-color:#ffffff4d}.ob--build .ob-step__marker--done{border-color:var(--violet-bright);background:var(--violet-bright)}.ob--build .ob-step__marker--active{border-color:#ffffff40;border-top-color:var(--violet-bright)}.ob--build .ob-build__tip{color:#fffc;background:#ffffff14}.ob--build .ob-build__tip svg{color:var(--violet-bright)}.ob--build .ob-question{color:var(--ink)}.ob--build .ob-build__paused{color:#fff;background:#ffffff1a;border-color:#fff3}.ob--build .ob-build__paused span{background:var(--violet-bright)}.ob--build .ob-build__so-far h2{color:#fff9}.ob-ready__copy{text-align:center;justify-items:center}.ob-ready__badge{margin-top:1.5rem}.ob-ready__badge i{scale:.8}.ob-ready__list{text-align:left}.ob-ready__devices{padding:.5rem 1.5rem 1.25rem 0}.ob-ready__actions{width:100%;display:grid}}@media (prefers-reduced-motion:reduce){.ob-step__marker--active,.ob-waiting__spinner,.ob-float,.ob-mock__line,.ob-mock__cards span,.ob-mock__cards .ob-mock__card--filled,.ob-mock__eyebrow,.ob-mock__title,.ob-mock__tagline,.ob-mock__cta,.ob-ready__badge i{animation:none}.ob-mock:after{display:none}.ob-design,.ob-design:hover{transform:none}}
