:root{--font-display:"Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--ink:#0f172a;--ink-soft:#475569;--ink-faint:#94a3b8;--bg:#fff;--bg-soft:#f6f8fb;--bg-band:#eef3fb;--line:#e2e8f0;--line-strong:#cbd5e1;--accent:#0260fe;--accent-dark:#0148c2;--gradient:linear-gradient(120deg, #0260fe 0%, #00d4ff 50%, #7c3aed 100%);--radius:16px;--radius-sm:10px;--shadow-md:0 6px 24px #0f172a14;--shadow-lg:0 24px 60px #0260fe24}*,:before,:after{box-sizing:border-box}button{font-family:var(--font-body)}.onboard{background:radial-gradient(800px 420px at 90% -10%, #00d4ff1a, transparent 55%), radial-gradient(700px 400px at -10% 10%, #7c3aed14, transparent 55%), var(--bg);flex-direction:column;min-height:100%;display:flex}.ob-header{justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.ob-logo{font-family:var(--font-display);color:var(--ink);align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.ob-signin{color:var(--ink);align-items:center;gap:7px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.ob-signin:before{content:"";background:var(--gradient);opacity:.85;border-radius:50%;width:8px;height:8px}.ob-signin:hover{color:var(--accent)}.ob-main{flex:1;justify-content:center;padding:28px 24px 48px;display:flex}.ob-card{border:1px solid var(--line);border-radius:var(--radius);width:min(860px,100%);box-shadow:var(--shadow-md);background:#fff;align-self:flex-start;padding:36px 38px 28px}.ob-steps{align-items:center;gap:10px;margin-bottom:30px;display:flex}.ob-step{color:var(--ink-faint);align-items:center;gap:8px;font-size:.84rem;font-weight:600;display:flex}.ob-step .step-dot{background:var(--bg-soft);border:1px solid var(--line);width:26px;height:26px;color:var(--ink-faint);border-radius:50%;place-items:center;font-size:.78rem;font-weight:700;display:grid}.ob-step.current .step-dot{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 4px #0260fe24}.ob-step.current .step-label{color:var(--ink)}.ob-step.done .step-dot{background:var(--gradient);color:#fff;border-color:#0000}.ob-step.done .step-label{color:var(--ink-soft)}.ob-steps .ob-step+.ob-step:before{content:"";background:var(--line);border-radius:2px;width:28px;height:2px;margin-right:10px}.ob-head{margin-bottom:26px}.ob-head h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0 0 8px;font-size:clamp(1.5rem,2.8vw,2rem)}.ob-head p{color:var(--ink-soft);margin:0}.fn-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.fn-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:#fff;flex-direction:column;gap:6px;padding:18px 16px 14px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative}.fn-card:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-3px)}.fn-card.active{border-color:var(--accent);box-shadow:0 0 0 3px #0260fe24}.fn-icon,.fn-ico{color:var(--accent)}.fn-ico{background:var(--bg-band);border:1px solid var(--line);border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:8px;display:grid}.fn-card.active .fn-ico{background:linear-gradient(135deg,#0260fe1f,#00d4ff14)}.fn-title{font-family:var(--font-display);color:var(--ink);font-size:.98rem;font-weight:600}.fn-desc{color:var(--ink-soft);font-size:.8rem;line-height:1.4}.fn-check{border:1.5px solid var(--line-strong);color:#0000;border-radius:50%;place-items:center;width:22px;height:22px;transition:all .16s;display:grid;position:absolute;top:12px;right:12px}.fn-card.active .fn-check{background:var(--accent);border-color:var(--accent);color:#fff}.details-form{gap:16px;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field label{color:var(--ink);margin-bottom:7px;font-size:.84rem;font-weight:600;display:block}.field label .optional{color:var(--ink-faint);font-weight:500}.field input{width:100%;font-family:var(--font-body);color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 14px;font-size:.95rem;transition:border-color .15s,background .15s,box-shadow .15s}.field input:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 3px #0260fe1f}.details-note{color:var(--ink-faint);margin:2px 0 0;font-size:.82rem}.tenant-preview{background:var(--bg-band);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:10px;margin-top:10px;padding:10px 14px;display:flex}.tenant-label{color:var(--ink-soft);white-space:nowrap;font-size:.8rem;font-weight:600}.tenant-url{color:var(--accent-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.tenant-url b{color:var(--ink)}.tenant-hint{font-family:var(--font-body);color:var(--ink-faint);font-style:italic}.done{text-align:center;padding:14px 0 4px}.done-check{background:var(--gradient);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 18px;display:grid;box-shadow:0 12px 28px #0260fe4d}.done-title{font-family:var(--font-display);color:var(--ink);margin:0 0 10px;font-size:clamp(1.4rem,2.6vw,1.9rem)}.done-sub{color:var(--ink-soft);max-width:440px;margin:0 auto 28px}.done-sub b{color:var(--accent-dark)}.done-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.done-actions .btn{min-width:220px}.restart{color:var(--ink-faint);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:22px;font-size:.85rem;font-weight:600;text-decoration:underline}.restart:hover{color:var(--accent)}.ob-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:20px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border:none;box-shadow:0 8px 22px #0260fe42}.btn-primary:not(:disabled):hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 12px 28px #0260fe52}.btn-ghost{color:var(--ink);border-color:var(--line-strong);background:#fff}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.ob-footer{color:var(--ink-faint);justify-content:center;align-items:center;gap:10px;padding:18px 24px 26px;font-size:.84rem;display:flex}.ob-footer a{color:var(--ink-soft);font-weight:500;text-decoration:none}.ob-footer a:hover{color:var(--accent)}@media (max-width:840px){.fn-grid{grid-template-columns:repeat(2,1fr)}.ob-card{padding:28px 24px 22px}}@media (max-width:520px){.ob-header{padding:14px 18px}.fn-grid,.field-row{grid-template-columns:1fr}.ob-steps .ob-step .step-label{display:none}.ob-footer{flex-wrap:wrap}}