:root{--bg: #0b0f12;--panel: #10191b;--panel-2: #172527;--ink: #f3f5f8;--ink-soft: #cfd9d8;--dim: #8a9a99;--faint: #64726f;--accent: #2dd4bf;--accent-strong: #22bfab;--accent-soft: rgba(45, 212, 191, .14);--accent-ink: #8ff0e2;--accent-contrast: #062a2b;--mint: #0f9f6e;--mint-soft: rgba(15, 159, 110, .16);--danger: #e5646b;--danger-soft: rgba(229, 100, 107, .14);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--radius: 14px;--radius-sm: 10px;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .4);--shadow-card: 0 18px 48px rgba(0, 0, 0, .5);--rail-w: 224px;--preview-w: 400px;color-scheme:dark;--surface: var(--panel);--surface-2: var(--panel-2);--acc: var(--accent);--acc-strong: var(--accent-strong);--acc-soft: var(--accent-soft);--acc-ink: var(--accent-ink);--acc-contrast: var(--accent-contrast);--ok: #3ccf95}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);background-image:linear-gradient(135deg,#0b0f12,#0f2b30 60%,#16564f);background-attachment:fixed;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:-.01em}h1{font-family:Sora,Inter,ui-sans-serif,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.03em}h2{font-family:Sora,Inter,ui-sans-serif,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.02em}h3{font-size:15px;font-weight:700}p{margin:0}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.shell{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);min-height:100vh}.rail{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:18px 14px;background:#0b0f128c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--border)}.rail__brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;color:var(--ink);font-family:Sora,Inter,ui-sans-serif,sans-serif;font-weight:800;font-size:15px}.rail__brand:hover{text-decoration:none}.rail__brand small{color:var(--dim);font-weight:500}.rail__brand-link{display:inline-flex;align-items:center;gap:10px;color:inherit;font:inherit}.rail__brand-link:hover,.rail__brand-by:hover{text-decoration:none}.rail__brand-by:hover small{color:var(--ink)}.rail__mark{width:28px;height:28px;border-radius:8px;background:#0b2b2a;display:grid;place-items:center;flex:none}.rail__nav{display:flex;flex-direction:column;gap:2px}.rail__link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--ink-soft);font-weight:500;border:none;background:none;text-align:left;font:inherit;cursor:pointer}.rail__link:hover{background:var(--panel-2);text-decoration:none}.rail__link.on{background:var(--accent-soft);color:var(--ink)}.rail__link .dot{width:8px;height:8px;border-radius:50%;background:var(--dim);flex:none}.rail__link.on .dot{background:var(--accent)}.rail__spacer{flex:1}.rail__user{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.rail__who{display:flex;align-items:center;gap:10px;padding:0 4px;min-width:0}.rail__avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;flex:none}.rail__name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail__credits{color:var(--dim);font-size:12px}.rail__foot{display:flex;gap:10px;flex-wrap:wrap;padding:6px 4px 0;color:var(--faint);font-size:12px}.rail__foot a{color:var(--faint)}.rail__foot .powered-by{flex-basis:100%}.main{min-width:0;display:grid;grid-template-columns:minmax(0,1fr)}.main--split{grid-template-columns:minmax(0,1fr) var(--preview-w)}@media(min-width:1500px){.main--split{grid-template-columns:minmax(520px,1fr) minmax(560px,46%)}}@media(min-width:1900px){.main--split{grid-template-columns:minmax(560px,1fr) minmax(720px,50%)}}.work{min-width:0;padding:28px 32px 48px;max-width:980px;width:100%}.preview{position:sticky;top:0;height:100vh;border-left:1px solid var(--border);background:#0b0f1273;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column}.topbar{display:none}@media(max-width:1279px){.main--split{grid-template-columns:minmax(0,1fr)}.preview{display:none}}@media(max-width:899px){.shell{grid-template-columns:minmax(0,1fr)}.rail{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.topbar__nav{display:flex;gap:4px;overflow-x:auto}.topbar__nav .rail__link{padding:7px 10px;font-size:13px;white-space:nowrap}.topbar__nav .dot{display:none}.work{padding:18px 16px 40px}}.panel{background:#10191bd1;border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px}.panel+.panel{margin-top:14px}.panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.hint{color:var(--dim);font-size:13px}.muted{color:var(--dim)}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grow{flex:1;min-width:0}.error-text{color:var(--danger);font-size:13px}.error-text .btn{margin-left:8px;vertical-align:middle}.ok-text{color:var(--ok);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:10px;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;transition:background .15s,transform .1s,border-color .15s;white-space:nowrap}.btn:hover:not(:disabled){background:#1f2333;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-mint{background:var(--mint);border-color:var(--mint);color:#fff}.btn-mint:hover:not(:disabled){background:#0c8a5f}.btn-danger{color:var(--danger);border-color:#e5646b66;background:transparent}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-ghost{background:transparent}.link-btn{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}.link-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn-sm{padding:6px 11px;font-size:13px;border-radius:8px}.btn-lg{padding:12px 22px;font-size:15px;border-radius:12px}.input,.textarea,.select{width:100%;background:var(--bg);border:1px solid var(--border-strong);border-radius:10px;color:var(--ink);padding:10px 12px;font:inherit;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{min-height:120px;resize:vertical;line-height:1.5}.input--inline{width:auto}.field{display:flex;flex-direction:column;gap:6px}.field>label,.label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.field--row{flex-direction:row;align-items:center;gap:10px}.field--row>label{flex:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--panel-2);color:var(--dim);border:1px solid var(--border)}.badge--live{background:var(--mint-soft);color:#3ccf95;border-color:transparent}.badge--accent{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.spinner{width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:flex;align-items:center;gap:10px;color:var(--dim);padding:40px 0}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{width:38px;height:22px;border-radius:999px;background:var(--border-strong);position:relative;transition:background .15s;flex:none}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked+.switch__track{background:var(--mint)}.switch input:checked+.switch__track:after{transform:translate(16px)}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:700}.table tr:last-child td{border-bottom:none}.table td.num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.table .actions{display:flex;gap:6px;justify-content:flex-end}.table a.addr{color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.home{display:flex;flex-direction:column;gap:26px}.home__hero h1{font-size:32px;margin-bottom:8px}.home__hero p{color:var(--dim);font-size:16px;max-width:560px}.doors{display:grid;grid-template-columns:1fr 1fr;gap:16px}.door{display:flex;flex-direction:column;gap:12px;padding:22px;min-height:340px}.door__eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}.door h2{font-size:20px}.door p{color:var(--dim)}.door__body{flex:1;display:flex;flex-direction:column;gap:10px}.door__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.door .textarea{min-height:132px;flex:1}.message{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:12.5px;color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;max-height:190px;overflow:auto;line-height:1.55}.home__same{display:flex;align-items:center;gap:12px;color:var(--dim);font-size:14px;padding:4px 2px}.home__same:before,.home__same:after{content:"";flex:1;height:1px;background:var(--border)}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.how__step{padding:14px 16px}.how__num{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-weight:800;font-size:12px;display:grid;place-items:center;margin-bottom:8px}.how__step h3{margin-bottom:4px}.how__step p{color:var(--dim);font-size:13px}@media(max-width:899px){.doors,.how{grid-template-columns:1fr}.home__hero h1{font-size:26px}}.describe{max-width:720px}.describe .textarea{min-height:160px;font-size:15px}.describe__count{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-top:-6px}.describe__count--over .hint:first-child{color:var(--danger)}.examples{display:flex;gap:8px;flex-wrap:wrap}.examples button{font-size:12.5px;padding:5px 10px;border-radius:999px}.app-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.app-head__title{display:flex;flex-direction:column;gap:6px;min-width:0}.app-head__title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px}.app-head__addr{color:var(--dim);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 14px;border:none;background:none;color:var(--dim);font:inherit;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.tab:hover{color:var(--ink)}.tab.on{color:var(--ink);border-bottom-color:var(--accent)}.tab__pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.plan-doc{display:flex;flex-direction:column;gap:18px;font-size:15px;line-height:1.6}.plan-edit{display:flex;flex-direction:column;gap:16px}.plan-edit__field{display:flex;flex-direction:column;gap:6px}.plan-edit__label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:700}.plan-edit__section{display:flex;flex-direction:column;gap:8px}.plan-edit__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.plan-edit__row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.plan-edit__row .input{min-width:140px}.plan-ask{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.plan-doc__lead{font-size:17px;color:var(--ink)}.plan-doc__assumed{font-size:13.5px;color:var(--ink-soft)}.plan-doc__assumed span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-right:6px}.plan-doc section h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}.plan-doc ul{margin:0;padding-left:18px;color:var(--ink-soft)}.plan-doc li{margin:2px 0}.plan-doc li strong{color:var(--ink)}.plan-doc__yes{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--border)}.plan-doc__meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:899px){.plan-doc__meta{grid-template-columns:1fr}}.name-slug{display:grid;grid-template-columns:1fr 1.5fr auto;gap:12px;align-items:end}@media(max-width:899px){.name-slug{grid-template-columns:1fr}}.steps{display:flex;flex-direction:column;gap:0}.step{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.step:last-child{border-bottom:none}.step__icon{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-strong);display:grid;place-items:center;font-size:12px;margin-top:2px}.step--done .step__icon{background:var(--mint);border-color:var(--mint);color:#fff}.step--doing .step__icon{border-color:var(--accent)}.step--doing .step__icon:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.step--failed .step__icon{background:var(--danger);border-color:var(--danger);color:#fff}.step--todo{opacity:.55}.step__label{font-weight:600}.step__detail{color:var(--dim);font-size:13px}.build-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.preview__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.preview__title{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}.seg{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px}.seg button{border:none;background:none;color:var(--dim);font:inherit;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;cursor:pointer}.seg button.on{background:var(--panel-2);color:var(--ink)}.preview__body{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;padding:14px;background:var(--bg);overflow:auto}.frame{background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--border-strong);box-shadow:var(--shadow-card);width:100%;height:100%}.frame--phone{width:375px;height:700px;max-width:100%;max-height:100%;border-radius:26px;position:relative;flex:none}.frame--dragging iframe{pointer-events:none}.frame__grip{position:absolute;z-index:2;background:transparent}.frame__grip--x{top:0;right:-6px;width:12px;height:100%;cursor:ew-resize}.frame__grip--y{left:0;bottom:-6px;height:12px;width:100%;cursor:ns-resize}.frame__grip--xy{right:-6px;bottom:-6px;width:18px;height:18px;cursor:nwse-resize}.frame__grip--xy:after{content:"";position:absolute;right:8px;bottom:8px;width:8px;height:8px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);border-radius:0 0 3px;opacity:.8}.frame iframe{width:100%;height:100%;border:0;display:block;background:#fff}.frame--empty{display:grid;place-items:center;color:var(--dim);text-align:center;padding:24px;background:var(--panel-2)}.change-box{display:flex;gap:10px;align-items:flex-start}.change-box .textarea{min-height:72px}@media(max-width:899px){.change-box{flex-direction:column}.change-box .btn{align-self:flex-end}}.collections{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.records th,.records td{padding:8px 10px}.records td{max-width:220px;overflow-wrap:anywhere}.records td:last-child,.records td:nth-last-child(2),.records td.nw{white-space:nowrap}.where{display:grid;gap:10px}.where__opt{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg)}.where__opt.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.where__opt.off{opacity:.55;cursor:default}.where__radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);margin-top:2px;flex:none;display:grid;place-items:center}.where__opt.on .where__radio{border-color:var(--accent)}.where__opt.on .where__radio:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.where__opt strong{display:block}.where__opt span{color:var(--dim);font-size:13px}.slug-row{display:flex;align-items:center;gap:0}.slug-row .input{border-radius:10px 0 0 10px}.slug-row .suffix{padding:10px 12px;border:1px solid var(--border-strong);border-left:none;border-radius:0 10px 10px 0;background:var(--panel-2);color:var(--dim);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;white-space:nowrap}.live-addr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;background:var(--mint-soft);border-radius:var(--radius-sm)}.live-addr a{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;overflow-wrap:anywhere;min-width:0}.snippet{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:12.5px;color:var(--ink-soft);white-space:pre-wrap;word-break:break-all;margin:0}.limits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:899px){.limits{grid-template-columns:1fr}}.versions .table td:first-child{font-weight:700}.gate{text-align:center;padding:48px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.gate p{color:var(--dim);max-width:420px}.legal{max-width:720px;display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.65}.legal h2{margin-top:8px}.legal p{color:var(--ink-soft)}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--panel-2);color:var(--ink);border:1px solid var(--border-strong);border-radius:10px;padding:9px 14px;font-size:13px;box-shadow:var(--shadow-card);z-index:80}.wallet-shell{display:flex;flex-direction:column;gap:18px;max-width:900px}.wallet-hero{padding:26px 28px}.wallet-hero__title{margin:0;font-size:24px}.wallet-hero__subtitle{margin:4px 0 0;color:var(--dim);font-size:14px}.wallet-hero__main{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:18px}.wallet-hero__balanceLabel{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.wallet-hero__balanceValue{font-size:40px;font-weight:800;color:var(--ink);line-height:1.1;margin-top:4px}.wallet-hero__creditsWord{font-size:17px;font-weight:600;color:var(--dim)}.wallet-hero__balanceUsd{font-size:15px;font-weight:600;color:var(--faint)}.wallet-hero__chip{display:inline-flex;margin:10px 8px 0 0;padding:5px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--ink-soft);font-size:13px}.wallet-hero__actions{display:flex;gap:10px}.wallet-hero__cta{min-width:130px}.wallet-hero__note{margin:12px 0 0;color:var(--dim);font-size:13.5px}.subs{padding:26px 28px}.subs__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.subs__title{margin:0;font-size:19px}.subs__subtitle{margin:4px 0 0;color:var(--dim);font-size:14px}.subs__currentBanner{align-self:center;padding:8px 14px;border-radius:999px;background:var(--acc-soft);border:1px solid var(--border);color:var(--ink-soft);font-size:13.5px;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.subs__link{border:none;background:none;color:var(--acc-ink);font-weight:700;font-size:13.5px;cursor:pointer;padding:0;text-decoration:underline}.subs__link:disabled{opacity:.6;cursor:default}.subs__toggle{display:inline-flex;align-self:center;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px}.subs__toggleBtn{border:none;background:transparent;padding:7px 16px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--dim);cursor:pointer}.subs__toggleBtn--active{background:var(--bg);color:var(--acc-ink)}.subs__save{font-size:11.5px;font-weight:800;color:var(--ok);margin-left:4px}.subs__notice{margin-top:14px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--acc-soft);border:1px solid var(--border);color:var(--ink-soft);font-size:13.5px}.subs__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:18px}.subs-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 16px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.subs-card--popular{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}.subs-card--current{border-color:var(--border-strong);background:var(--surface-2)}.subs-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--acc);color:var(--acc-contrast);font-size:11px;font-weight:800;letter-spacing:.03em;padding:3px 10px;border-radius:999px;white-space:nowrap}.subs-card__name{font-size:16px;font-weight:800;color:var(--ink)}.subs-card__tagline{color:var(--dim);font-size:12.5px;min-height:2.4em}.subs-card__priceRow{display:flex;align-items:baseline;gap:3px;margin-top:2px}.subs-card__price{font-size:26px;font-weight:800;color:var(--ink)}.subs-card__per{color:var(--dim);font-size:13px}.subs-card__billedNote{color:var(--faint);font-size:12px}.subs-card__billedSave{color:var(--ok);font-weight:700}.subs-card__credits{margin-top:6px;font-size:13.5px;color:var(--ink-soft)}.subs-card__creditsNum{font-weight:800;color:var(--ink)}.subs-card__creditsPer{color:var(--dim)}.subs-card__bonus{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--acc-soft);color:var(--acc-ink);font-size:11.5px;font-weight:700}.subs-card__perks{margin:8px 0 12px;padding:0 0 0 18px;color:var(--ink-soft);font-size:13px;display:flex;flex-direction:column;gap:4px}.subs-card__cta{margin-top:auto;border-radius:10px;padding:9px 12px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit}.subs-card__cta--primary{background:var(--acc);color:var(--acc-contrast);border:1px solid var(--acc)}.subs-card__cta--primary:hover:not(:disabled){background:var(--acc-strong)}.subs-card__cta--ghost{background:var(--surface);color:var(--acc-ink);border:1px solid var(--border-strong)}.subs-card__cta:disabled{opacity:.6;cursor:default}.subs__footnote{margin:16px 0 0;color:var(--faint);font-size:12.5px}.wallet-table{margin-top:12px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.wallet-table__head,.wallet-table__row{display:grid;grid-template-columns:1.2fr 1.2fr .6fr;gap:10px;padding:9px 14px;font-size:13.5px}.wallet-table__head{background:var(--surface-2);font-weight:700;color:var(--dim);font-size:12.5px}.wallet-table--usage .wallet-table__head,.wallet-table--usage .wallet-table__row{grid-template-columns:1.6fr 1fr .6fr .6fr}.wallet-table__row--total{font-weight:700;border-top:1px solid var(--border-strong)}.wallet-table__row{border-top:1px solid var(--border);color:var(--ink-soft)}.wallet-table__num{text-align:right;font-variant-numeric:tabular-nums}.wallet-empty{margin-top:8px}.wallet-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:18px}.wallet-pay-dialog{width:min(430px,100%);max-height:92vh;overflow:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-card)}.wallet-pay-dialog__hero{padding:20px 22px 16px;background:var(--acc-soft)}.wallet-pay-dialog__heroTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.wallet-pay-dialog__title{margin:0;font-size:19px;color:var(--ink)}.wallet-pay-dialog__subtitle{margin:3px 0 0;color:var(--dim);font-size:13.5px}.wallet-pay-dialog__close{border:none;background:none;color:var(--dim);font-size:24px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:8px}.wallet-pay-dialog__close:hover:not(:disabled){background:var(--surface)}.wallet-pay-dialog__balanceChip{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:5px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:13px;color:var(--dim)}.wallet-pay-dialog__balanceChip strong{color:var(--ink)}.wallet-pay-dialog__body{padding:18px 22px 20px;display:flex;flex-direction:column;gap:14px}.wallet-pay-dialog__sectionLabel{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.wallet-pay-dialog__amountGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wallet-pay-dialog__amountPill{border:1px solid var(--border-strong);background:var(--bg);color:var(--ink);border-radius:10px;padding:9px 6px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.wallet-pay-dialog__amountPill--active{border-color:var(--acc);color:var(--acc-ink);background:var(--acc-soft);box-shadow:0 0 0 2px var(--acc-soft)}.wallet-pay-dialog__amountPill--custom{font-size:12.5px}.wallet-pay-dialog__customRow{display:flex;align-items:center;gap:6px;margin-top:10px}.wallet-pay-dialog__currency{font-weight:800;color:var(--dim)}.wallet-pay-dialog__customInput{flex:1;border:1px solid var(--border-strong);border-radius:10px;padding:9px 12px;font-size:15px;background:var(--bg);color:var(--ink);font-family:inherit}.wallet-pay-dialog__customInput:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}.wallet-pay-dialog__rateHint{margin:8px 0 0;color:var(--faint);font-size:12.5px}.wallet-pay-dialog__summary{text-align:center;padding:10px;border-radius:var(--radius-sm);background:var(--surface-2)}.wallet-pay-dialog__summaryCredits{font-size:22px;font-weight:800;color:var(--ink)}.wallet-pay-dialog__summaryCreditsLabel{font-size:13px;font-weight:600;color:var(--dim);margin-left:6px}.wallet-pay-dialog__alert{padding:9px 13px;border-radius:var(--radius-sm);background:var(--danger-soft);border:1px solid rgba(229,100,107,.35);color:var(--danger);font-size:13.5px}.wallet-pay-dialog__panel{border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.wallet-pay-dialog__panelTitle{font-weight:800;font-size:13.5px;color:var(--ink);margin-bottom:6px}.wallet-pay-dialog__panelHint{margin:0 0 12px;color:var(--dim);font-size:12.5px}.wallet-pay-dialog__disabledNote{color:var(--dim);font-size:13.5px;opacity:.85}.wallet-pay-dialog__cta{width:100%}.wallet-pay-dialog__footer{margin:0;color:var(--faint);font-size:12px;text-align:center}.wallet-pay-dialog__confirm{display:flex;align-items:center;gap:14px;padding:18px 6px}.wallet-pay-dialog__confirm p{margin:3px 0 0;color:var(--dim);font-size:13px}.wallet-confirm{width:min(430px,100%);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:22px}.wallet-confirm__title{margin:0 0 8px;font-size:17px;color:var(--ink)}.wallet-confirm__message{margin:0 0 18px;color:var(--ink-soft);font-size:14px;line-height:1.5}.wallet-confirm__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.h1home{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;min-height:calc(100vh - 80px)}.h1home__left{display:flex;flex-direction:column;gap:18px}.h1home__title{font-size:clamp(30px,3.6vw,46px);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:0}.h1home__box{position:relative;background:var(--panel);border:1px solid rgba(165,180,252,.28);border-radius:16px;padding:4px;box-shadow:0 0 0 6px #818cf814}.h1home__box--demo{box-shadow:0 0 0 6px #818cf824}.h1home__input{width:100%;min-height:128px;background:transparent;border:0;color:var(--ink);font:inherit;font-size:19px;line-height:1.45;padding:14px 16px;resize:vertical;outline:none}.h1home__input::placeholder{color:var(--faint)}.h1home__caret{position:absolute;right:18px;bottom:18px;width:2px;height:1.1em;background:var(--ink);animation:h1caret 1s steps(1) infinite}@keyframes h1caret{0%,49%{opacity:1}50%,to{opacity:0}}.h1home__row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.h1home__count{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-top:-8px;font-size:13px;color:var(--dim)}.h1home__count--over>span:first-child{color:var(--danger)}.h1home__start{font-weight:800;padding:12px 20px}.h1home__ex{background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--dim);font-size:12px;padding:6px 11px;cursor:pointer}.h1home__ex:hover{color:var(--ink);border-color:var(--accent)}.h1home__alt{color:var(--dim);font-size:13px;margin:0;max-width:52ch}.h1home__link{background:none;border:0;padding:0;color:var(--accent-ink, #c7d2fe);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.h1home__plan{background:#f7f7fb;color:#151735;border-radius:16px;padding:26px 28px;display:flex;flex-direction:column;gap:10px;box-shadow:0 40px 80px -30px #000c;min-height:460px}.h1home__plan-k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7d81a3;font-weight:700}.h1home__plan-t{font-size:26px;font-weight:800;letter-spacing:-.02em;min-height:1.3em}.h1home__sec{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:9px 0;border-top:1px solid #e6e6f0;font-size:13.5px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}.h1home__sec b{color:#151735}.h1home__sec--in{opacity:1;transform:none}.h1home__yes{margin-top:auto;display:flex;align-items:center;gap:14px;opacity:0;transition:opacity .5s}.h1home__yes--in{opacity:1}.h1home__yesbtn{background:#151735;color:#fff;border-radius:10px;padding:10px 16px;font-weight:700;font-size:14px}.h1home__plan-note{font-size:12px;color:#7d81a3}@media(max-width:1000px){.h1home{grid-template-columns:1fr;min-height:0;gap:24px}.h1home__plan{min-height:0}}@media(prefers-reduced-motion:reduce){.h1home__caret{animation:none}}.landing{min-height:100vh;background:#0b0d1a;color:#eef0ff;display:flex;flex-direction:column}.landing__bar{display:flex;align-items:center;justify-content:space-between;padding:22px 44px;font-size:13px}.landing__nav{display:flex;align-items:center;gap:18px;color:#8d93b8}.landing__nav a{color:#8d93b8}.landing__nav a:hover{color:#eef0ff;text-decoration:none}.h1home__stage{flex:1;display:flex;align-items:center;padding:10px 44px 48px}.h1home{width:100%;max-width:1240px;margin:0 auto;min-height:0;grid-template-columns:1.1fr 1fr;gap:48px}.h1home__title{font-size:clamp(34px,3.4vw,44px)}.h1home__box{background:#12152a;border-color:#a0aaff38}.h1home__alt{color:#8d93b8}.h1home__link{color:#c7d2fe}.h1home__ex{border-color:#a0aaff38;color:#8d93b8}.h1home__start{background:#a5b4fc;color:#0b0d1a;border:0}.h1home__plan-t{font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.01em}@media(max-width:1000px){.landing__bar{padding:16px 20px}.h1home__stage{padding:6px 20px 32px}}.landing__bar{flex-wrap:wrap;gap:10px 16px}.landing__bar .rail__brand{flex-wrap:wrap;row-gap:2px}.landing__bar .rail__brand-link,.landing__bar .rail__brand-by small,.landing__nav a,.landing__nav .btn{white-space:nowrap}.landing__nav{margin-left:auto;flex-wrap:wrap;min-width:0}@media(max-width:480px){.landing__nav{gap:12px}}.h1home__stage,.h1home__left,.h1home__plan{min-width:0;max-width:100%}.h1home{min-width:0}.h1home__title,.h1home__lead,.h1home__alt,.h1home__count{overflow-wrap:anywhere}.h1home__sub{margin:-6px 0 0;color:#b4b9d8;font-size:16px;line-height:1.5;max-width:50ch}.h1home__tip{color:#c7d2fe;border-bottom:1px dotted #c7d2fe;cursor:help}.h1home__ex--on{color:#eef0ff;border-color:#a5b4fc}.landing{background:linear-gradient(135deg,#0b0f12,#12343a 55%,#1f7a74);color:#f3f5f8;position:relative}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px 300px at 80% 20%,rgba(45,212,191,.22),transparent 60%)}.landing__bar,.h1home__stage{position:relative}.landing__nav a{color:#f3f5f8ad}.landing__nav a:hover{color:#f3f5f8}.landing__foot{position:relative;margin-top:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;padding:18px 20px 22px;font-size:12px;color:#f3f5f88c}.landing__foot a{color:#f3f5f8ad}.landing__foot a:hover{color:#f3f5f8}.landing .btn-ghost{background:#ffffff14;border-color:#f3f5f83d;color:#f3f5f8}.h1home__title{font-family:Sora,Inter,ui-sans-serif,sans-serif;font-weight:800;letter-spacing:-.035em}.h1home__box{background:#ffffff14;border-color:#f3f5f83d;border-radius:18px;box-shadow:inset 0 1px #ffffff2e,0 20px 50px -20px #0009}.h1home__box--demo{box-shadow:inset 0 1px #ffffff2e,0 20px 50px -20px #0009}.h1home__input{color:#f3f5f8}.h1home__input::placeholder{color:#f3f5f880}.h1home__caret{background:#f3f5f8}.h1home__start{background:#2dd4bf;color:#062a2b;border-radius:12px}.h1home__ex{border-color:#f3f5f83d;color:#f3f5f8ad}.h1home__ex--on,.h1home__ex:hover{color:#f3f5f8;border-color:#2dd4bf}.h1home__alt{color:#f3f5f8ad}.h1home__link,.h1home__tip{color:#7ee8dc;border-color:#7ee8dc}.h1home__plan{background:#f2fbf9;color:#0b2b2a;border-radius:18px;box-shadow:0 40px 90px -30px #000000b3}.h1home__plan-k,.h1home__plan-note{color:#6f8a88}.h1home__plan-t{font-family:Sora,Inter,ui-sans-serif,sans-serif;font-weight:800;letter-spacing:-.02em}.h1home__sec{border-top-color:#dcecea}.h1home__sec b{color:#0b2b2a}.h1home__yesbtn{background:#0b2b2a;color:#f2fbf9;border-radius:12px}.h1home__plan{height:520px;min-height:0;overflow:hidden}@media(max-width:1000px){.h1home__plan{height:auto}}.h1home__steps{list-style:none;margin:auto 0 0;padding:14px 0 0;border-top:1px solid #dcecea;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:#6f8a88;opacity:0;transition:opacity .5s}.h1home__steps--in{opacity:1}.h1home__steps li{display:flex;align-items:center;gap:7px}.h1home__stepn{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:700;border:1px solid #b9d3d0;color:#6f8a88}.h1home__steps li.is-done .h1home__stepn{background:#dcecea;border-color:#dcecea}.h1home__steps li.is-on{color:#0b2b2a;font-weight:700}.h1home__steps li.is-on .h1home__stepn{background:#0b2b2a;border-color:#0b2b2a;color:#f2fbf9}.h1home__plan-t--own{color:#b9d3d0}.h1home__status{display:flex;align-items:center;gap:8px;font-size:13px;color:#6f8a88;min-height:1.5em;margin-bottom:4px}.h1home__dots{display:inline-flex;gap:3px}.h1home__dots i{width:5px;height:5px;border-radius:50%;background:#0f9f8f;animation:h1dots 1s infinite ease-in-out}.h1home__dots i:nth-child(2){animation-delay:.15s}.h1home__dots i:nth-child(3){animation-delay:.3s}@keyframes h1dots{0%,80%,to{opacity:.25;transform:none}40%{opacity:1;transform:translateY(-2px)}}.h1home__sec--own{align-items:center}.h1home__sec--own b{color:#9bb7b4;transition:color .4s}.h1home__bar{display:block;height:9px;border-radius:5px;background:#e4f0ee;transition:background .4s}.h1home__sec--awake b{color:#0b2b2a}.h1home__sec--awake .h1home__bar{background:linear-gradient(90deg,#cfe6e2,#9fd8cf,#cfe6e2);background-size:200% 100%;animation:h1bar 2.4s linear infinite}.h1home__plan--typing .h1home__sec--awake .h1home__bar{animation-duration:.9s}@keyframes h1bar{0%{background-position:200% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.h1home__dots i,.h1home__sec--awake .h1home__bar{animation:none}}@media(max-width:1000px){.h1home{grid-template-columns:1fr;gap:24px}}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg, #0b0f12);display:flex;flex-direction:column}.preview--sheet{position:static;height:100%;border-left:0}.preview-fab{position:fixed;right:16px;bottom:16px;z-index:20;border-radius:999px;padding:12px 20px;box-shadow:0 10px 30px -8px #0009}@media(max-width:1279px){.sheet .preview{display:flex}}@media(max-width:599px){.preview--sheet .preview__title{display:none}}@media(max-width:599px){.sheet .preview__body{padding:0}.frame--fill{width:100%;height:100%;border-radius:0;border:0}}@media(max-width:1279px){.main--split .work{padding-bottom:96px}}.check{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--accent)}.checks{display:flex;flex-wrap:wrap;gap:8px 18px;padding-left:24px}.time-left{color:var(--accent-ink);font-variant-numeric:tabular-nums}.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:4px}.tier{display:grid;gap:2px;text-align:left;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:transparent;color:var(--ink);cursor:pointer}.tier:hover{border-color:var(--accent)}.tier--on{border-color:var(--accent);background:var(--accent-soft)}.tier__label{font-weight:700}.tier__hint{color:var(--dim);font-size:12px}@media(max-width:480px){.tiers{grid-template-columns:1fr}}.tiers__balance{grid-column:1 / -1;color:var(--dim);font-size:13px}.btn--pulse{animation:btnpulse .6s ease-in-out 3}@keyframes btnpulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 6px var(--accent-soft);transform:scale(1.04)}}.status-word{font-size:13px;font-weight:600;color:var(--dim)}.status-word--live{color:#3ccf95}.status-word--danger{color:var(--danger)}.frame--building{position:relative}.frame__band{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;color:var(--ink);background:#0b0f12d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border)}.frame__band:before{content:"";position:absolute;left:0;top:-2px;height:2px;width:40%;background:var(--accent);animation:bandrun 1.6s ease-in-out infinite}@keyframes bandrun{0%{transform:translate(-100%)}to{transform:translate(260%)}}.frame__wait{position:relative;text-align:center;padding:24px}.frame__shimmer{width:min(320px,70vw);height:8px;margin:0 auto 18px;border-radius:4px;background:linear-gradient(90deg,var(--border-strong) 0%,var(--accent-soft) 40%,var(--accent) 50%,var(--accent-soft) 60%,var(--border-strong) 100%);background-size:220% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@media(prefers-reduced-motion:reduce){.frame__band:before,.frame__shimmer{animation:none}}.h1home__lead{color:var(--ink-soft);font-size:17px;line-height:1.5;max-width:34rem;margin:-6px 0 18px}.h1home__brand{color:var(--accent)}.h1home__plan--app{animation:h1appin .5s ease both}.h1home__plan--app .mock{flex:1 1 auto;min-height:0;overflow:hidden}@keyframes h1appin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mock{--m-acc: #0e7c86;--m-soft: #dff3f4;--m-paper: #f7fbfb;--m-ink: #10333a;border:1px solid #e3e3ec;border-radius:12px;background:#fff;overflow:hidden;font-family:Inter,system-ui,sans-serif;color:var(--m-ink);box-shadow:0 18px 40px -24px #00000073;display:flex;flex-direction:column}.mock--serif .mock__title,.mock--serif .mock__photo-t,.mock--serif .mock__brand{font-family:Fraunces,Georgia,serif}.mock--mono .mock__ph b,.mock--mono .mock__stats b{font-family:ui-monospace,monospace}.mock__chrome{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#f4f4f9;border-bottom:1px solid #e3e3ec}.mock__dots{display:inline-flex;gap:5px}.mock__dots i{width:9px;height:9px;border-radius:50%;background:#d9d9e3}.mock__url{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6f7391;background:#fff;border:1px solid #e3e3ec;border-radius:6px;padding:4px 8px;transition:background .5s,color .5s,border-color .5s}.mock__url b{color:#fff;background:#0f9f6e;border-radius:999px;padding:1px 7px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:scale(.8);transition:opacity .4s,transform .4s}.mock--live .mock__url{background:#e6f7f0;color:#0b5c40;border-color:#bfe8d6}.mock--live .mock__url b{opacity:1;transform:none}.mock__page{background:var(--m-paper);flex:1;min-height:0}.mock__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(0,0,0,.06);background:#fff}.mock__brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;white-space:nowrap}.mock__brand i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--m-acc);color:#fff;font-style:normal;font-size:12px;font-weight:800}.mock__nav{display:flex;gap:4px}.mock__nav em{font-style:normal;font-size:11px;color:#6f7391;padding:4px 9px;border-radius:999px;white-space:nowrap}.mock__nav em.on{background:var(--m-soft);color:var(--m-acc);font-weight:700}.mock__eyebrow{display:inline-block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--m-acc);font-weight:700}.mock__title{margin:0;font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.1}.mock__lead{margin:5px 0 0;font-size:12px;color:#5b5f7c;line-height:1.45}.mock__btn{display:inline-block;background:var(--m-acc);color:#fff;font-size:12px;font-weight:700;padding:8px 13px;border-radius:9px;box-shadow:0 8px 18px -10px var(--m-acc)}.mock__bar--centre{flex-direction:column;gap:6px;padding:10px 14px 8px}.mock__tabs{display:flex;gap:14px}.mock__tabs em{font-style:normal;font-size:11px;color:#6f7391;padding-bottom:3px;border-bottom:2px solid transparent}.mock__tabs em.on{color:var(--m-ink);font-weight:600;border-color:var(--m-acc)}.mock__sheet{max-width:330px;margin:0 auto;padding:14px 14px 10px;text-align:center;display:grid;gap:6px;justify-items:center}.mock__steps{display:flex;gap:12px;margin:2px 0 4px;padding:0;list-style:none;font-size:10.5px;color:#6f7391}.mock__steps li{display:inline-flex;align-items:center;gap:5px}.mock__steps li.on{color:var(--m-ink);font-weight:600}.mock__steps b{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e6e6ef;font-size:9px}.mock__steps li.on b{background:var(--m-soft);color:var(--m-acc);box-shadow:0 0 0 1px var(--m-acc) inset}.mock--form .mock__card{width:100%;text-align:left;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:12px;display:grid;gap:8px;box-shadow:0 10px 24px -20px #00000080}.mock--form .mock__card label{display:grid;gap:4px;font-size:11px;color:#6f7391}.mock--form .mock__card label i{display:block;height:24px;border:1px solid #dcdce6;border-radius:7px;background:#fbfbfe}.mock--form .mock__btn{justify-self:start}.mock__note{margin:2px 0 0;font-size:10.5px;color:#8a8ea8}.mock__filters{display:flex;align-items:center;gap:6px;padding:10px 14px 4px}.mock__search{flex:1;font-size:11px;color:#8a8ea8;background:#fff;border:1px solid #dcdce6;border-radius:8px;padding:6px 9px}.mock__filters em{font-style:normal;font-size:10.5px;color:var(--m-ink);background:#fff;border:1px solid #dcdce6;border-radius:999px;padding:4px 8px;white-space:nowrap}.mock__masonry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px 14px 12px;align-items:start}.mock__photo{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden;box-shadow:0 10px 24px -20px #00000080}.mock__img{position:relative;height:86px;background:linear-gradient(135deg,hsl(var(--c-hue) 65% 82%),hsl(calc(var(--c-hue) + 40) 60% 60%))}.mock__photo--tall .mock__img{height:118px}.mock__img b{position:absolute;right:6px;bottom:6px;background:#ffffffeb;color:var(--m-ink);font-size:10px;border-radius:999px;padding:2px 7px}.mock__photo-t{font-weight:700;font-size:11.5px;padding:7px 8px 0}.mock__photo-m{font-size:10px;color:#6f7391;padding:2px 8px 8px}.mock__page--rail{display:grid;grid-template-columns:124px 1fr}.mock__rail{background:var(--m-ink);color:#fff;padding:10px 8px;display:grid;gap:2px;align-content:start}.mock__brand--rail{color:#fff;font-size:11.5px;margin:0 4px 8px;white-space:normal;line-height:1.1;text-align:left}.mock__brand--rail i{flex-shrink:0}.mock__rail em{font-style:normal;font-size:10.5px;color:#ffffffb3;padding:5px 8px;border-radius:7px;display:flex;align-items:center;gap:6px}.mock__rail em i{width:8px;height:8px;border-radius:3px;background:currentColor;opacity:.6}.mock__rail em.on{background:#ffffff24;color:#fff;font-weight:600}.mock__canvas{padding:12px;display:grid;gap:10px;align-content:start}.mock__ph{display:flex;align-items:baseline;justify-content:space-between}.mock__ph b{font-size:15px}.mock__ph span{font-size:10.5px;color:#6f7391}.mock__stats{display:grid;grid-auto-flow:column;gap:8px}.mock__stats div{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:9px;padding:6px 9px;display:grid}.mock__stats b{font-size:15px;letter-spacing:-.02em}.mock__stats span{font-size:10px;color:#6f7391}.mock__cols{display:grid;grid-template-columns:1.5fr 1fr;gap:8px}.mock__table{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:9px;overflow:hidden}.mock__row{display:grid;grid-template-columns:58px 1fr auto;gap:6px;align-items:center;padding:7px 8px;font-size:10px;border-top:1px solid rgba(0,0,0,.05)}.mock__row:first-child{border-top:0}.mock__row span:first-child{font-weight:600}.mock__row span{color:#4a4f6a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mock__row em{font-style:normal;font-size:9px;color:var(--m-acc);background:var(--m-soft);border-radius:999px;padding:1px 6px}.mock__timeline{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:9px;padding:8px 8px 8px 10px;display:grid;gap:8px;align-content:start}.mock__timeline div{display:grid;grid-template-columns:8px 1fr;gap:2px 6px;font-size:10px}.mock__timeline b{font-weight:600}.mock__timeline span{grid-column:2;color:#8a8ea8;font-size:9.5px}.mock__timeline i{grid-row:span 2;width:8px;height:8px;border-radius:50%;background:var(--m-acc);margin-top:3px}.mock__talk{display:grid;grid-template-columns:1fr 120px;gap:10px;padding:10px 14px}.mock__thread{display:grid;gap:6px;align-content:start}.mock__title--centre,.mock__lead--centre{text-align:center}.mock__lead--centre{margin-bottom:2px}.mock__prompts{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.mock__prompts em{font-style:normal;font-size:10.5px;background:#fff;border:1px solid #dcdce6;border-radius:999px;padding:4px 9px}.mock__msg{margin:0;font-size:11.5px;line-height:1.35;padding:7px 11px;border-radius:12px 12px 12px 4px;background:#fff;border:1px solid rgba(0,0,0,.06);max-width:88%}.mock__msg.me{justify-self:end;border-radius:12px 12px 4px;background:var(--m-acc);color:#fff;border-color:transparent}.mock__input{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #dcdce6;border-radius:12px;padding:7px 10px;font-size:11px;color:#8a8ea8;box-shadow:0 8px 20px -16px #00000080}.mock__input i{width:20px;height:20px;border-radius:6px;background:var(--m-acc)}.mock__side{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:9px 10px;display:grid;gap:5px;align-content:start;font-size:10.5px}.mock__side b{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8a8ea8}.mock__side span{color:var(--m-acc)}.w{position:relative}.w:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:6px;background:#e8e8f0;transition:opacity .45s ease;pointer-events:none;z-index:1}.w>*{opacity:0;transition:opacity .45s ease}.w:not(.w--real){color:transparent}.w--now:before{background:#dedef0}.w--real:before{opacity:0}.w--real>*{opacity:1}.w--real{animation:wfill .6s ease}@keyframes wfill{0%{box-shadow:0 0 0 2px var(--m-acc) inset}to{box-shadow:0 0 0 0 transparent inset}}.mock__rail.w:before{top:0;right:0;bottom:0;left:0;border-radius:0}.mock__photo.w:before,.mock__table.w:before,.mock__timeline.w:before,.mock__input.w:before,.mock__stats div.w:before{top:0;right:0;bottom:0;left:0;border-radius:10px}.mock__rail.w:not(.w--real){background:#e8e8f0}.mock__msg.w:not(.w--real){background:#e8e8f0;border-color:transparent}.mock__note,.mock__side,.mock__search{transition:opacity .5s}.mock:not(.mock--live) .mock__note,.mock:not(.mock--live) .mock__side{opacity:.35}@media(max-width:720px){.mock__nav,.mock__side,.mock__timeline{display:none}.mock__talk,.mock__cols{grid-template-columns:1fr}.mock__masonry{grid-template-columns:1fr 1fr}.mock__page--rail{grid-template-columns:1fr}.mock__rail{display:flex;gap:4px;overflow:hidden;padding:8px}.mock__brand--rail{margin:0 6px 0 0}}.yes-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:#10191bf5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.yes-bar__text{flex:1 1 220px;color:var(--ink);font-weight:600;font-size:13.5px}.yes-choice{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%}.yes-choice .tiers{width:100%}.tab--locked,.tab:disabled{color:var(--faint);cursor:not-allowed;opacity:.6}.yes-bar__step{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:999px;background:var(--accent);color:#06201d;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.yes-bar__text{font-weight:600}.yes-bar__tiers{display:inline-flex;border:1px solid var(--border-strong);border-radius:999px;overflow:hidden}.seg{border:none;background:transparent;color:var(--dim);font:inherit;font-weight:600;font-size:13px;padding:6px 12px;cursor:pointer;white-space:nowrap}.seg+.seg{border-left:1px solid var(--border-strong)}.seg--on{background:var(--accent);color:#06201d}.seg__hint{font-weight:500;opacity:.8;margin-left:2px}.seg:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tier__gets{font-size:13px;color:var(--ink)}.plan-change{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.next-steps{margin:12px auto 0;padding-left:20px;text-align:left;display:inline-grid;gap:6px;color:var(--dim);font-size:14px}.next-steps li.done{color:var(--accent);text-decoration:line-through}@media(max-width:600px){.yes-bar__tiers{width:100%}.seg{flex:1;padding:6px 4px}}.yes-bar{display:grid;gap:8px}.yes-bar__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.yes-bar .tiers{margin:0}.yes-bar .tier{padding:8px 12px}.look-step{display:flex;flex-direction:column;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.look-step__head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.look-step__head h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0}.looks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.look-card{display:grid;gap:4px;padding:6px 6px 10px;text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:transparent;color:var(--ink);cursor:pointer;min-width:0}.look-card:hover{border-color:var(--accent)}.look-card--on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.look-card:disabled{cursor:progress;opacity:.8}.look-sketch{display:block;width:100%;height:auto;border-radius:4px;border:1px solid var(--border)}.look-card__name{font-weight:600;font-size:13.5px;margin-top:4px}.look-card__line{font-size:12.5px;color:var(--ink-soft)}.look-card__look{color:var(--faint);text-transform:capitalize}.look-step__row{display:flex;gap:8px;flex-wrap:wrap}.going-live{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2)}.going-live__head{display:flex;align-items:center;gap:8px}.going-live__clock{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.going-live__steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}.going-live__step{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-soft)}.going-live__step--done{color:var(--ink)}.going-live__step--doing{color:var(--ink);font-weight:600}.going-live__mark{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--border-strong);font-size:11px}.going-live__step--done .going-live__mark{background:var(--accent);color:#06201d;border-color:transparent}.going-live__step--doing .going-live__mark{border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--accent-soft);animation:pulse 1.2s ease-in-out infinite}.session-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:8px 16px 0;padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--dim);font-size:13px}.tier--over{opacity:.72;border-style:dashed}.tier__over{color:var(--danger);font-size:12px}.yes-balance{color:var(--danger);font-size:13px}.yes-balance .btn{margin-left:8px}.tier--locked{opacity:.55;border-style:dashed;cursor:not-allowed}.yes-locked{grid-column:1 / -1;color:var(--dim);font-size:13px}.yes-locked .btn{margin-left:8px}
