:root{color-scheme:light;--font-sans:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"Geist Mono",ui-monospace,Menlo,monospace;--ink:#1b1a16;--white:#fff;--paper:#f7f5f0;--n-50:#faf9f5;--n-100:#f4f2ec;--n-200:#e9e5db;--n-300:#d9d3c6;--n-400:#b4aea0;--n-500:#726c5e;--n-600:#565045;--n-700:#403b33;--brand-50:#f5ecda;--brand-600:#a87c3d;--brand-700:#8a6730;--brand-800:#6e4f22;--ponti:var(--brand-600);--ponti-hover:var(--brand-700);--ponti-subtle:var(--brand-50);--ponti-strong:var(--brand-800);--ponti-on:#1a180f;--action:var(--ink);--action-hover:#2c2922;--on-action:var(--paper);--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:999px;--success-bg:#e7f6ef;--success-text:#0b6b47;--success:#16a34a;--warning-bg:#fbf0dc;--warning-text:#8a5300;--danger-bg:#fce9e9;--danger-text:#9b1c1c;--danger:#dc2626;--shadow-sm:0 1px 3px rgba(27,24,18,.08),0 1px 2px rgba(27,24,18,.04);--focus:0 0 0 3px rgba(168,124,61,.38)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--n-100);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit}.mono{background:var(--ponti);border-radius:var(--r-md);display:grid;place-items:center;flex:none;box-shadow:var(--shadow-sm)}.brand{display:flex;align-items:center;gap:10px}.wordmark{font-weight:600;font-size:18px;letter-spacing:-.02em;color:var(--ink)}.wordmark .dot{color:var(--ponti)}.muted{color:var(--n-500);font-size:14px}.field-label{font-size:13px;font-weight:500;margin:14px 0 6px;display:block}.input{width:100%;height:40px;border:1px solid var(--n-300);border-radius:var(--r-md);padding:0 12px;font-family:var(--font-sans);font-size:14px;color:var(--ink);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--brand-600);box-shadow:var(--focus)}.input--area{height:auto;min-height:80px;padding:10px 12px;line-height:1.5;resize:vertical}.input--select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237C8493' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.input--invalid{border-color:var(--danger-text)}.input--invalid:focus{box-shadow:0 0 0 3px rgba(155,28,28,.22)}.field{margin-bottom:4px}.field+.field{margin-top:4px}.field-hint{color:var(--n-500);font-size:12.5px;margin-top:6px}.btn{--btn-h:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-h);padding:0 16px;font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1;letter-spacing:-.01em;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .12s cubic-bezier(.16,1,.3,1),background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.btn svg{width:16px;height:16px}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn--sm{--btn-h:32px;padding:0 12px;font-size:13px}.btn--primary{background:var(--action);color:var(--on-action);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 2px rgba(27,20,8,.22)}.btn--primary:hover{background:var(--action-hover)}.btn--secondary{background:#fff;color:var(--ink);border-color:var(--n-300);box-shadow:0 1px 2px rgba(14,17,22,.05)}.btn--secondary:hover{background:var(--n-50);border-color:var(--n-400)}.btn--ghost{background:transparent;color:var(--n-600);border-color:var(--n-200)}.btn--ghost:hover{background:var(--n-50);color:var(--ink);border-color:var(--n-300)}.btn--danger{background:var(--danger);color:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 1px 2px rgba(60,12,12,.2)}.btn--danger:hover{background:#c81e1e}.err{color:var(--danger-text);font-size:13px;margin-top:8px}.login{min-height:100dvh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--ink)}.login-canvas{position:relative;overflow:hidden;background:#16150f;color:#fff;padding:40px 44px;display:flex;flex-direction:column;justify-content:space-between}.login-canvas .wordmark{color:#fff;font-size:18px;position:relative;z-index:2}.login-canvas .wordmark .dot{color:#cba563}.bridge-wrap{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.bridge{width:88%;max-width:580px;height:auto}.bridge .line{stroke:hsla(0,0%,100%,.3);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.bridge .pylon{stroke:hsla(0,0%,100%,.55);animation-delay:.5s}.bridge .deck{animation-delay:.15s}.bridge .stays{animation-delay:.85s}.bridge .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:bridge-draw 1.7s cubic-bezier(.16,1,.3,1) forwards}.bridge .apex{fill:#fff;opacity:0;animation:fade-in .6s 1.2s forwards}.bridge .pulse{stroke:#cba563;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-dasharray:16 504;stroke-dashoffset:520;animation:bridge-pulse 4.6s cubic-bezier(.45,0,.55,1) 2.1s infinite}.canvas-copy{position:relative;z-index:2;max-width:30ch}.canvas-copy h2{font-size:30px;line-height:1.12;font-weight:600;letter-spacing:-.02em}.canvas-copy p{margin-top:12px;color:hsla(0,0%,100%,.58);font-size:15px;line-height:1.6;max-width:34ch}.login-form-side{background:var(--n-50);display:flex;align-items:center;padding:48px}.login-form{width:100%;max-width:360px;margin:0 auto}.login-eyebrow{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--n-500);font-weight:500}.login-h1{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:8px}.login-sub{color:var(--n-500);font-size:14px;margin-top:6px;line-height:1.55}.sent-mark{width:44px;height:44px;border-radius:var(--r-pill);background:var(--success-bg);color:var(--success-text);display:grid;place-items:center;margin-bottom:14px}.sent-mark svg{width:22px;height:22px}.reveal{opacity:0;transform:translateY(10px);animation:reveal .65s cubic-bezier(.16,1,.3,1) forwards}@keyframes bridge-draw{to{stroke-dashoffset:0}}@keyframes bridge-pulse{to{stroke-dashoffset:0}}@keyframes fade-in{to{opacity:1}}@keyframes reveal{to{opacity:1;transform:none}}@media (max-width:860px){.login{grid-template-columns:1fr}.login-canvas{min-height:36vh;padding:26px 22px}.canvas-copy h2{font-size:22px}.login-form-side{background:#fff;padding:32px 22px;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.bridge .apex,.bridge .draw,.reveal{animation:none;opacity:1;transform:none;stroke-dashoffset:0}.bridge .pulse{display:none}}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--n-200);padding:20px 16px;display:flex;flex-direction:column}.sidebar .brand{margin-bottom:26px}.nav{flex-direction:column;gap:2px}.nav,.nav a{display:flex}.nav a{align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-md);color:var(--n-600);font-size:14px;font-weight:500}.nav a:hover{background:var(--n-50)}.nav a.active{background:var(--ponti-subtle);color:var(--ponti-strong)}.nav a svg{width:18px;height:18px;flex:none}.nav-soon{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;color:var(--n-400);font-size:14px;font-weight:500}.nav-soon em{font-style:normal;font-size:11px;background:var(--n-100);color:var(--n-500);padding:2px 7px;border-radius:var(--r-pill)}.spacer{flex:1 1}.main{padding:30px 40px;width:100%}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.page-title{font-size:22px;font-weight:600;letter-spacing:-.02em}.card{background:#fff;border:1px solid var(--n-200);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-sm)}.card-title{font-size:14px;font-weight:600;color:var(--ponti-strong);margin-bottom:6px}.row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--n-100)}.row:last-child{border-bottom:0}.row-name,.row-price{font-weight:500;font-size:14px}.row-price{font-family:var(--font-mono)}.badge{font-size:12px;font-weight:500;padding:3px 10px;border-radius:var(--r-pill);text-transform:lowercase}.badge-active{background:var(--success-bg);color:var(--success-text)}.badge-trial{background:var(--warning-bg);color:var(--warning-text)}.badge-suspended{background:var(--danger-bg);color:var(--danger-text)}.dash{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:44px;gap:44px;align-items:start;max-width:1040px}.dash-main{min-width:0}.dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.dash-title{font-size:22px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.dash-sub{color:var(--n-500);font-size:13px;margin-top:3px;font-family:var(--font-mono)}.dash-actions{display:flex;align-items:center;gap:10px;flex:none}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);position:relative;flex:none}.live-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid var(--success);animation:ping 2.2s cubic-bezier(0,0,.2,1) infinite}.live-dot.sm{width:6px;height:6px}@keyframes ping{0%{transform:scale(.7);opacity:.7}80%,to{transform:scale(2.2);opacity:0}}.statstrip{display:flex;border-top:1px solid var(--n-200);border-bottom:1px solid var(--n-200);margin-bottom:28px}.stat{flex:1 1;padding:13px 18px;border-left:1px solid var(--n-200)}.stat:first-child{border-left:0;padding-left:2px}.stat .k{font-size:12px;color:var(--n-500)}.stat .v{font-size:21px;font-weight:600;letter-spacing:-.02em;margin-top:3px;font-family:var(--font-mono)}.cat-block{margin-bottom:26px}.cat-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2px}.cat-head h2{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--n-500)}.cat-head .count{font-size:12px;color:var(--n-400);font-family:var(--font-mono)}.cat-list{border-top:1px solid var(--n-200)}.crow{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid var(--n-100);border-radius:var(--r-sm);transition:background-color .15s ease}.crow:hover{background:var(--n-50)}.crow .nm{flex:1 1;font-size:14px;font-weight:500}.crow .nm .off{font-size:11px;color:var(--n-500);background:var(--n-100);padding:2px 7px;border-radius:var(--r-pill);margin-left:8px;font-weight:400}.crow .pr{font-family:var(--font-mono);font-size:14px;font-weight:500}.crow.unavailable{opacity:.5}.edit-hint{margin-top:8px;font-size:13px}.empty-state{border:1px dashed var(--n-300);border-radius:var(--r-lg);padding:44px 28px;text-align:center}.empty-state .ico{width:44px;height:44px;border-radius:var(--r-md);background:var(--ponti-subtle);color:var(--ponti-strong);display:grid;place-items:center;margin:0 auto 12px}.empty-state .ico svg{width:22px;height:22px}.r{opacity:0;transform:translateY(8px);animation:reveal .55s cubic-bezier(.16,1,.3,1) forwards}.dash-preview{position:-webkit-sticky;position:sticky;top:30px}.preview-label{font-size:12px;color:var(--n-500);margin-bottom:12px;display:flex;align-items:center;gap:7px}.phone{border:1px solid var(--n-200);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);background:#fff}.phone-hero{background:var(--pv-primary);color:var(--pv-on);padding:18px 16px 15px}.phone-hero h3{font-size:16px;font-weight:600;letter-spacing:-.01em}.phone-hero p{font-size:11px;opacity:.9;margin-top:2px}.phone-body{padding:8px 16px 16px}.phone-cat{font-size:11px;font-weight:600;color:var(--pv-strong);border-bottom:2px solid var(--pv-primary);padding-bottom:4px;margin:10px 0 2px}.phone-item{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--n-100);font-size:12px}.phone-item .pp{font-family:var(--font-mono);color:var(--pv-primary);font-weight:500}.phone-cta{margin-top:12px;background:#25d366;color:#fff;text-align:center;padding:9px;border-radius:9px;font-size:12px;font-weight:600}@media (max-width:1080px){.dash{grid-template-columns:1fr;gap:28px}.dash-preview{position:static;max-width:340px}}@media (max-width:560px){.statstrip{flex-wrap:wrap}.stat{flex:1 1 50%;border-left:0}}@media (prefers-reduced-motion:reduce){.r{animation:none;opacity:1;transform:none}.live-dot:after{animation:none;opacity:0}}.editor{max-width:1040px}.page-head .page-title{font-size:22px}.page-head a{color:var(--ponti);font-weight:500}.banner{border-radius:var(--r-md);padding:11px 14px;font-size:14px;font-weight:500;margin-bottom:18px;border:1px solid transparent}.banner--ok{background:var(--success-bg);color:var(--success-text);border-color:rgba(11,107,71,.18)}.banner--err{background:var(--danger-bg);color:var(--danger-text);border-color:rgba(155,28,28,.18)}.card+.card{margin-top:18px}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:38px;height:22px;border-radius:var(--r-pill);background:var(--n-300);position:relative;flex:none;transition:background-color .18s ease}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(14,17,22,.25);transition:transform .18s cubic-bezier(.16,1,.3,1)}.toggle input:checked+.toggle-track{background:var(--success)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translateX(16px)}.toggle input:focus-visible+.toggle-track{box-shadow:var(--focus)}.toggle-label{font-size:14px;font-weight:500}.toggle--disabled{opacity:.55;cursor:not-allowed}.cat-manage{list-style:none;margin:6px 0 14px;border-top:1px solid var(--n-100)}.cat-manage-row{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--n-100)}.cat-manage-name{flex:1 1;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.cat-manage-name .count{font-size:12px;color:var(--n-400);font-family:var(--font-mono);font-weight:400}.cat-manage-row .input{flex:1 1;height:34px}.cat-manage-actions{display:flex;align-items:center;gap:4px;flex:none}.cat-add{display:flex;gap:8px}.cat-add .input{flex:1 1}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--n-200);background:#fff;border-radius:var(--r-md);color:var(--n-600);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .12s cubic-bezier(.16,1,.3,1)}.icon-btn svg{width:16px;height:16px}.icon-btn:hover:not(:disabled){background:var(--n-50);border-color:var(--n-300);color:var(--ink)}.icon-btn:active:not(:disabled){transform:translateY(1px)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.editor .cat-head{margin-bottom:6px}.editor .crow{gap:14px}.editor .crow .nm{display:flex;flex-direction:column;gap:2px}.editor .crow .nm .desc{font-size:12px;color:var(--n-500);font-weight:400}.drawer-scrim{position:fixed;inset:0;background:rgba(14,17,22,.32);z-index:40;animation:scrim-in .2s ease forwards}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;background:#fff;border-left:1px solid var(--n-200);box-shadow:-8px 0 30px rgba(14,17,22,.12);z-index:41;display:flex;flex-direction:column;animation:drawer-in .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes drawer-in{0%{transform:translateX(20px);opacity:.6}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--n-100)}.drawer-head h2{font-size:16px;font-weight:600;letter-spacing:-.01em}.drawer-close{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:var(--n-500);border-radius:var(--r-md);cursor:pointer}.drawer-close:hover{background:var(--n-50);color:var(--ink)}.drawer-close svg{width:18px;height:18px}.drawer-body{padding:14px 20px;overflow-y:auto;flex:1 1}.drawer-foot{padding:14px 20px;border-top:1px solid var(--n-100);display:flex;justify-content:flex-end;gap:10px}.brand-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:40px;gap:40px;align-items:start}.brand-forms{min-width:0}.brand-preview{position:-webkit-sticky;position:sticky;top:30px}.pickrow{display:flex;align-items:center;gap:10px}.color-chip{width:46px;height:40px;border:1px solid var(--n-300);border-radius:var(--r-md);background:#fff;cursor:pointer;padding:3px;flex:none}.color-chip::-webkit-color-swatch-wrapper{padding:0}.color-chip::-webkit-color-swatch{border:none;border-radius:4px}.hex-input{font-family:var(--font-mono);text-transform:uppercase}.swatches{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}.swatch{width:28px;height:28px;border-radius:var(--r-pill);border:2px solid #fff;box-shadow:0 0 0 1px var(--n-300);cursor:pointer;transition:transform .12s cubic-bezier(.16,1,.3,1)}.swatch:hover{transform:scale(1.08)}.swatch.is-active{box-shadow:0 0 0 2px var(--ponti)}.derived{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:8px}.dsw{border:1px solid var(--n-200);border-radius:var(--r-md);overflow:hidden;font-size:10px;font-family:var(--font-mono)}.dsw .cap{height:38px;display:flex;align-items:flex-end;padding:4px}.dsw .nm{padding:4px 6px;color:var(--n-500)}.contrast{margin-top:14px;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contrast .chip{padding:2px 8px;border-radius:var(--r-pill);font-size:12px;font-weight:500}.contrast .chip--ok{color:var(--success-text);background:var(--success-bg)}.contrast .chip--warn{color:var(--warning-text);background:var(--warning-bg)}@media (max-width:1080px){.brand-grid{grid-template-columns:1fr;gap:28px}.brand-preview{position:static;max-width:340px}}@media (max-width:560px){.cat-manage-row,.editor .crow{flex-wrap:wrap}}.img-up{margin-top:12px}.img-up-row{display:flex;align-items:center;gap:14px;margin-top:6px}.img-up-preview{border:1px solid var(--n-200);border-radius:var(--r-md);background:var(--n-50);overflow:hidden;flex:none;display:grid;place-items:center;color:var(--n-400)}.img-up-preview img{width:100%;height:100%;object-fit:cover;display:block}.img-up-preview svg{width:26px;height:26px}.img-up-preview--square{width:72px;height:72px}.img-up-preview--wide{width:132px;height:72px}.img-up-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qr-controls{display:flex;align-items:flex-end;gap:12px;margin:14px 0 18px;flex-wrap:wrap}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px}.qr-card{border:1px solid var(--n-200);border-radius:var(--r-lg);padding:16px;text-align:center;background:#fff}.qr-card svg{width:150px;height:150px}.qr-label{font-weight:600;font-size:15px;margin-top:10px}.qr-sub{font-size:11px;color:var(--n-500);font-family:var(--font-mono);word-break:break-all;margin-top:2px}@media print{body *{visibility:hidden}.qr-grid,.qr-grid *{visibility:visible}.qr-grid{position:absolute;inset:0;grid-template-columns:repeat(3,1fr);gap:10px}.qr-card{border:1px solid #ccc;page-break-inside:avoid;break-inside:avoid}}.hours-edit{list-style:none}.hours-edit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid var(--n-100)}.hours-edit-row:last-child{border-bottom:0}.hours-edit-row.is-off{opacity:.7}.hours-edit-times{display:flex;align-items:center;gap:8px}.hours-edit-times .input{width:110px;height:38px}.hours-edit-closed,.hours-edit-sep{color:var(--n-500);font-size:13px}.opt-ed{margin-top:14px}.opt-ed-group{border:1px solid var(--n-200);border-radius:var(--r-md);padding:12px;margin-bottom:10px;background:var(--n-50)}.opt-ed-grouptop{display:flex;gap:8px;align-items:center}.opt-ed-grouptop .input{flex:1 1}.opt-ed-flags{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0}.opt-ed-opt{display:flex;gap:8px;align-items:center;margin-bottom:6px}.opt-ed-opt .input{flex:1 1}.opt-ed-price{max-width:110px;flex:none!important}.opt-ed-x{flex:none;width:30px;height:30px;border:1px solid var(--n-300);background:#fff;border-radius:var(--r-md);color:var(--n-500);font-size:18px;line-height:1;cursor:pointer}.opt-ed-x:hover{color:var(--danger-text);border-color:var(--danger-text)}.stock-fields{display:flex;gap:12px}.stock-fields .field{flex:1 1}.stock-quick{display:inline-flex;align-items:center;gap:6px;flex:none}.stock-quick button{width:26px;height:26px;border:1px solid var(--n-300);background:#fff;border-radius:var(--r-sm);color:var(--n-700);font-size:15px;line-height:1;cursor:pointer}.stock-quick button:hover:not(:disabled){background:var(--n-50);border-color:var(--n-400)}.stock-quick button:disabled{opacity:.4;cursor:not-allowed}.stock-quick b{min-width:22px;text-align:center;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.onb{min-height:calc(100dvh - 0px);display:grid;place-items:center;padding:40px 20px}.onb-card{width:100%;max-width:460px;background:#fff;border:1px solid var(--n-200);border-radius:var(--r-lg);padding:32px;box-shadow:0 24px 48px -30px rgba(27,20,8,.35)}.onb-kicker{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ponti-strong)}.onb-title{margin-top:10px;font-size:24px;line-height:1.15;letter-spacing:-.02em;font-weight:650;color:var(--ink)}.onb-sub{margin-top:8px;font-size:14.5px;line-height:1.55;color:var(--n-500)}.onb-slug{display:flex;align-items:stretch}.onb-slug .input{border-top-right-radius:0;border-bottom-right-radius:0}.onb-slug-suffix{display:inline-flex;align-items:center;padding:0 12px;font-size:13.5px;color:var(--n-500);background:var(--n-50);border:1px solid var(--n-300);border-left:0;border-radius:0 var(--r-md) var(--r-md) 0;white-space:nowrap;font-family:var(--font-mono)}.onb-slug-hint{margin-top:6px;font-size:12.5px;min-height:16px;color:var(--n-500)}.onb-slug-hint--free{color:var(--success-text)}.onb-slug-hint--invalid,.onb-slug-hint--taken{color:var(--danger-text)}