:root{--background:#fafafa;--background-2:#f4f4f5;--foreground:#09090b;--muted-foreground:#71717a;--muted:#f4f4f5;--border:#09090b1a;--border-2:#09090b29;--card:#fff;--primary:#18181b;--primary-foreground:#fafafa;--secondary:#f4f4f5;--violet:#4f6b3a;--violet-2:#3d5430;--violet-soft:#4f6b3a1a;--violet-bg:#4f6b3a14;--green:#16a34a;--green-soft:#16a34a1a;--amber:#ca8a04;--rose:#e11d48;--rose-soft:#e11d4814;--font-geist:"Lufga", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--ease:cubic-bezier(.22, 1, .36, 1);--r-lg:18px;--r-md:14px;--r-sm:10px;--as-bg:var(--background);--as-bg-alt:var(--background-2);--as-fg:var(--foreground);--as-fg-muted:var(--muted-foreground);--as-fg-subtle:#09090b73;--as-border:var(--border);--as-border-strong:var(--border-2);--as-accent:var(--violet);--as-cta-bg:var(--primary);--as-cta-fg:var(--primary-foreground);--as-green:var(--green);--ease-out-q:var(--ease)}.auth,.onb{font-family:var(--font-geist);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.mac-window{background:var(--background);width:100%;min-height:100vh;color:var(--foreground);font-family:var(--font-geist);isolation:isolate;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.mac-window.single{grid-template-columns:1fr}.mac-window.spacious{grid-template-columns:.85fr 1.15fr}.mac-traffic{display:none!important}.mac-traffic span{border-radius:999px;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #0000002e}.mac-traffic .r{background:#ff5f57}.mac-traffic .y{background:#ffbd2e}.mac-traffic .g{background:#28c840}.form-pane{background:var(--background);justify-content:center;align-items:center;padding:56px 48px;display:flex;position:relative}.form-pane .inner{flex-direction:column;gap:22px;width:100%;max-width:440px;display:flex}.form-pane .inner.wide{max-width:560px}.form-pane .inner.full{max-width:920px}.animate-element{opacity:0;filter:blur(8px);animation:fadeSlideIn .8s var(--ease) forwards;transform:translateY(14px)}@keyframes fadeSlideIn{to{opacity:1;filter:blur();transform:translateY(0)}}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-delay-600{animation-delay:.6s}.animate-delay-700{animation-delay:.7s}.animate-delay-800{animation-delay:.8s}.animate-delay-900{animation-delay:.9s}.animate-delay-1000{animation-delay:1s}.animate-delay-1100{animation-delay:1.1s}.animate-slide-right{opacity:0;filter:blur(10px);animation:slideRightIn 1s var(--ease) forwards;transform:translate(40px)}@keyframes slideRightIn{to{opacity:1;filter:blur();transform:translate(0)}}.animate-testimonial{opacity:0;filter:blur(8px);animation:testimonialIn .9s var(--ease) forwards;transform:translateY(20px)scale(.96)}@keyframes testimonialIn{to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.animate-element,.animate-slide-right,.animate-testimonial{opacity:1;filter:none;animation:none;transform:none}}.brand{align-items:center;gap:10px;margin-bottom:4px;display:flex}.brand .logo{width:24px;height:24px;color:var(--foreground)}.brand .word{font-family:var(--font-geist);letter-spacing:-.01em;color:var(--foreground);font-size:15px;font-weight:500}.h-title{font-family:var(--font-geist);letter-spacing:-.035em;color:var(--foreground);margin:0;font-size:44px;font-weight:300;line-height:1.04}.h-title.lg{font-size:56px}.h-title .accent{color:var(--violet);font-weight:400}.h-title .br{display:block}.h-sub{color:var(--muted-foreground);margin:0;font-size:15px;line-height:1.55}.h-sub a{color:var(--violet);font-weight:500;text-decoration:none}.h-sub a:hover{text-decoration:underline}.h-sub strong{color:var(--foreground);font-weight:500}.form-stack{flex-direction:column;gap:18px;display:flex}.label{color:var(--muted-foreground);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.label-row .label{margin-bottom:0}.label-row a{color:var(--violet);font-size:12.5px;font-weight:500;text-decoration:none}.label-row a:hover{text-decoration:underline}.glass-input{border-radius:var(--r-lg);border:1px solid var(--border);transition:border-color .22s var(--ease), background-color .22s var(--ease), box-shadow .22s var(--ease);background:#09090b06;position:relative}.glass-input:hover{border-color:var(--border-2);background:#09090b0a}.glass-input:focus-within{border-color:var(--violet);background:var(--card);box-shadow:0 0 0 4px var(--violet-soft)}.glass-input input,.glass-input select,.glass-input textarea{width:100%;font-family:var(--font-geist);color:var(--foreground);border-radius:var(--r-lg);background:0 0;border:none;outline:none;padding:15px 18px;font-size:14px}.glass-input.with-suffix input{padding-right:8px}.glass-input.with-eye input{padding-right:52px}.glass-input input::placeholder{color:#09090b52}.glass-input .eye-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:0;bottom:0;right:14px}.glass-input .eye-btn:hover{color:var(--foreground)}.glass-input .suffix{font-family:var(--font-mono);color:var(--muted-foreground);pointer-events:none;font-size:13px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.glass-input.mono input{font-family:var(--font-mono);letter-spacing:-.01em}.glass-input.with-caret:after{content:"";border-right:1.5px solid var(--muted-foreground);border-bottom:1.5px solid var(--muted-foreground);pointer-events:none;width:9px;height:9px;position:absolute;top:50%;right:18px;transform:translateY(-65%)rotate(45deg)}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;display:flex}.checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--foreground);align-items:center;gap:12px;display:inline-flex}.custom-checkbox{appearance:none;border:1.5px solid var(--border-2);background:var(--card);cursor:pointer;width:18px;height:18px;transition:all .2s var(--ease);border-radius:5px;flex-shrink:0;place-items:center;display:grid;position:relative}.custom-checkbox:hover{border-color:var(--violet)}.custom-checkbox:checked{background:var(--violet);border-color:var(--violet)}.custom-checkbox:checked:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:5px;height:9px;transform:rotate(45deg)translate(-1px,-1px)}.link-violet{color:var(--violet);font-weight:500;text-decoration:none}.link-violet:hover{text-decoration:underline}.btn-primary{border-radius:var(--r-lg);background:var(--primary);width:100%;color:var(--primary-foreground);font-family:var(--font-geist);cursor:pointer;transition:background .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);border:none;justify-content:center;align-items:center;gap:8px;padding:16px 20px;font-size:14.5px;font-weight:500;display:inline-flex}.btn-primary:hover{background:#27272a;transform:translateY(-1px);box-shadow:0 10px 24px -10px #09090b66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{border-radius:var(--r-lg);width:100%;color:var(--foreground);font-family:var(--font-geist);border:1px solid var(--border);cursor:pointer;transition:all .2s var(--ease);background:0 0;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-ghost:hover{background:var(--muted);border-color:var(--border-2);color:var(--violet)}.btn-ghost svg{color:var(--violet)}.btn-ghost:disabled{opacity:.55;cursor:not-allowed;transform:none}.foot-text{text-align:center;color:var(--muted-foreground);font-size:13.5px}.foot-text a{color:var(--violet);font-weight:500;text-decoration:none}.foot-text a:hover{text-decoration:underline}.back-link{color:var(--muted-foreground);cursor:pointer;font-size:13.5px;font-family:var(--font-geist);background:0 0;border:none;align-items:center;gap:6px;padding:0;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--foreground)}.banner{border-radius:var(--r-md);border:1px solid var(--border);background:var(--card);align-items:flex-start;gap:12px;padding:14px 16px;font-size:13.5px;line-height:1.45;display:flex}.banner .ic{color:var(--violet);flex:0 0 18px;place-items:center;margin-top:1px;display:grid}.banner.error{background:var(--rose-soft);color:#881337;border-color:#e11d484d}.banner.error .ic{color:var(--rose)}.banner.success{background:var(--green-soft);color:#14532d;border-color:#16a34a4d}.banner.success .ic{color:var(--green)}.banner.warning{color:#713f12;background:#ca8a0414;border-color:#ca8a044d}.banner.warning .ic{color:var(--amber)}.banner strong{font-weight:600}.choice-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);text-align:left;cursor:pointer;font-family:var(--font-geist);color:var(--foreground);transition:all .22s var(--ease);padding:18px 18px 16px;position:relative}.choice-card:hover{border-color:var(--border-2);transform:translateY(-1px)}.choice-card.active{background:var(--violet-bg);border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-soft)}.choice-card .ic-wrap{background:var(--muted);border:1px solid var(--border);width:34px;height:34px;color:var(--foreground);transition:all .22s var(--ease);border-radius:10px;place-items:center;margin-bottom:12px;display:grid}.choice-card.active .ic-wrap{background:var(--violet);border-color:var(--violet);color:#fff}.choice-card .ttl{margin:0;font-size:14px;font-weight:500}.choice-card .desc{color:var(--muted-foreground);margin:4px 0 0;font-size:12px;line-height:1.4}.choice-card .dot{background:var(--violet);opacity:0;width:7px;height:7px;transition:opacity .22s var(--ease);border-radius:999px;position:absolute;top:14px;right:14px}.choice-card.active .dot{opacity:1}.row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.magic-hero{background:var(--violet-bg);width:72px;height:72px;color:var(--violet);border:1px solid #4f6b3a40;border-radius:20px;place-items:center;display:grid;position:relative}.magic-hero:after{content:"";border:1px solid #4f6b3a4d;border-radius:22px;animation:2.4s ease-in-out infinite ringPulse;position:absolute;inset:-4px}@keyframes ringPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.magic-hero:after{opacity:.6;animation:none}}.email-pill{background:var(--muted);border:1px solid var(--border);font-family:var(--font-mono);color:var(--foreground);border-radius:12px;align-self:flex-start;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:inline-flex}.email-pill .ic{color:var(--violet);place-items:center;display:grid}.pw-rules{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pw-rule{border-radius:var(--r-md);border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);transition:all .22s var(--ease);flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-size:11px;display:flex}.pw-rule .glyph{font-family:var(--font-geist);color:var(--muted-foreground);transition:all .22s var(--ease);font-size:18px;font-weight:500}.pw-rule.ok{background:var(--green-soft);color:var(--green);border-color:#16a34a80}.pw-rule.ok .glyph{color:var(--green)}.pw-rule.fail{color:var(--rose);border-color:#e11d4859}.pw-rule.fail .glyph{color:var(--rose)}.tenant-list{flex-direction:column;gap:10px;display:flex}.tenant-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--foreground);font-family:var(--font-geist);transition:all .22s var(--ease);align-items:center;gap:16px;padding:18px 20px;text-decoration:none;display:flex}.tenant-tile:hover{background:var(--violet-bg);border-color:var(--violet);transform:translate(2px);box-shadow:0 10px 24px -14px #4f6b3a66}.tenant-tile .ws-avatar{background:var(--violet-bg);width:40px;height:40px;color:var(--violet);letter-spacing:-.02em;border:1px solid #4f6b3a40;border-radius:12px;flex-shrink:0;place-items:center;font-size:15px;font-weight:500;display:grid}.tenant-tile .name{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:500}.tenant-tile .meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px;margin:3px 0 0;font-size:12.5px;display:flex}.tenant-tile .meta .sl{font-family:var(--font-mono)}.tenant-tile .meta .role{background:var(--violet-soft);color:var(--violet-2);font-size:11px;font-family:var(--font-geist);border-radius:999px;padding:2px 9px;font-weight:500}.tenant-tile .arrow{color:var(--muted-foreground);transition:all .22s var(--ease);flex-shrink:0;place-items:center;margin-left:auto;display:grid}.tenant-tile:hover .arrow{color:var(--violet);transform:translate(4px)}.onb-progress{align-items:center;gap:10px;display:flex}.onb-progress .step-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted-foreground);font-size:11px}.onb-progress .seg{background:var(--border);border-radius:2px;flex:1;max-width:80px;height:3px;position:relative;overflow:hidden}.onb-progress .seg.done{background:var(--violet)}.onb-progress .seg.current:after{content:"";background:var(--violet);width:50%;animation:2.4s ease-in-out infinite segGrow;position:absolute;top:0;bottom:0;left:0}@keyframes segGrow{0%{width:8%}50%{width:70%}to{width:8%}}@media (prefers-reduced-motion:reduce){.onb-progress .seg.current:after{width:50%;animation:none}}.size-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.size-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);text-align:center;cursor:pointer;font-family:var(--font-geist);color:var(--foreground);transition:all .2s var(--ease);padding:14px 8px}.size-tile:hover{border-color:var(--border-2);transform:translateY(-1px)}.size-tile.active{background:var(--violet-bg);border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.size-tile.active .n{color:var(--violet)}.size-tile .n{letter-spacing:-.01em;transition:color .2s var(--ease);font-size:16px;font-weight:500;display:block}.size-tile .s{color:var(--muted-foreground);margin-top:4px;font-size:11px;display:block}.plan-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.plan-tile{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;font-family:var(--font-geist);color:var(--foreground);transition:all .24s var(--ease);border-radius:20px;flex-direction:column;gap:6px;min-height:340px;padding:28px 26px;display:flex;position:relative}.plan-tile:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:0 20px 40px -18px #09090b1f}.plan-tile.active{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-soft), 0 20px 40px -18px #4f6b3a2e}.plan-tile.featured{background:linear-gradient(170deg, var(--violet-bg) 0%, var(--card) 60%);border-color:#4f6b3a66;box-shadow:0 20px 50px -18px #4f6b3a40}.plan-tile.featured.active{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-soft), 0 24px 50px -18px #4f6b3a4d}.plan-tile .pill{width:max-content;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--muted);color:var(--muted-foreground);border:1px solid var(--border);border-radius:999px;margin-bottom:14px;padding:5px 10px;font-size:10px;display:inline-block}.plan-tile.featured .pill{background:var(--violet);color:#fff;border-color:var(--violet)}.plan-tile .name{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:400}.plan-tile .price{font-family:var(--font-geist);letter-spacing:-.04em;color:var(--foreground);margin:10px 0 0;font-size:44px;font-weight:300;line-height:1}.plan-tile .price-lbl{color:var(--muted-foreground);letter-spacing:-.01em;margin:6px 0 18px;font-size:12px}.plan-tile .pl-list{color:#09090bc7;flex-direction:column;gap:9px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.plan-tile .pl-list li{align-items:flex-start;gap:10px;line-height:1.4;display:flex}.plan-tile .pl-list li svg{color:var(--violet);flex:0 0 16px;margin-top:2px}.enterprise{border:1px dashed var(--border-2);border-radius:var(--r-lg);background:#09090b04;align-items:center;gap:16px;padding:22px 26px;display:flex}.enterprise .ttl{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:500}.enterprise .desc{color:var(--muted-foreground);margin:3px 0 0;font-size:13px;line-height:1.45}.enterprise .ghost-btn{color:var(--foreground);border:1px solid var(--border-2);cursor:pointer;font-family:var(--font-geist);transition:all .2s var(--ease);white-space:nowrap;background:0 0;border-radius:12px;align-items:center;gap:6px;margin-left:auto;padding:11px 18px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.enterprise .ghost-btn:hover{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.hero-pane{background:var(--background-2);padding:16px;position:relative}.hero-img{background-position:50%;background-size:cover;border-radius:24px;position:absolute;inset:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 30px 60px -20px #09090b40}.hero-img:after{content:"";background:linear-gradient(#09090b00 30%,#09090b8c 100%);position:absolute;inset:0}.logo-hero{background:linear-gradient(160deg, #f4f4f5 0%, #fff 60%, var(--violet-bg) 100%);box-shadow:inset 0 0 0 1px var(--border), 0 30px 60px -20px #09090b1f;border-radius:24px;place-items:center;display:grid;position:absolute;inset:16px;overflow:hidden}.logo-hero .mark{width:clamp(180px,36vw,360px);height:auto;color:var(--violet);filter:drop-shadow(0 18px 40px #4f6b3a4d)}.logo-hero .word{text-align:center;font-family:var(--font-geist);letter-spacing:-.035em;color:var(--foreground);font-size:clamp(28px,3.4vw,44px);font-weight:500;position:absolute;bottom:48px;left:0;right:0}@media (max-width:960px){.logo-hero{display:none}}.testimonial-row{z-index:3;flex-wrap:wrap;gap:14px;display:flex;position:absolute;bottom:32px;left:32px;right:32px}.testimonial-card{-webkit-backdrop-filter:blur(20px)saturate(1.4);width:252px;color:var(--foreground);background:#ffffffd1;border:1px solid #ffffff80;border-radius:22px;align-items:flex-start;gap:12px;padding:16px;display:flex;box-shadow:0 10px 30px -10px #09090b40}.testimonial-card img{object-fit:cover;border-radius:12px;width:38px;height:38px}.testimonial-card .body{flex:1;min-width:0;font-size:12.5px;line-height:1.45}.testimonial-card .name{margin:0;font-size:13px;font-weight:500}.testimonial-card .handle{color:var(--muted-foreground);margin:0;font-size:12px}.testimonial-card .txt{color:#09090bd1;margin:6px 0 0}.preview-card{-webkit-backdrop-filter:blur(24px)saturate(1.4);color:var(--foreground);z-index:3;background:#ffffffdb;border:1px solid #fff9;border-radius:22px;padding:22px 24px;position:absolute;top:50%;left:32px;right:32px;transform:translateY(-50%);box-shadow:0 20px 50px -16px #09090b4d}.preview-card .ph{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--muted-foreground);border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:14px;padding-bottom:12px;font-size:10.5px;display:flex}.preview-card .ph .tic{color:var(--violet)}.preview-row{justify-content:space-between;gap:16px;padding:6px 0;display:flex}.preview-row .k{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);font-size:10.5px}.preview-row .v{letter-spacing:-.01em;text-align:right;font-size:14px;font-weight:500}.preview-row .v.mono{font-family:var(--font-mono);font-size:13px;font-weight:400}.preview-row .v.empty{color:#09090b59;font-style:italic;font-weight:400}.preview-url{background:var(--background);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-mono);align-items:center;gap:10px;margin-top:8px;padding:12px 14px;font-size:13px;display:flex}.preview-url .dots{gap:4px;display:flex}.preview-url .dots span{background:var(--border-2);border-radius:999px;width:8px;height:8px}.preview-url .addr{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.preview-url .addr .slug{color:var(--violet)}.preview-plan{margin-top:12px}.preview-plan .name{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:400}.preview-plan .price-row{align-items:baseline;gap:8px;margin-top:4px;display:flex}.preview-plan .price{letter-spacing:-.04em;font-size:32px;font-weight:300}.preview-plan .lbl{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.preview-plan ul{color:#09090bd1;flex-direction:column;gap:6px;margin:12px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.preview-plan ul li{align-items:baseline;gap:8px;display:flex}.preview-plan ul li:before{content:"";background:var(--violet);border-radius:999px;flex:0 0 5px;height:5px;transform:translateY(-3px)}.slug-status{color:var(--green);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.slug-status.error{color:var(--rose)}.slug-status.checking{color:var(--muted-foreground)}.slug-status .pip{background:var(--green);border-radius:999px;width:6px;height:6px;box-shadow:0 0 8px #16a34a80}.slug-status.error .pip{background:var(--rose);box-shadow:0 0 8px #e11d4880}.slug-status.checking .pip{background:var(--muted-foreground);box-shadow:none}.row-cta{align-items:center;gap:16px;margin-top:6px;display:flex}.note-violet{border-left:2px solid var(--violet);color:var(--muted-foreground);padding:4px 0 4px 14px;font-size:13px;line-height:1.55}.auth :focus-visible,.onb :focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:4px}.auth button:focus-visible,.auth a:focus-visible,.onb button:focus-visible,.onb a:focus-visible{outline-offset:3px}.auth .glass-input:focus-within,.onb .glass-input:focus-within{outline:none}.auth,.onb{--v3-fg:var(--foreground);--v3-fg-subtle:#09090b73;--v3-fg-muted:var(--muted-foreground);--v3-card:var(--card);--v3-border:var(--border-2);--v3-coral:var(--violet)}.auth .brand-select-wrap,.onb .brand-select-wrap{width:100%;display:block;position:relative}.auth .field-select,.onb .field-select{appearance:none;border:1px solid var(--border);border-radius:var(--r-lg);color:var(--foreground);cursor:pointer;width:100%;transition:border-color .22s var(--ease), box-shadow .22s var(--ease), background-color .22s var(--ease);background:#09090b06;outline:none;padding:15px 40px 15px 18px;font-family:inherit;font-size:14px;font-weight:500}.auth .field-select:hover:not(:disabled),.onb .field-select:hover:not(:disabled){border-color:var(--border-2);background:#09090b0a}.auth .field-select:focus,.onb .field-select:focus,.auth .field-select[aria-expanded=true],.onb .field-select[aria-expanded=true]{border-color:var(--violet);background:var(--card);box-shadow:0 0 0 4px var(--violet-soft)}.brand-select-panel--portal{background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);max-height:320px;box-shadow:0 20px 50px -16px #09090b4d, 0 0 0 1px var(--border);z-index:200;margin:0;padding:6px;font-family:inherit;font-size:14px;list-style:none;overflow-y:auto}.brand-select-panel--portal .brand-select-option{border-radius:var(--r-sm);color:var(--foreground);cursor:pointer;transition:background .14s var(--ease);align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;font-weight:500;display:flex}.brand-select-panel--portal .brand-select-option.active{background:var(--muted)}.brand-select-panel--portal .brand-select-option.selected{background:var(--violet-bg);color:var(--violet-2)}.brand-select-panel--portal .brand-select-option-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.brand-select-panel--portal .brand-select-option-label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand-select-panel--portal .brand-select-option-desc{color:var(--muted-foreground);white-space:normal;font-size:11.5px;font-weight:400;line-height:1.35;display:block}.brand-select-panel--portal .brand-select-check{color:var(--violet);flex-shrink:0}@media (max-width:960px){.mac-window,.mac-window.spacious{grid-template-columns:1fr}.hero-pane{display:none}.form-pane{min-height:100vh;padding:36px 24px}.form-pane .inner,.form-pane .inner.full{max-width:100%}.h-title{font-size:36px}.h-title.lg{font-size:40px}.plan-grid{grid-template-columns:1fr;gap:14px}.plan-tile{min-height:auto;padding:22px 20px}.enterprise{flex-direction:column;align-items:flex-start;gap:12px}.enterprise .ghost-btn{justify-content:center;width:100%;margin-left:0}.mac-traffic{top:14px;left:16px}}@media (max-width:560px){.form-pane{padding:28px 18px}.h-title{font-size:30px}.h-title.lg{font-size:32px}.h-sub{font-size:14px}.row-2{grid-template-columns:1fr;gap:10px}.choice-grid{grid-template-columns:1fr;gap:8px}.size-grid{grid-template-columns:repeat(2,1fr)}.pw-rules{grid-template-columns:repeat(4,1fr);gap:6px}.pw-rule{padding:8px 4px;font-size:10px}.pw-rule .glyph{font-size:16px}.tenant-tile{gap:12px;padding:14px 16px}.tenant-tile .ws-avatar{width:36px;height:36px;font-size:13px}.tenant-tile .meta{gap:6px;font-size:11.5px}.row-cta{flex-direction:column-reverse;gap:10px}.row-cta>div,.row-cta>button,.row-cta .btn-primary{width:100%}.preview-card{padding:16px 18px}.testimonial-card{width:100%}.onb-progress .seg{max-width:none}}@media (max-width:768px) and (pointer:coarse){.btn-primary,.btn-ghost,.back-link,.choice-card,.size-tile,.plan-tile,.tenant-tile,.custom-checkbox,.glass-input input,.glass-input select{min-height:44px}.glass-input .eye-btn{width:44px}.custom-checkbox{width:22px;height:22px}}