/* Stellar AI premium polish layer — clean, trustworthy, conversion-first UI.
   Safe visual overrides only: no billing, auth, pricing, secrets or provider changes. */
:root{
  --stellar-bg:#090a0f;
  --stellar-panel:#11141b;
  --stellar-panel-2:#161a23;
  --stellar-line:rgba(255,255,255,.085);
  --stellar-line-strong:rgba(255,255,255,.16);
  --stellar-text:#f6f7fb;
  --stellar-muted:#a6adbb;
  --stellar-muted-2:#7f8796;
  --stellar-purple:#8b7cf6;
  --stellar-purple-2:#b8afff;
  --stellar-blue:#67a4ff;
  --stellar-good:#5ee1aa;
  --stellar-warn:#ecd47e;
  --stellar-danger:#ff7d90;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-padding-top:84px;text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;background:var(--stellar-bg);color:var(--stellar-text)}
::selection{background:rgba(139,124,246,.42);color:#fff}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--stellar-purple-2)!important;outline-offset:3px!important}
:where(button,a,[role="button"]){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:where(h1,h2,h3){text-wrap:balance;letter-spacing:-.05em}
:where(p,li){text-wrap:pretty}
:where(input,textarea,select){font-size:16px}
:where(.button,.btn,button,.nav-cta,.plans-btn,.checkout-btn,.primary-btn){min-height:44px}
:where(.card,.panel,.plan,.plugin-card,.pricing-card,.support-card,.guide-card,.modal-card,.set-card){border-color:var(--stellar-line)!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;box-shadow:none!important}
:where(.card,.panel,.plan,.plugin-card,.pricing-card,.support-card,.guide-card):hover{border-color:rgba(184,175,255,.22)!important}
:where(.badge,.pill,.chip,.status-pill){border-color:var(--stellar-line)!important;background:#0f131b!important;color:#c5cbd8!important}
:where(.brand-mark,.brand-icon,.brand .mark){box-shadow:none!important}
body.public-home{background:radial-gradient(circle at 50% -20%,rgba(139,124,246,.18),transparent 31rem),radial-gradient(circle at 90% 18%,rgba(103,164,255,.08),transparent 25rem),#090a0f!important;color:var(--stellar-text)!important}
body.public-home main{overflow:visible!important}
body.public-home .container{width:min(1120px,calc(100% - 40px))!important;margin-inline:auto!important}
body.public-home .site-header{position:sticky!important;top:0!important;z-index:90!important;min-height:64px!important;background:rgba(9,10,15,.78)!important;border-bottom:1px solid rgba(255,255,255,.065)!important;backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important}
body.public-home .nav{min-height:64px!important;gap:18px!important}
body.public-home .brand{font-weight:850!important;letter-spacing:-.035em!important;color:#fff!important}
body.public-home .brand svg{color:var(--stellar-purple-2)!important}
body.public-home .brand-ai{color:var(--stellar-purple-2)!important;-webkit-text-fill-color:var(--stellar-purple-2)!important}
body.public-home .nav-links{gap:18px!important}
body.public-home .nav-links a,body.public-home .nav-login{font-size:12px!important;font-weight:720!important;color:#aeb5c2!important;text-decoration:none!important}
body.public-home .nav-links a:hover,body.public-home .nav-login:hover{color:#fff!important}
body.public-home .button,body.public-home .oa2-primary-action,body.public-home .oa2-secondary-action{border-radius:12px!important;box-shadow:none!important;font-weight:780!important}
body.public-home .button-primary,body.public-home .oa2-primary-action,body.public-home .nav-actions .button{background:#f2f0ff!important;border-color:#f2f0ff!important;color:#101116!important;-webkit-text-fill-color:#101116!important}
body.public-home .button-quiet,body.public-home .oa2-secondary-action{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.11)!important;color:#e1e5ee!important;-webkit-text-fill-color:#e1e5ee!important}
body.public-home .oa2-hero,body.public-home .hero{display:grid!important;justify-items:center!important;text-align:center!important;min-height:min(780px,84svh)!important;align-content:center!important;padding:clamp(76px,10vw,132px) 0 clamp(58px,8vw,104px)!important}
body.public-home .oa2-wordmark,body.public-home .hero-eyebrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;padding:0 12px!important;margin:0 auto 18px!important;border:1px solid rgba(184,175,255,.22)!important;border-radius:999px!important;background:rgba(139,124,246,.09)!important;color:#c8c0ff!important;-webkit-text-fill-color:#c8c0ff!important;font-size:10px!important;font-weight:880!important;letter-spacing:.10em!important;text-transform:uppercase!important}
body.public-home .oa2-hero h1,body.public-home .hero h1{max-width:900px!important;margin:0 auto!important;font-size:clamp(48px,7.6vw,96px)!important;line-height:.96!important;letter-spacing:-.075em!important;font-weight:650!important}
body.public-home .oa2-hero h1 span,body.public-home .hero h1 span{color:#d9d3ff!important;-webkit-text-fill-color:#d9d3ff!important;background:none!important}
body.public-home .oa2-lead,body.public-home .hero-lead{max-width:670px!important;margin:22px auto 0!important;font-size:clamp(16px,1.75vw,20px)!important;line-height:1.65!important;color:#b4bdcb!important;-webkit-text-fill-color:#b4bdcb!important}
body.public-home .oa2-composer,body.public-home .build-form{width:min(790px,100%)!important;margin:32px auto 0!important;padding:10px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:25px!important;background:#151820!important;box-shadow:0 22px 70px rgba(0,0,0,.24)!important}
body.public-home .oa2-composer:focus-within,body.public-home .build-form:focus-within{border-color:rgba(184,175,255,.34)!important;box-shadow:0 0 0 4px rgba(139,124,246,.06),0 22px 70px rgba(0,0,0,.26)!important}
body.public-home .oa2-composer textarea,body.public-home .build-form textarea{min-height:64px!important;background:transparent!important;border:0!important;color:#f5f7fb!important;resize:none!important;line-height:1.55!important}
body.public-home .oa2-composer textarea::placeholder,body.public-home .build-form textarea::placeholder{color:#7f8796!important}
body.public-home .oa2-composer button,body.public-home .build-form button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:50%!important;background:#f2f0ff!important;color:#111218!important;border:0!important;box-shadow:none!important}
body.public-home .oa2-start-note,body.public-home .hero-footnote{margin-top:14px!important;color:#88909f!important;font-size:11px!important;line-height:1.65!important}
body.public-home .oa2-hero-actions,body.public-home .hero-actions{display:flex!important;gap:10px!important;justify-content:center!important;flex-wrap:wrap!important;margin-top:22px!important}
body.public-home .oa2-starters,body.public-home .oa2-quicklinks,body.public-home .oa2-proof-row{display:none!important}
body.public-home :where(.oa2-jarvis,.oa2-audience,.oa2-preview,.pricing-section,.faq-section,.preview-section,#capabilities,#how-it-works,#plans){padding-block:clamp(58px,8vw,96px)!important}
body.public-home :where(.oa2-jarvis-panel,.oa2-audience-grid article,.oa2-preview-shell,.plan,.faq-item,.workspace,.support-card,.guide-card){border:1px solid rgba(255,255,255,.085)!important;border-radius:20px!important;background:#11141b!important;box-shadow:none!important}
body.public-home :where(.oa2-section-head,.preview-heading){max-width:780px!important;margin-inline:auto!important;text-align:center!important}
body.public-home :where(.oa2-section-head h2,.pricing-section h2,.faq-section h2){font-size:clamp(34px,4.8vw,58px)!important;line-height:1.04!important;letter-spacing:-.055em!important}
body.public-home :where(.oa2-section-head p,.oa2-jarvis-panel p,.oa2-audience-grid p,.plan p,.faq-item p){color:#a8b0be!important;line-height:1.75!important}
body.public-home .plans{gap:12px!important;align-items:stretch!important}
body.public-home .plan{padding:22px!important}
body.public-home .plan.featured{border-color:rgba(184,175,255,.28)!important;background:linear-gradient(180deg,#161924,#11141b)!important}
body.public-home .plan h3,body.public-home .price strong{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
body.public-home .popular{background:rgba(139,124,246,.12)!important;border:1px solid rgba(184,175,255,.24)!important;color:#d0c8ff!important}
body.public-home .pricing-foot{max-width:820px!important;margin-inline:auto!important;text-align:center!important}
body.public-home .pricing-foot p{font-size:12px!important;line-height:1.75!important;color:#9ca5b4!important}
body .app{height:100dvh!important;min-height:0!important;overflow:hidden!important;background:#0b0c10!important;color:#f4f5f8!important}
body .app .main{height:100dvh!important;min-height:0!important;overflow:hidden!important;background:#0b0c10!important}
body .app .side{width:var(--side)!important;padding:10px!important;background:#0f1015!important;border-right:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important}
body .app .brand-row{min-height:44px!important;padding-inline:8px!important}
body .app .side-title{color:#8f98a8!important;letter-spacing:.12em!important;font-size:10px!important}
body .app .nav-link,body .app .set-item,body .app .chat-row{min-height:42px!important;border-radius:10px!important;gap:9px!important;border:1px solid transparent!important}
body .app .nav-link:hover,body .app .set-item:hover,body .app .chat-row:hover{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.06)!important}
body .app .saved-chat-list{max-height:min(45vh,420px)!important;overflow:auto!important;scrollbar-width:thin}
body .app .top{min-height:56px!important;height:56px!important;padding-inline:14px!important;background:#0b0c10!important;border-bottom:0!important}
body .app .top-left,body .app .top-actions{min-width:0!important;gap:7px!important}
body .app .model-pill{max-width:min(330px,46vw)!important;min-height:40px!important;border-radius:10px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body .app .chat{min-height:0!important;padding:18px 18px 12px!important;scroll-padding-bottom:170px!important;scrollbar-gutter:stable both-edges!important}
body .app .chat-inner{width:min(790px,100%)!important;min-height:100%!important;margin-inline:auto!important}
body .app #chat:not(:has(.msg)) .chat-inner{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important}
body .app #chat:not(:has(.msg)) .home-welcome{width:100%!important;padding:clamp(76px,16vh,156px) 12px 18px!important;text-align:center!important}
body .app .home-welcome h1,body .app .welcome h1{max-width:700px!important;margin-inline:auto!important;font-size:clamp(34px,5vw,52px)!important;line-height:1.08!important;letter-spacing:-.055em!important;font-weight:660!important}
body .app .home-welcome p,body .app .welcome p{max-width:580px!important;margin-inline:auto!important;color:#aeb7c8!important;line-height:1.75!important}
body .app .quality-strip{justify-content:center!important;gap:8px!important;flex-wrap:wrap!important}
body .app .quality-strip span{font-weight:650!important;font-size:11px!important;color:#b9c0d1!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important}
body .app .msg{width:100%!important}
body .app .assistant .bubble{padding:10px 2px!important;background:transparent!important;color:#e5e8f0!important;line-height:1.72!important;border:0!important}
body .app .user .bubble{width:fit-content!important;max-width:min(82%,680px)!important;margin-left:auto!important;padding:10px 14px!important;border-radius:18px!important;background:#24262e!important;color:#f3f4f8!important;border:1px solid rgba(255,255,255,.07)!important}
body .app .composer-wrap{padding:8px 16px max(14px,calc(10px + env(safe-area-inset-bottom)))!important;background:linear-gradient(180deg,rgba(11,12,16,0),#0b0c10 24%)!important;border-top:0!important}
body .app .composer{width:min(760px,100%)!important;margin-inline:auto!important;padding:8px 8px 7px 12px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:24px!important;background:#171920!important;box-shadow:0 12px 38px rgba(0,0,0,.24)!important}
body .app .composer:focus-within{border-color:rgba(184,175,255,.32)!important;box-shadow:0 0 0 4px rgba(139,124,246,.055),0 12px 38px rgba(0,0,0,.25)!important}
body .app .composer textarea{min-height:48px!important;max-height:26dvh!important;padding:8px 6px 4px!important;font-size:16px!important;line-height:1.5!important;background:transparent!important;color:#f5f7fb!important}
body .app .composer textarea::placeholder{color:#818998!important}
body .app .composer-bottom{min-height:44px!important}
body .app .composer-tool{min-height:38px!important;border-radius:10px!important}
body .app #sendBtn{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:50%!important;background:#f2f0ff!important;color:#101116!important;box-shadow:none!important}
.settings-panel .settings-card{padding:24px!important;background:#141722!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:22px!important;box-shadow:0 28px 90px rgba(0,0,0,.48)!important}
.settings-panel .settings-row,.settings-panel .set-item{padding:12px!important;gap:14px!important;min-height:56px!important;flex-wrap:wrap!important;background:#191d27!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:13px!important}
.settings-panel .settings-row small,.settings-panel .set-item small{font-size:11px!important;line-height:1.6!important;color:#aeb6c7!important}
.settings-panel .settings-grid{gap:10px!important}
.public-plugins .main{background:#090a0f!important}
.public-plugins .card,.public-plugins .directory-step,.public-plugins .opinion-card,.public-plugins .controls{border-color:rgba(255,255,255,.085)!important;box-shadow:none!important}
.public-plugins .card{transition:border-color .16s ease,transform .16s ease,background .16s ease!important}
.public-plugins .card:hover{transform:translateY(-1px)!important;border-color:rgba(184,175,255,.28)!important}
.public-plugins .tab.active{background:#f2f0ff!important;color:#111218!important;box-shadow:none!important}
.public-plugins .btn.primary,.public-plugins .learn.primary{background:#f2f0ff!important;color:#111218!important;border-color:#f2f0ff!important}
@media(max-width:900px){body.public-home .nav-links{display:none!important}body.public-home .plans{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){body.public-home .container{width:min(100% - 28px,1120px)!important}body.public-home .oa2-hero,body.public-home .hero{min-height:auto!important;padding:58px 0 46px!important}body.public-home .oa2-hero h1,body.public-home .hero h1{font-size:clamp(38px,11vw,60px)!important;letter-spacing:-.06em!important}body.public-home .oa2-lead,body.public-home .hero-lead{font-size:15.5px!important}body.public-home .oa2-primary-action,body.public-home .oa2-secondary-action,body.public-home .hero-actions .button{width:100%!important;justify-content:center!important}body.public-home .plans{grid-template-columns:1fr!important}body .app .side{position:fixed!important;z-index:70!important;transform:translateX(-100%);transition:transform .18s ease!important}body .app.sidebar-open .side{transform:translateX(0)!important}body .app .top{padding-inline:10px!important}body .app .model-pill{max-width:54vw!important}body .app .chat{padding-inline:12px!important}body .app #chat:not(:has(.msg)) .home-welcome{padding-top:clamp(54px,12vh,105px)!important}body .app .composer-wrap{padding-inline:10px!important}body .app .composer{border-radius:22px!important}.settings-panel .settings-card{width:100%!important;max-height:90dvh!important;border-radius:22px 22px 0 0!important;padding:20px 14px calc(20px + env(safe-area-inset-bottom))!important;overflow:auto!important}.settings-panel .settings-row,.settings-panel .set-item{align-items:flex-start!important;overflow-wrap:anywhere!important}}
@media(max-width:420px){body.public-home .nav-actions .nav-login{display:none!important}body.public-home .brand{font-size:15px!important}body .app .model-pill{max-width:48vw!important;font-size:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Live landing flow fix v20260926: keep pricing in normal document flow and protect narrow headers. */
body.public-home .oa2-hero,body.public-home .hero{position:relative!important;z-index:1!important}
body.public-home .pricing-section,body.public-home #plans{position:relative!important;clear:both!important;inset:auto!important;transform:none!important;width:min(1480px,calc(100% - 48px))!important;max-width:none!important;margin-inline:auto!important;z-index:1!important;isolation:isolate!important;overflow:visible!important}
body.public-home .pricing-section .plans,body.public-home #plans .plans{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;margin-top:clamp(28px,4vw,44px)!important;z-index:auto!important}
body.public-home .pricing-section .plan,body.public-home #plans .plan{position:relative!important;inset:auto!important;transform:none!important}
@media(max-width:900px){body.public-home .site-header .nav{min-width:0!important;padding-inline:12px!important;gap:12px!important}body.public-home .nav-links{display:none!important}body.public-home .nav-actions{margin-left:auto!important;gap:8px!important;min-width:0!important;flex:0 0 auto!important}body.public-home .nav-actions .button-small{min-width:0!important;padding-inline:12px!important;white-space:nowrap!important}}
@media(max-width:520px){body.public-home .nav-actions .nav-login{display:none!important}body.public-home .site-header .nav{padding-inline:10px!important;gap:9px!important}body.public-home .brand{min-width:0!important;flex:0 1 auto!important;font-size:16px!important}body.public-home .brand>svg{width:24px!important;height:24px!important;flex:0 0 auto!important}body.public-home .nav-actions .button-small{min-height:38px!important;padding-inline:10px!important;font-size:10px!important}}