:root{--teal:#12b98a;--teal-hover:#0fa87d;--teal-ink:#0a7a5a;--teal-soft:#e4f6ef;--navy:#111827;--paper:#fff;--mist:#f5f5f6;--mist-2:#efeff1;--fog:#d6d6da;--fog-2:#b8b8bf;--steel:#6c6b6b;--charcoal:#171717;--bg:var(--paper);--surface:var(--paper);--sunken:var(--mist);--ink:var(--navy);--muted:var(--steel);--faint:#8a8a90;--line:#e7e7ea;--line-strong:var(--fog);--success:#4e9a2f;--success-soft:#eef6e8;--success-ink:#3c7a22;--warning:#c07600;--warning-soft:#f9f0dd;--warning-ink:#8f5800;--danger:#d23f3f;--danger-soft:#fbeaea;--danger-ink:brown;--info:#2f6bdb;--info-soft:#e9f0fc;--info-ink:#1f4fb0;--d-coral:#ff9e80;--d-lav:#c4b5fd;--d-mint:#7fe6bf;--d-sky:#93c5fd;--d-butter:#fde08a;--d-pink:#fbc7e0;--r-sm:8px;--r-md:8px;--r-lg:14px;--r-hero:30px;--d-fast:140ms;--d-base:220ms;--d-slow:320ms;--e-standard:cubic-bezier(0.2,0,0,1);--e-decel:cubic-bezier(0,0,0,1);--e-spring:cubic-bezier(0.34,1.2,0.64,1);--accent:var(--teal);--accent-ink:var(--teal-ink);--accent-soft:var(--teal-soft)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;font-weight:400;font-synthesis:weight style;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}b,strong{font-weight:400}.hero__sub b,.ob__lede b,.sub b,.sub strong{color:var(--ink);font-weight:400}.metric .value,.num,.value,input[inputmode=tel],input[inputmode=url],table td{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}a{color:var(--teal-ink);text-decoration:none;transition:color var(--d-fast) var(--e-standard)}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:var(--r-sm)}.container{max-width:900px;margin:0 auto;padding:40px 24px 96px}.topbar{display:flex;gap:12px;padding:18px 24px;background:var(--paper);border-bottom:1px solid var(--line)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:400;font-size:19px;letter-spacing:-.01em;color:var(--ink)}.brand,.brand:hover{text-decoration:none}.brand img,.brand svg{width:28px;height:28px;border-radius:var(--r-sm);display:block}.nav{display:flex;gap:4px;overflow-x:auto;padding:0 24px;background:var(--paper);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:20;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{position:relative;color:var(--steel);font-size:16px;font-weight:400;padding:16px 14px;min-height:44px;display:flex;align-items:center;white-space:nowrap;border-bottom:2px solid transparent;transition:color var(--d-fast) var(--e-standard),border-color var(--d-fast) var(--e-standard)}.nav a,.nav a:hover{text-decoration:none}.nav a.active,.nav a:hover{color:var(--ink)}.nav a.active{font-weight:400;border-bottom-color:var(--teal)}h1{font-size:44px;line-height:1.08;letter-spacing:-.02em;margin:8px 0 12px}h1,h2{font-weight:400}h2{font-size:28px;line-height:1.2;letter-spacing:-.01em;margin:40px 0 16px}h3{font-size:20px;font-weight:400;letter-spacing:-.005em;margin:0 0 8px}.sub{color:var(--muted);font-size:18px;line-height:1.45;margin:0 0 16px}.eyebrow{font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:8px;margin:40px 0 10px}.spark{display:inline-block;width:14px;height:14px;flex:none;background:var(--teal);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 0c.6 5.2 6.8 11.4 12 12-5.2.6-11.4 6.8-12 12-.6-5.2-6.8-11.4-12-12C5.2 11.4 11.4 5.2 12 0z'/></svg>") center /contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 0c.6 5.2 6.8 11.4 12 12-5.2.6-11.4 6.8-12 12-.6-5.2-6.8-11.4-12-12C5.2 11.4 11.4 5.2 12 0z'/></svg>") center /contain no-repeat}.decor{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.decor span{position:absolute;display:block;border-radius:30% 70% 62% 38%/42% 45% 55% 58%;filter:blur(.2px)}.blob-1{width:130px;height:130px;background:radial-gradient(circle at 32% 28%,#ffd0bf,var(--d-coral));top:-28px;right:14%;border-radius:42% 58% 55% 45%/55% 42% 58% 45%}.blob-2{width:92px;height:92px;background:radial-gradient(circle at 34% 30%,#e6ddff,var(--d-lav));top:46%;right:6%;border-radius:58% 42% 45% 55%/45% 58% 42% 55%}.blob-3{width:74px;height:74px;background:radial-gradient(circle at 36% 30%,#c8f6e4,var(--d-mint));bottom:8%;right:22%;border-radius:50%}.blob-4{width:58px;height:58px;background:radial-gradient(circle at 34% 30%,#fff0c2,var(--d-butter));top:20%;right:30%;border-radius:46% 54% 60% 40%/54% 46% 54% 46%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}.card--sunken{background:var(--sunken);border-color:var(--line)}.banner{background:var(--teal-soft);color:var(--teal-ink);padding:16px 18px;border:1px solid #cdeee1;border-radius:var(--r-md);font-weight:400;font-size:16px}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.metric{padding:20px}.metric .label{color:var(--faint);font-size:14px;font-weight:400}.metric .value{font-size:34px;font-weight:400;line-height:1.05;letter-spacing:-.02em;margin-top:10px;color:var(--ink)}.metric .pending{color:var(--faint);font-size:14px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--teal);color:var(--navy);border:1.5px solid var(--teal);border-radius:var(--r-md);padding:14px 22px;font-family:inherit;font-size:16px;font-weight:400;cursor:pointer;text-align:center;min-height:46px;transition:background var(--d-fast) var(--e-standard),border-color var(--d-fast) var(--e-standard)}.btn,.btn:hover{text-decoration:none}.btn:hover{background:var(--teal-hover);border-color:var(--teal-hover)}.btn:disabled{background:var(--mist);border-color:var(--fog);color:var(--fog-2);cursor:not-allowed}.btn-ghost{background:var(--paper);color:var(--teal-ink);border:1.5px solid var(--teal)}.btn-ghost:hover{background:var(--teal-soft);border-color:var(--teal)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:11px 18px;min-height:42px;display:inline-flex;align-items:center;border-radius:var(--r-md);border:1px solid var(--fog);background:var(--paper);color:var(--steel);font-weight:400;font-size:16px;cursor:pointer;transition:border-color var(--d-fast) var(--e-standard),color var(--d-fast) var(--e-standard)}.chip,.chip:hover{text-decoration:none}.chip:hover{border-color:var(--teal);color:var(--ink)}.chip.active{background:var(--paper);color:var(--ink);border:1.5px solid var(--teal)}.empty{text-align:center;color:var(--muted);padding:64px 24px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.empty .big{display:inline-flex;margin-bottom:16px}.empty .big .spark{width:36px;height:36px}.list{list-style:none;padding:0;margin:0;flex-direction:column;gap:10px}.list,.row{display:flex}.row{align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color var(--d-fast) var(--e-standard)}.row:hover{border-color:var(--fog)}.status{font-size:13px;font-weight:400;padding:5px 12px;border-radius:var(--r-sm);white-space:nowrap;border:1px solid transparent}.status.published{background:var(--success-soft);color:var(--success-ink);border-color:#d3e8c6}.status.pending,.status.publishing{background:var(--warning-soft);color:var(--warning-ink);border-color:#ecdcb8}.status.failed{background:var(--danger-soft);color:var(--danger-ink);border-color:#f2cccc}.form{display:flex;flex-direction:column;gap:18px}label{display:block;font-weight:400;font-size:14px;color:var(--muted);margin-bottom:7px}input,select,textarea{width:100%;padding:13px 14px;font-size:16px;border:1px solid var(--fog);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-family:inherit;transition:border-color var(--d-fast) var(--e-standard)}input:hover,select:hover,textarea:hover{border-color:var(--fog-2)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal)}input::placeholder,textarea::placeholder{color:var(--faint)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main.container>*{animation:rise var(--d-base) var(--e-decel) both}main.container>:nth-child(2){animation-delay:50ms}main.container>:nth-child(3){animation-delay:.1s}main.container>:nth-child(4){animation-delay:.15s}main.container>:nth-child(5){animation-delay:.2s}main.container>:nth-child(n+6){animation-delay:.25s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}main.container>*{animation:none}}.hero{background:var(--mist);color:var(--ink);border-radius:var(--r-hero);padding:48px 40px;margin:24px 0 40px;display:grid;grid-template-columns:1fr auto;grid-gap:28px;gap:28px;align-items:end;overflow:hidden}.hero,.hero>*{position:relative}.hero>*{z-index:1}.hero>.decor{position:absolute;inset:0;z-index:0}.hero__eyebrow{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-bottom:18px}.hero__big{font-size:60px;font-weight:400;line-height:1.02;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;max-width:16ch}.hero__big .accent{color:var(--teal-ink)}.hero__sub{color:var(--muted);font-size:18px;line-height:1.45;margin-top:16px;max-width:44ch}.hero__cta{display:inline-flex;align-items:center;gap:8px;background:var(--teal);color:var(--navy);font-weight:400;font-size:16px;padding:15px 24px;border-radius:var(--r-md);text-decoration:none;white-space:nowrap;transition:background var(--d-fast) var(--e-standard),transform var(--d-fast) var(--e-standard)}.hero__cta:hover{background:var(--teal-hover);text-decoration:none;transform:translateY(-1px)}.ledger{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.ledger__cell{padding:20px 22px;border-right:1px solid var(--line)}.ledger__cell:last-child{border-right:0}.ledger__k{font-size:13px;font-weight:400;color:var(--faint);letter-spacing:.01em}.ledger__v{font-size:32px;font-weight:400;line-height:1.05;letter-spacing:-.02em;margin-top:8px;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ledger__d{font-size:13px;color:var(--faint);margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ledger__d.up{color:var(--success-ink)}.split{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:20px;gap:20px;align-items:start}.slabel{display:flex;align-items:baseline;gap:12px;margin:48px 0 16px;border-top:1px solid var(--line);padding-top:20px}.slabel__no{font-size:13px;font-weight:400;color:var(--teal-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em}.slabel h2{margin:0}.showcase{display:flex;gap:20px;align-items:stretch}.showcase__img{width:104px;border-radius:var(--r-md);background:var(--sunken);flex:none;aspect-ratio:4/5;object-fit:cover}.qbar{margin-bottom:14px}.qbar__row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.qbar__row b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qbar__track{background:var(--mist-2);overflow:hidden}.qbar__fill,.qbar__track{height:6px;border-radius:3px}.qbar__fill{background:var(--ink)}@media (max-width:640px){.hero{grid-template-columns:1fr;align-items:start;padding:32px 24px}.hero__big{font-size:40px}.ledger{grid-template-columns:repeat(2,1fr)}.ledger__cell:nth-child(2){border-right:0}.ledger__cell:first-child,.ledger__cell:nth-child(2){border-bottom:1px solid var(--line)}.split{grid-template-columns:1fr}}.ob{min-height:calc(100vh - 63px);display:grid;grid-template-columns:1.05fr 1fr}.ob__aside{position:relative;background:var(--mist);color:var(--ink);padding:64px 56px;display:flex;flex-direction:column;gap:32px;overflow:hidden;border-right:1px solid var(--line)}.ob__aside>*{position:relative;z-index:1}.ob__aside>.decor{position:absolute;inset:0;z-index:0}.ob__kicker{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}.ob__kicker .spark{width:18px;height:18px}.ob__welcome{font-size:52px;font-weight:400;line-height:1.05;letter-spacing:-.03em}.ob__welcome .accent{color:var(--teal-ink)}.ob__lede{color:var(--muted);font-size:18px;line-height:1.5;max-width:40ch}.ob__steps{display:flex;flex-direction:column;gap:2px;margin-top:auto}.ob__step{display:flex;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line);color:var(--steel);font-size:18px;font-weight:400}.ob__step:last-child{border-bottom:1px solid var(--line)}.ob__step .no{font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:24px;color:var(--faint);letter-spacing:.04em}.ob__step.active{color:var(--ink)}.ob__step.active .no{color:var(--teal-ink)}.ob__step.done{color:var(--muted)}.ob__step .tick{margin-left:auto;color:var(--teal-ink);font-weight:400}.ob__preview{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;width:272px}.ob__preview__top{display:flex;align-items:center;gap:8px;padding:12px 14px}.ob__preview__avatar{width:30px;height:30px;border-radius:var(--r-sm);background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:400}.ob__preview__name{font-size:14px;font-weight:400}.ob__preview__img{aspect-ratio:4/5;background:var(--sunken);display:flex;align-items:center;justify-content:center}.ob__preview__img .spark{width:44px;height:44px;opacity:.9}.ob__preview__cap{padding:12px 14px;font-size:13px;color:var(--muted);line-height:1.45}.ob__main{padding:64px 56px;display:flex;flex-direction:column;justify-content:center;max-width:560px}.ob__main h1{margin-top:0}@media (max-width:820px){.ob{grid-template-columns:1fr}.ob__aside{padding:40px 24px;gap:24px;border-right:0;border-bottom:1px solid var(--line)}.ob__welcome{font-size:36px}.ob__preview{display:none}.ob__main{padding:36px 24px 56px}}.plans{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;align-items:start}.plan{border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px;display:flex;flex-direction:column;gap:4px}.plan,.plan--rec{background:var(--surface)}.plan--rec{border:1.5px solid var(--teal)}.plan__badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:var(--teal-soft);color:var(--teal-ink);font-size:12px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:var(--r-sm);margin-bottom:10px}.plan__name{font-size:16px;font-weight:400;color:var(--muted)}.plan__price{font-size:44px;font-weight:400;letter-spacing:-.03em;line-height:1;margin:8px 0 2px;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plan__price .per{font-size:15px;font-weight:400;color:var(--faint)}.plan__feats{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:11px;font-size:16px}.plan__feats li{display:flex;gap:10px;align-items:baseline}.plan__feats li:before{content:"";width:12px;height:12px;flex:none;align-self:center;background:var(--teal);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 6L9 17l-5-5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center /contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 6L9 17l-5-5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center /contain no-repeat}.plan__feats b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plan .btn,.plan .btn-ghost{margin-top:auto}@media (max-width:720px){.plans{grid-template-columns:1fr}}.shell{display:flex;align-items:stretch;min-height:100vh}.side{width:252px;flex:none;display:flex;flex-direction:column;gap:6px;padding:28px 20px 20px;border-right:1px solid var(--line);background:var(--bg);position:-webkit-sticky;position:sticky;top:0;height:100vh}.side__logo{display:flex;align-items:center;gap:11px;padding:0 12px;margin-bottom:28px;font-size:19px;letter-spacing:-.01em;color:var(--ink);text-decoration:none}.side__logo img{width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--line);display:block}.side__logo:hover{text-decoration:none}.side__nav{display:flex;flex-direction:column;gap:2px}.side__link{padding:11px 12px;border-radius:var(--r-md);color:var(--muted);font-size:17px;text-decoration:none;transition:background var(--d-fast) var(--e-standard),color var(--d-fast) var(--e-standard)}.side__link:hover{text-decoration:none}.side__link.active,.side__link:hover{color:var(--ink);background:var(--mist)}.side__foot{margin-top:auto;padding:12px 12px 0}.themetoggle{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.themetoggle button{width:34px;height:30px;border:0;background:transparent;color:var(--faint);border-radius:6px;display:grid;place-items:center;cursor:pointer;transition:background var(--d-fast) var(--e-standard),color var(--d-fast) var(--e-standard)}.themetoggle button:hover{color:var(--ink)}.themetoggle button.active{background:var(--mist);color:var(--ink)}.shell__main{flex:1 1;min-width:0}.shell__main>.container{margin:0;max-width:1120px;padding:44px 48px 96px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.pagehead h1{margin:0}.pagehead .btn,.pagehead .btn-ghost{flex:none}@media (max-width:820px){.shell{flex-direction:column}.side{width:auto;height:auto;position:-webkit-sticky;position:sticky;top:0;z-index:20;flex-direction:row;align-items:center;gap:4px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.side::-webkit-scrollbar{display:none}.side__logo{margin:0 8px 0 4px;padding:0;font-size:0;gap:0}.side__nav{flex-direction:row;gap:2px}.side__link{white-space:nowrap;font-size:15px;padding:9px 12px}.side__foot{margin:0 0 0 auto;padding:0 0 0 8px}.shell__main>.container{padding:28px 20px 64px}}:root[data-theme=dark]{--paper:#14161b;--mist:#1b1e25;--mist-2:#23272f;--fog:#363b45;--fog-2:#454b57;--steel:#9aa0ab;--charcoal:#0e1014;--bg:#14161b;--surface:#1b1e25;--sunken:#212530;--ink:#f3f4f6;--muted:#a7adb8;--faint:#7c828e;--line:#2a2f38;--line-strong:#3a4048;--teal-ink:#3ed6a8;--teal-soft:#123027;--success-soft:#16261a;--success-ink:#86ce62;--warning-soft:#2a2110;--warning-ink:#e0a63a;--danger-soft:#2c1717;--danger-ink:#ef6b6b;--info-soft:#16223a;--info-ink:#6ea3f0}button.side__link{border:0;background:none;font:inherit;width:100%;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.side__count{font-size:13px;color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.side__link.active .side__count{color:var(--teal-ink)}.side__foot .side__link{font-size:15px;margin-bottom:8px}.ob__aside.studio{background:radial-gradient(90% 70% at 28% 8%,#1c2230 0,rgba(28,34,48,0) 55%),radial-gradient(70% 60% at 85% 90%,rgba(18,185,138,.16) 0,rgba(18,185,138,0) 60%),#0d0f14;color:#f3f4f6;border-right:0;perspective:1500px;justify-content:space-between;gap:20px}.studio__orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.studio__orb{position:absolute;border-radius:50%;filter:blur(38px);opacity:.5}.studio__orb.o1{width:220px;height:220px;background:var(--d-coral);top:-40px;right:8%}.studio__orb.o2{width:180px;height:180px;background:var(--d-lav);top:34%;right:-30px;opacity:.42}.studio__orb.o3{width:160px;height:160px;background:var(--d-mint);bottom:6%;left:10%;opacity:.38}.studio__orb.o4{width:120px;height:120px;background:var(--d-butter);top:12%;left:-20px;opacity:.34}.studio__head{position:relative;z-index:2}.ob__aside.studio .ob__kicker{color:hsla(0,0%,100%,.55)}.ob__aside.studio .ob__welcome{color:#fff;font-size:46px}.ob__aside.studio .ob__welcome .accent{color:#35e0ad}.studio__live{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:7px 14px;border:1px solid hsla(0,0%,100%,.14);border-radius:999px;background:hsla(0,0%,100%,.04);font-size:13px;color:hsla(0,0%,100%,.72);letter-spacing:.01em}.studio__live .dot{width:8px;height:8px;border-radius:50%;background:#35e0ad;box-shadow:0 0 10px #35e0ad;flex:none}.stage{position:relative;z-index:1;flex:1 1;min-height:320px;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center}.mock{position:absolute;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 34px 70px -24px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.05);will-change:transform}.mock--feed{width:210px;z-index:3;transform:rotateY(-15deg) rotateX(5deg) translateZ(60px)}.mock__bar{display:flex;align-items:center;gap:8px;padding:10px 12px}.mock__avatar{width:26px;height:26px;border-radius:7px;background:var(--brand,#12b98a);color:#fff;display:grid;place-items:center;font-size:11px;flex:none}.mock__name{font-size:13px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock__spark{margin-left:auto;width:13px;height:13px;flex:none}.mock__media{position:relative;aspect-ratio:4/5;display:grid;place-items:center}.mock__media--tint{background:color-mix(in srgb,var(--brand,#12b98a) 16%,#fff)}.mock__media--brand{background:var(--brand,#12b98a)}.mock__media--dark{background:radial-gradient(120% 100% at 50% 0,#2a3040,#12151d)}.mock__logo{width:56px;height:56px;border-radius:14px;background:var(--brand,#12b98a);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--brand,#12b98a) 60%,transparent)}.mock__logo.sm{width:40px;height:40px;font-size:15px;background:hsla(0,0%,100%,.9);color:var(--brand,#12b98a);box-shadow:none}.mock__cap{padding:9px 12px 12px;font-size:11.5px;line-height:1.45;color:#4a5160}.mock__cap b{color:#111827}.mock--story{width:128px;z-index:2;left:4%;transform:rotateY(22deg) rotate(-6deg) translateZ(-30px)}.mock--story .mock__media{aspect-ratio:9/16;align-items:flex-start;justify-content:flex-start;padding:12px}.mock__chip{position:absolute;top:12px;left:12px;font-size:11px;color:#fff;background:rgba(0,0,0,.22);padding:3px 9px;border-radius:999px;max-width:84%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock--story .mock__logo.sm{position:absolute;bottom:14px;left:12px}.mock--reel{width:128px;z-index:2;right:4%;transform:rotateY(-24deg) rotate(6deg) translateZ(-30px)}.mock--reel .mock__media{aspect-ratio:9/16}.mock__play{width:42px;height:42px;border-radius:50%;background:hsla(0,0%,100%,.16);border:1.5px solid hsla(0,0%,100%,.7);position:relative}.mock__play:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-color:transparent transparent transparent #fff;border-style:solid;border-width:7px 0 7px 12px}.mock__fmt{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.18em;color:var(--brand,#12b98a)}.mock__fmt.light{color:hsla(0,0%,100%,.85)}.ob__aside.studio .ob__steps{position:relative;z-index:2;margin-top:0}.ob__aside.studio .ob__step{border-top-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5)}.ob__aside.studio .ob__step:last-child{border-bottom-color:hsla(0,0%,100%,.1)}.ob__aside.studio .ob__step .no{color:hsla(0,0%,100%,.4)}.ob__aside.studio .ob__step.active{color:#fff}.ob__aside.studio .ob__step.active .no{color:#35e0ad}.ob__aside.studio .ob__step.done{color:hsla(0,0%,100%,.7)}.ob__aside.studio .ob__step .tick{color:#35e0ad}@media (max-width:820px){.ob__aside.studio{gap:24px}.ob__aside.studio .ob__welcome{font-size:34px}.stage{min-height:300px;display:block}.mock--feed{position:relative;left:50%;transform:translateX(-50%) rotateY(-10deg) rotateX(3deg);margin:8px auto 0}.mock--story{left:-2%;transform:scale(.85) rotateY(20deg) rotate(-6deg)}.mock--reel{right:-2%;transform:scale(.85) rotateY(-22deg) rotate(6deg)}}