/* Agentli adapters for the original, namespaced Bounded components. */
body.bd-theme{--bg:#101012;--bg-2:#141418;--bg2:#141418;--surface:#18181d;--surface-2:#202027;--surface2:#202027;--text:#f6f6f8;--muted:#a1a1aa;--soft:#a1a1aa;--dim:#74747f;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.14);--line2:rgba(255,255,255,.14);--violet:#7076e6;--vlight:#b8bdff;--accent:#7076e6;--accent-2:#b8bdff;--accent2:#b8bdff;--accent-ink:#fff;--ink:#fff;--ok:#7bd6ad;--warn:#e4c27b;--bad:#f29b9b;--display:"Onest",system-ui,sans-serif;--mono:"Onest",system-ui,sans-serif;margin:0;min-width:320px;color:var(--text);background:#101012;font:15px/1.55 var(--display);isolation:isolate}
.bd-theme [hidden]{display:none!important}
.bd-theme *,.bd-theme *::before,.bd-theme *::after{box-sizing:border-box}
.bd-theme::before,.bd-theme::after{content:none;animation:none}
.bd-theme h1,.bd-theme h2,.bd-theme h3{font-weight:500;letter-spacing:-.045em}
.bd-theme .label{font-family:var(--display);font-size:10px;font-weight:600;letter-spacing:.1em;color:#a7abe9}
.bd-theme a{text-decoration:none}
.bd-theme :focus-visible{outline:2px solid #a8afff;outline-offset:4px}
.bd-theme .logo,.bd-theme .bd-logo{font-weight:650;letter-spacing:-.04em}
.bd-theme .bd-logo{flex-shrink:0;font-size:16px;color:#f5f5f8}
.bd-theme .bd-logo img{width:24px;height:24px;object-fit:contain;border-radius:0;box-shadow:none}
.bd-theme .bd-nav{max-width:calc(100vw - 32px);gap:6px;overflow:visible}
.bd-theme .bd-nav::after{content:none}
.bd-theme .bd-nav-wrap{z-index:70}
.bd-theme .bd-nav-links,.bd-theme .bd-nav-actions{display:flex;align-items:center;gap:2px}
.bd-theme .bd-nav a.bd-nav-cta{background:#7076e629;color:#d7dbff}
.bd-theme .bd-menu-toggle{display:none;height:32px;width:32px;place-items:center;background:transparent;border:0;color:#d5d5dc;padding:7px}
.bd-theme .bd-menu-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.bd-theme .bd-mobile-nav{position:fixed;z-index:69;top:76px;left:16px;right:16px;padding:12px;border:1px solid var(--line-2);border-radius:18px;background:#16161cf7;backdrop-filter:blur(20px);box-shadow:0 24px 60px #0007}
.bd-theme .bd-mobile-nav a,.bd-theme .bd-mobile-nav button{display:block;width:100%;padding:12px 14px;color:#c5c5cc;font:inherit;font-size:14px;border:0;border-radius:9px;text-align:left;background:transparent;cursor:pointer}
.bd-theme .bd-mobile-nav a:hover,.bd-theme .bd-mobile-nav button:hover{background:#ffffff08;color:white}
.bd-theme .bd-aura{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.bd-theme .bd-aura{background-image:radial-gradient(circle,#9399c02b 1.6px,transparent 1.8px);background-size:8px 8px;mask-image:radial-gradient(ellipse at 50% 38%,#000 12%,#0008 52%,transparent 83%)}
.bd-theme .bd-aura::before,.bd-theme .bd-aura::after{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 38% 40%,#555ec738,transparent 38%),radial-gradient(ellipse at 66% 44%,#868cf725,transparent 35%);filter:blur(30px);animation:bd-slow-aura 26s ease-in-out infinite alternate}
.bd-theme .bd-aura::after{background:conic-gradient(from 70deg at 50% 44%,transparent 16%,#8d95ff0e 28%,transparent 43%,#555ec722 62%,transparent 81%);animation-duration:34s;animation-direction:alternate-reverse}
@keyframes bd-slow-aura{from{transform:translate(-2%,0) rotate(-7deg) scale(1)}to{transform:translate(3%,2%) rotate(9deg) scale(1.1)}}
/* The original Bounded light scene sits behind the CSS fallback. */
.bd-theme .bd-unicorn-aura{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.6;filter:hue-rotate(42deg) saturate(.64) brightness(.72)}
.bd-theme .bd-lights-ready > .bd-aura{opacity:.16;transition:opacity 1s ease}
.bd-theme .bd-auth-background .bd-unicorn-aura{opacity:.46}
.bd-theme .bd-auth-background .bd-unicorn-aura canvas{width:133.333%!important;height:133.333%!important;margin-top:-16.666%!important;margin-left:-16.666%!important;transform:scale(.75);transform-origin:center}
/* Only animation properties are shared; each card retains its own layout. */
.bd-theme .bd-effect-card{position:relative;transform-style:preserve-3d;transition:transform .13s cubic-bezier(.22,.61,.36,1),border-color .3s ease,box-shadow .3s ease}
.bd-theme .bd-effect-card:hover{border-color:#a4acff50;box-shadow:0 18px 44px -30px #747eef70}
.bd-theme .bd-effect-card.bd-is-returning{transition:transform .58s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}
.bd-theme .bd-effect-card::after{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:radial-gradient(var(--glow-radius,300px) circle at var(--glow-x,50%) var(--glow-y,50%),rgba(110,116,227,calc(var(--glow-intensity,0)*.9)),rgba(110,116,227,calc(var(--glow-intensity,0)*.4)) 35%,transparent 65%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:3}
.bd-theme .bd-effect-layer{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:2}
.bd-theme .bd-effect-layer::before{content:"";position:absolute;inset:0;opacity:var(--glow-intensity,0);background:radial-gradient(300px circle at var(--glow-x,50%) var(--glow-y,50%),#777fe91c,transparent 70%);pointer-events:none;transition:opacity .2s ease}
.bd-theme .bd-effect-layer .bd-bento-particle,.bd-theme .bd-effect-layer .bd-bento-ripple{pointer-events:none}
.bd-theme .bd-spotlight{z-index:60;pointer-events:none}
.bd-theme .bd-subscription-plan:focus-visible{border-color:#a4acff;box-shadow:0 0 28px #747eef24}
.bd-theme .bd-motion-toggle{position:fixed;bottom:16px;left:16px;z-index:71;padding:9px 13px;border:1px solid #a4acff30;border-radius:999px;background:#17171ded;color:#bec3f5;font:500 11px var(--display);cursor:pointer;backdrop-filter:blur(12px)}
.bd-theme .bd-motion-toggle:hover{background:#26263b;color:white}
@media(prefers-reduced-motion:reduce){.bd-theme:not(.bd-motion-enabled) .bd-unicorn-aura,.bd-theme:not(.bd-motion-enabled) .bd-effect-layer,.bd-theme:not(.bd-motion-enabled) .bd-spotlight{display:none!important}.bd-theme:not(.bd-motion-enabled) .bd-lights-ready > .bd-aura{opacity:1}.bd-theme:not(.bd-motion-enabled) .bd-effect-card{transform:none!important}.bd-theme:not(.bd-motion-enabled) .bd-effect-card::after{content:none}}
/* Decorative animations run by default and can be switched off on the page. */
.bd-theme.bd-motion-disabled *,.bd-theme.bd-motion-disabled *::before,.bd-theme.bd-motion-disabled *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.bd-theme.bd-motion-disabled :is(.bd-unicorn-aura,.bd-effect-layer,.bd-spotlight){display:none!important}
.bd-theme.bd-motion-disabled .bd-lights-ready > .bd-aura{opacity:1}
.bd-theme.bd-motion-disabled .bd-effect-card{transform:none!important}
.bd-theme.bd-motion-disabled .bd-effect-card::after{content:none}
.bd-theme.bd-motion-enabled .bd-aura::before{animation:bd-slow-aura 26s ease-in-out infinite alternate!important}
.bd-theme.bd-motion-enabled .bd-aura::after{animation:bd-slow-aura 34s ease-in-out infinite alternate-reverse!important}
.bd-theme.bd-motion-enabled .bd-effect-layer .bd-bento-particle{animation:bento-pop .3s cubic-bezier(.34,1.56,.64,1) both,bento-float var(--float-duration) ease-in-out .3s infinite alternate,bento-fade 1.5s ease-in-out .3s infinite alternate!important}
.bd-theme.bd-motion-enabled .bd-effect-layer .bd-bento-ripple{animation:bento-ripple .8s ease-out forwards!important}
.bd-theme.bd-motion-enabled .bd-effect-card{transition:transform .13s cubic-bezier(.22,.61,.36,1),border-color .3s ease,box-shadow .3s ease!important}
.bd-theme.bd-motion-enabled .bd-effect-card.bd-is-returning{transition:transform .58s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease!important}
.bd-theme.bd-motion-enabled .bd-spotlight,.bd-theme.bd-motion-enabled .bd-effect-layer::before{transition:opacity .2s ease!important}
/* Controls: range inputs, checkboxes and custom agent themes keep their own behavior. */
.bd-theme .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 16px;border:1px solid transparent;border-radius:999px;font-weight:500;font-family:var(--display);font-size:13px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.bd-theme .btn-primary,.bd-theme .btn.primary{color:#fff;background:#7076e6;border-color:#7076e6;box-shadow:0 10px 26px #6268d733}
.bd-theme .btn-primary:hover,.bd-theme .btn.primary:hover{background:#8086ee;border-color:#8086ee}
.bd-theme .btn-ghost,.bd-theme .btn.secondary{color:#c9c9d2;background:#ffffff04;border-color:var(--line-2);box-shadow:none}
.bd-theme .btn-ghost:hover,.bd-theme .btn.secondary:hover{color:white;background:#ffffff0c;border-color:#ffffff30}
.bd-theme .btn-danger{color:var(--bad);border-color:#f29b9b40;background:#f29b9b08}
.bd-theme .btn:disabled{opacity:.55;cursor:wait;transform:none}
.bd-theme .in,.bd-theme .form input:not([type=checkbox]):not([type=range]),.bd-theme .form select,.bd-theme .field select,.bd-theme .fa-form input{color:#eeeef4;border:1px solid var(--line-2);background:#ffffff04;border-radius:10px}
.bd-theme .in:focus,.bd-theme .form input:focus,.bd-theme .field select:focus,.bd-theme .fa-form input:focus{border-color:#9299ef;outline:2px solid #7076e622}
.bd-theme select option{background:#1b1b22;color:white}
.bd-theme .pill,.bd-theme .badge,.bd-theme .tag{color:#b0b0bc;background:#ffffff04;border-color:var(--line);font-family:var(--display)}
.bd-theme .badge.ok{color:var(--ok);border-color:#7bd6ad40}
.bd-theme .badge.warn{color:var(--warn);border-color:#e4c27b40}
.bd-theme .badge.bad{color:var(--bad);border-color:#f29b9b40}
.bd-theme .soc{color:#9d9da9;border-color:var(--line);background:transparent;font-weight:500}
.bd-theme .soc:hover{color:#c7cbff;border-color:#b8bdff40;background:#7076e609}
/* Landing: Bounded central hero, with the interactive Agentli demo. */
.landing-body.bd-theme .bd-hero{padding:150px 24px 80px;min-height:0}
.landing-body .bd-hero-copy{max-width:950px;margin:auto}
.landing-body .bd-hero .bd-hero-aura{opacity:1;filter:none;position:absolute;z-index:0}
.landing-body .bd-hero h1{font-size:clamp(38px,5.6vw,76px);font-weight:400;max-width:890px;line-height:1.08;margin:18px auto 0;letter-spacing:-.06em}
.landing-body .bd-hero h1 .accent{display:block;background:linear-gradient(120deg,#c7cbff,#6c73de);background-clip:text;color:transparent}
.landing-body .bd-hero .lead{margin:24px auto 0;max-width:610px;font-size:15px;line-height:1.75;color:#a1a1aa}
.landing-body .hero-cta{justify-content:center;margin-top:30px}
.landing-body .hero-meta,.landing-body .hero-soc{justify-content:center;font-size:12px;color:#888892}
.landing-body .hero-meta{margin-top:20px;gap:22px}
.landing-body .bd-hero .chip{background:transparent;border:0;padding:0;letter-spacing:.15em;color:#a8afff;font-size:10px}
.landing-body .bd-product-stage{position:relative;display:grid;grid-template-columns:1fr minmax(0,570px) 1fr;align-items:center;max-width:1040px;margin:64px auto 0;gap:12px;perspective:1200px}
.landing-body .mock{grid-column:2;grid-row:1;padding:0;width:100%;text-align:left;z-index:2}
.landing-body .bd-stage-side{grid-row:1;padding:22px;border:1px solid #ffffff12;border-radius:16px;min-height:280px;background:linear-gradient(145deg,#24263266,#15151c);text-align:left;opacity:.65;display:grid;align-content:start;gap:16px}
.landing-body .bd-stage-left{grid-column:1;transform:rotate(-4deg) translateX(24px)}
.landing-body .bd-stage-right{grid-column:3;transform:rotate(4deg) translateX(-24px)}
.landing-body .bd-stage-side strong{font-size:16px;font-weight:500}
.landing-body .bd-stage-side span{font-size:11px;color:#8f8f9a}
.landing-body .bd-stage-side b{font-size:24px;font-weight:500;color:#c7cbff}
.landing-body .bd-mini-row{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#bbbcc7}
.landing-body .bd-mini-row i{color:#a7aeef;font-style:normal}
.landing-body .window{border-color:#888fe33d;background:linear-gradient(145deg,#393d7345,#18181f 45%);box-shadow:0 28px 80px #0005;border-radius:16px}
.landing-body .win-bar,.landing-body .agent-head{border-color:var(--line)}
.landing-body .msg.out{color:#ededfa;background:#6068cba3;font-weight:400}
.landing-body .mascot,.landing-body .float{display:none}
.landing-body .hero-soc{display:flex;margin-top:12px}
.landing-body .wrap{max-width:1120px}
.landing-body section{padding-block:88px;scroll-margin-top:90px}
.landing-body section + section{padding-top:40px}
.landing-body .sec-head{gap:15px;margin-bottom:36px}
.landing-body h2{font-size:clamp(30px,4.1vw,50px);font-weight:400;line-height:1.14;letter-spacing:-.055em}
.landing-body .accent{color:#aeb5ff}
.landing-body .sec-head.center{margin-bottom:44px}
.landing-body .marquee{background:transparent;border-color:#ffffff09;padding-block:20px}
.landing-body .marquee-track{gap:0;animation:bd-marquee-scroll 40s linear infinite}
.landing-body .marquee-group{display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:100vw;flex-shrink:0;padding-right:30px}
.bd-theme.bd-motion-enabled .marquee-track{animation:bd-marquee-scroll 40s linear infinite!important}
@keyframes bd-marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.landing-body .marquee-track span{font-family:var(--display);font-size:10px;color:#62626c}
.landing-body .money,.landing-body .steps{border:0;background:transparent;gap:14px;overflow:visible}
.landing-body .money > div,.landing-body .step,.landing-body .ind{border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#ffffff08,#ffffff02);padding:26px}
.landing-body .money b{font-size:34px;font-weight:500}
.landing-body .step-top{padding-bottom:28px}
.landing-body .step h3,.landing-body .ind h3{font-weight:500}
.landing-body .split{gap:72px}
.landing-body .panel,.landing-body .calc-in,.landing-body .calc-out,.landing-body .fa,.landing-body .form,.landing-body .addon{border-color:var(--line);background:#ffffff04}
.landing-body .lead-row,.landing-body .cfg,.landing-body .offer,.landing-body .prompt,.landing-body .progress{border-color:var(--line);background:#ffffff03}
.landing-body .fa{padding:34px;border-radius:20px;background:linear-gradient(135deg,#747eef0c,transparent)}
.landing-body .calc-out{border-color:#8c96ec4d;background:linear-gradient(145deg,#747eef19,#ffffff02 58%)}
.landing-body .big-out b{font-weight:500}
.landing-body .plans{gap:13px}
.landing-body .billing{width:fit-content;border-radius:999px;background:#ffffff04}
.landing-body .billing button{border-radius:999px;font-weight:500;font-size:12px}
.landing-body .plan{border:1px solid #ffffff12;border-radius:16px;background:#ffffff05;padding:26px}
.landing-body .plan.pop{background:linear-gradient(145deg,#747eef26,#ffffff06 48%);border-color:#8791ff6b}
.landing-body .plan{overflow:visible}
.landing-body .plan .pop-badge{position:absolute;top:-12px;left:22px;right:auto;width:fit-content}
.landing-body .price b{font-size:46px;font-weight:500}
.landing-body .pop-badge{background:#747eef22;border:1px solid #a8afff3d;color:#c9ceff}
.landing-body .plan li::before{color:#aeb5ff}
.landing-body .final{background:linear-gradient(140deg,#747eef13,#ffffff02);border-color:var(--line);gap:64px;margin-top:50px}
.landing-body .final h2{font-weight:400;font-size:clamp(34px,4.5vw,58px)}
.landing-body .final .form{padding:25px}
.landing-body footer{margin-top:90px;border-color:var(--line)}
.landing-body .foot h4,.landing-body .copy-row{font-family:var(--display)}
.landing-body .sw-card{background:#ffffff03;border-color:var(--line)}
/* Account layout: Bounded sidebar rhythm, original Agentli view IDs and controls. */
.app-body.bd-theme{background:#101011}
.app-body .shell{width:min(1280px,calc(100% - 72px));margin:0 auto;grid-template-columns:190px minmax(0,1fr);gap:64px;padding:122px 0 64px;min-height:100vh}
.app-body .side{position:sticky;top:116px;align-self:start;height:calc(100vh - 148px);min-height:500px;border:0;padding:0 6px;gap:3px;background:transparent;overflow-y:auto}
.app-body .side{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}
.app-body .bd-account-brand{margin:0 0 22px 10px}
.app-body .main{padding:0;max-width:none}
.app-body .tab{position:relative;height:40px;border-radius:8px;padding:0 10px;color:#98989f;font-size:13px;gap:11px;flex-shrink:0}
.app-body .tab:hover{background:#ffffff08;color:#e1e1e8}
.app-body .tab[aria-selected=true]{background:transparent;color:#f8f8fa;box-shadow:none}
.app-body .tab::before{content:"";position:absolute;left:-6px;width:2px;height:16px;border-radius:999px;background:#8e96ff;opacity:0}
.app-body .tab[aria-selected=true]::before{opacity:1}
.app-body .side-foot{background:transparent;border:0;border-top:1px solid var(--line);padding:18px 10px;margin-top:26px}
.app-body .side-foot b{font-size:22px;font-weight:500}
.app-body .side .socials{margin-top:auto;padding-top:15px}
.app-body .hero{background:none;border:0;padding:0 0 28px;gap:16px;border-bottom:1px solid var(--line);border-radius:0}
.app-body .hero img{width:48px;height:48px;filter:none}
.app-body .hero h1{font-size:32px;font-weight:500;margin-top:5px}
.app-body .hero p{font-size:13px;color:#85858f}
.app-body .hero .btn{margin-left:auto}
.app-body .view{gap:24px}
.app-body h1{font-size:30px;line-height:1.12}
.app-body h2{font-size:18px;font-weight:500}
.app-body .card,.app-body .lead,.app-body .agent,.app-body .prop,.app-body .conv,.app-body .qa,.app-body .ctable,.app-body .crm{background:#ffffff03;border-color:var(--line);border-radius:13px;box-shadow:none}
.app-body .card{padding:20px}
.app-body .stat{position:relative;padding:20px}
.app-body .stat b{font-size:27px;font-weight:500}
.app-body .stat .ico{color:#a7abe9;background:#747eef12;border-color:#747eef25}
.app-body .stat small{font-size:11px}
.app-body .earn{border:1px solid #878fff35;border-radius:14px;background:linear-gradient(125deg,#747eef1c,#ffffff02);padding:24px}
.app-body .earn .big{color:#c7ccff;font-size:44px;font-weight:500}
.app-body .note{color:#898993;font-size:12px}
.app-body .lead-body,.app-body .offer-text,.app-body .code,.app-body .crm-edit{background:#101014;border-color:var(--line)}
.app-body .check{border-color:var(--line)}
.app-body .check.done{background:#7bd6ad05}
.app-body .msg.assistant{background:#747eef16;color:#c8cbed}
.app-body .meter{height:4px;background:#ffffff0a}
.app-body .meter i{background:linear-gradient(90deg,#747eef,#b8bdff)}
.app-body .center{min-height:100vh}
.app-body .bd-nav .pill{font-size:11px;padding:4px 9px}
.app-body .bd-nav .btn{height:29px;font-size:11px;padding:0 10px}
.app-body .bd-nav-actions{gap:7px}
/* Auth: original Bounded form, centered in its atmosphere. */
body.auth-body.bd-theme{display:block;padding:0;min-height:100svh;overflow-y:auto}
.auth-body .bd-bounded-auth{overflow:visible}
.auth-body .bd-bounded-auth-main{min-height:100svh;padding:132px 24px 116px}
.auth-body .bd-bounded-auth-copy{display:block;margin-bottom:22px;min-height:0}
.auth-body .bd-bounded-auth-copy h1{margin:0 0 14px;font-size:42px;font-weight:500}
.auth-body .bd-bounded-auth-copy p{margin:0;color:#9999a3;font-size:14px;line-height:1.65}
.auth-body .bd-bounded-auth-form{width:min(100%,390px)}
.auth-body #f{display:grid;gap:16px}
.auth-body .bd-email-label{display:grid;gap:9px;color:#a6a6b2;font-size:12px;font-weight:500}
.auth-body .bd-bounded-auth-input{padding:0 15px;margin:0;display:flex}
.auth-body .bd-bounded-auth-input input{width:100%;height:100%;border:0;outline:none;box-shadow:none;background:transparent;color:#eeeef6;font:inherit;font-size:14px}
.auth-body .bd-bounded-auth-submit{width:100%;font:inherit;font-size:14px;font-weight:550;cursor:pointer}
.auth-body .bd-bounded-auth-submit:disabled{opacity:.55;cursor:wait}
.auth-body .bd-auth-signup{display:block;text-align:center;margin-top:22px;color:#82828d;font-size:12px}
.auth-body .bd-auth-signup a{color:#b8bdff}
.auth-body .bd-auth-footer{position:relative;padding:0 24px 28px;display:flex;justify-content:center;gap:16px;font-size:11px;color:#62626c}
.auth-body .bd-auth-footer .soc{padding:0;border:0}
.auth-body .bd-auth-footer svg{width:14px;height:14px}
.auth-body .bd-auth-background{position:fixed;inset:0;z-index:-1;background:#101012}
.auth-body .bd-auth-background .bd-aura{opacity:.85}
.auth-body .err{font-size:12px;line-height:1.6}
.auth-body .err{color:var(--bad)}
.auth-body .ok{color:var(--ok)}
/* Billing: original Bounded subscription cards backed by the existing Stripe actions. */
.billing-body.bd-theme .shell{max-width:1060px;margin:auto;padding:126px 24px 64px}
.billing-body .bd-billing-heading h1{font-size:34px;margin:8px 0 12px;line-height:1.15}
.billing-body .bd-billing-heading p{color:#8c8c96;font-size:13px;margin:0}
.billing-body .status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:none;margin:30px 0 32px;gap:0;border-block:1px solid var(--line)}
.billing-body .stat small{display:block;margin-bottom:6px}
.billing-body .stat{padding:22px 24px 22px 0;border:0;border-radius:0;background:none;box-shadow:none}
.billing-body .stat strong{font-size:20px;font-weight:500;color:#dddde8}
.billing-body .stat small{font-size:11px;color:#888892}
.billing-body .layout{display:block}
.billing-body .bd-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 24px}
.billing-body .bd-subscription-plan{min-height:285px;padding:22px;cursor:pointer;text-align:left;font:inherit}
.billing-body .bd-subscription-plan.active{border-color:#878fff5e;background:linear-gradient(145deg,#4a4e833d,#1b1b220d)}
.billing-body .bd-subscription-plan.active::before{content:"";position:absolute;height:1px;top:0;left:0;right:0;background:linear-gradient(90deg,transparent,#abb2ffb3,transparent)}
.billing-body .bd-subscription-plan-price{margin-top:12px}
.billing-body .bd-subscription-plan ul{margin-top:18px}
.billing-body .bd-plan-select-label{font-size:11px;margin-top:auto;padding-top:15px;color:#a6a6b2}
.billing-body .active .bd-plan-select-label{color:#b8bdff}
.billing-body .bd-billing-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:610px}
.billing-body .field{font-size:12px;font-weight:500;color:#9a9aa6;margin:0}
.billing-body .field select{display:block;width:100%;margin-top:8px;height:44px;padding:0 12px;font:inherit;font-size:13px;color:#d8d8e2}
.billing-body .summary{margin:20px 0 16px;font-size:13px;font-weight:400;color:#c8c8d2}
.billing-body .actions{display:flex;flex-wrap:wrap;gap:10px}
.billing-body .btn{height:42px;font-size:12px}
.billing-body .bd-billing-note{margin-top:35px;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:32px}
.billing-body .bd-billing-note h2{font-size:14px;margin:0 0 8px}
.billing-body .bd-billing-note p{color:#85858f;font-size:12px;margin:0}
.billing-body .error{color:var(--bad);font-size:12px;min-height:18px}
.admin-body .main{max-width:1260px;margin:auto;padding-top:118px}
.admin-body .card,.admin-body .table-wrap{background:#ffffff03;border-color:var(--line);border-radius:13px}
.admin-body .stat b{font-weight:500}
.admin-body .center{min-height:100vh}
.bd-simple{min-height:100svh}
.bd-simple .card,.bd-simple article{background:#ffffff03;border:1px solid var(--line);border-radius:14px;color:var(--text)}
.bd-simple h1{font-weight:500}
.bd-simple .ic{color:var(--accent-2);background:#7076e616}
.bd-database-main{max-width:1120px;padding:128px 24px 70px;margin:auto}
.bd-database-main h1{font-size:34px;margin:12px 0}
.bd-database-main p{color:#8c8c96}
.bd-database-main nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.bd-database-main nav input{flex:1 1 250px}
.bd-database-main input,.bd-database-main select{height:42px;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;background:#ffffff04;color:var(--text);font:inherit}
.bd-database-main article{padding:22px;margin:12px 0;overflow-wrap:anywhere}
.bd-database-main article strong{color:#d7d7e2;font-weight:500}
.bd-database-main pre{color:#9999a5;white-space:pre-wrap;font:13px/1.7 var(--display)}
@media(max-width:1100px){
 .bd-theme .bd-nav-links{display:none}.bd-theme .bd-menu-toggle{display:grid}
 .app-body .shell{width:calc(100% - 44px);gap:32px;grid-template-columns:175px minmax(0,1fr)}
 .app-body .bd-nav .bd-nav-actions .btn:not(#logout),.app-body .bd-nav .bd-sep{display:none}
 .billing-body .bd-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
 .app-body .shell{width:calc(100% - 32px);display:block;padding-top:95px}
 .app-body .side{position:static;height:auto;min-height:0;flex-direction:row;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding:0 0 14px;border-bottom:1px solid var(--line);margin-bottom:28px}
 .app-body .side .bd-account-brand,.app-body .side-foot,.app-body .side .socials{display:none}
 .app-body .tab{white-space:nowrap;height:36px;padding:0 12px}.app-body .tab[aria-selected=true]{color:#bdc3ff;background:#747eef14}.app-body .tab::before{content:none}
 .app-body .hero{display:flex;flex-wrap:wrap}.app-body .hero .btn{margin-left:0}
 .landing-body .bd-product-stage{grid-template-columns:minmax(0,570px);justify-content:center;margin-top:45px}.landing-body .mock{grid-column:1}.landing-body .bd-stage-side{display:none}
 .landing-body .split{gap:32px}.landing-body .steps{gap:12px}
}
@media(max-width:700px){
 .bd-theme .bd-nav{width:auto;justify-content:start;padding:8px 10px 8px 14px;gap:5px}
 .bd-theme .bd-nav a.bd-logo{display:flex;padding:0}.bd-theme .bd-nav a.bd-access{display:block;font-size:11px;padding:7px 10px}
 .bd-theme .bd-nav a.bd-nav-cta,.bd-theme .bd-nav .bd-sep{display:none}
 .bd-theme .bd-nav-actions{margin-left:auto}.bd-theme .bd-nav .bd-nav-actions > a{display:none}
 .bd-theme .bd-nav .bd-nav-actions #logout{font-size:10px;padding:0 8px}
 .app-body .hero{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;text-align:left}.app-body .hero img{position:static;width:42px;height:42px;margin:0}.app-body .hero h1{font-size:25px;text-align:left}.app-body .hero p{text-align:left}.app-body .hero .btn{grid-column:1/-1;justify-self:start;margin:4px 0 0}
 .bd-theme .bd-btn{width:auto}
 .landing-body.bd-theme .bd-hero{padding:115px 18px 54px}.landing-body .bd-hero h1{font-size:clamp(33px,8.6vw,52px)}.landing-body .bd-hero .lead{font-size:13px}
 .landing-body .hero-cta{flex-direction:column;gap:10px}.landing-body .hero-cta .btn{width:100%;font-size:12px;padding:0 14px}
 .landing-body .hero-meta{gap:7px 14px;font-size:10px}.landing-body .hero-soc{font-size:10px;flex-wrap:wrap}
 .landing-body section{padding-block:55px}.landing-body section + section{padding-top:15px}.landing-body .fa{padding:22px}.landing-body .fa h2{font-size:27px}
 .landing-body .final{padding:26px 20px;gap:28px}.landing-body .step,.landing-body .money > div{padding:22px}
 .landing-body .bd-product-stage .chat{height:275px;padding:15px}.landing-body .bd-product-stage .agent-head{padding:14px;gap:10px}.landing-body .bd-product-stage .agent-head strong{font-size:13px}.landing-body .bd-product-stage .agent-head .tag{display:none}
 .billing-body .shell{padding-top:108px}.billing-body .bd-billing-controls,.billing-body .bd-billing-note{grid-template-columns:1fr}.billing-body .bd-billing-heading h1{font-size:29px}
 .billing-body .status{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-body .stat{padding:16px 8px 16px 0}.billing-body .stat strong{font-size:16px}.billing-body .stat small{font-size:9px}
 .billing-body .bd-subscription-plan{min-height:270px;padding:17px}.billing-body .actions{flex-direction:column}.admin-body .main{padding-top:100px}.admin-body .main .row .in{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.bd-theme:not(.bd-motion-enabled) *,.bd-theme:not(.bd-motion-enabled) *::before,.bd-theme:not(.bd-motion-enabled) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Password authentication shares the Bounded form and background. */
.auth-body #f{display:grid;gap:17px}
.auth-body #f[hidden]{display:none}
.auth-body .bd-auth-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#9999a3;line-height:1.65}
.auth-body .bd-auth-consent input{margin-top:4px;accent-color:#956cff;flex-shrink:0;width:15px;height:15px}
.auth-body .bd-auth-consent a,.auth-body .bd-auth-secondary,.auth-body .bd-auth-resend{color:#c5b5fa}
.auth-body .bd-auth-secondary{justify-self:end;font-size:12px}
.auth-body .bd-auth-message{margin:22px 0;color:#c5b5fa;font-size:14px;line-height:1.7}
.auth-body .bd-auth-resend{border:1px solid #ffffff18;border-radius:10px;padding:12px 16px;background:#ffffff05;font:inherit;font-size:12px;cursor:pointer;width:100%;margin-top:10px}
.auth-body .bd-auth-resend:disabled{opacity:.5;cursor:wait}
.auth-body .err{color:#fda4af;font-size:13px;line-height:1.6;margin:15px 0}
.auth-body .bd-bounded-auth-main{align-items:center}
.bd-account-cta{display:grid;gap:20px}
.bd-account-cta h3{font-size:28px;line-height:1.2;font-weight:500;margin:0}
.bd-account-cta p{color:#9999a3;font-size:14px;line-height:1.7;margin:0}
.bd-account-cta small{color:#9999a3}
.bd-account-cta small a{color:#c5b5fa}
@media(max-width:520px){.auth-body .bd-bounded-auth-copy h1{font-size:34px}.auth-body .bd-bounded-auth-main{padding:112px 22px 108px}}