/* Public-site color extension of the dashboard violet/cyan theme. Color only. */
body.public-v2{
  --public-bg:#07091a;
  --public-panel:#11152f;
  --public-panel-2:#171b3c;
  --public-line:rgba(174,184,255,.17);
  --public-text:#f7f8ff;
  --public-muted:#b7c0d8;
  --public-green:#9b8cff;
  --public-cyan:#38d9ff;
  --public-purple:#d56bff;
  --bg:#07091a;
  --panel:#11152f;
  --panel-2:#171b3c;
  --text:#f7f8ff;
  --muted:#b7c0d8;
  --line:rgba(174,184,255,.17);
  background:radial-gradient(circle at 82% 8%,rgba(128,92,255,.2),transparent 29%),radial-gradient(circle at 14% 38%,rgba(26,199,255,.1),transparent 32%),#07091a!important;
  color:#f7f8ff!important;
}
body.public-v2.public-refresh,
body.public-v2.auth-page,
body.public-v2.resources-page{background:radial-gradient(circle at 82% 8%,rgba(128,92,255,.2),transparent 29%),radial-gradient(circle at 14% 38%,rgba(26,199,255,.1),transparent 32%),#07091a!important}

body.public-v2 nav.unified-site-nav{border-color:rgba(173,184,255,.16)!important;background:rgba(8,10,28,.9)!important}
body.public-v2 nav.unified-site-nav .nav-links{border-color:rgba(173,184,255,.18)!important;background:rgba(19,23,52,.93)!important}
body.public-v2 nav.unified-site-nav .nav-links a{color:#c7cde0!important}
body.public-v2 nav.unified-site-nav .nav-links a:hover{color:#fff!important;background:rgba(155,140,255,.1)!important}
body.public-v2 nav.unified-site-nav .nav-links a:is(.active,[aria-current="page"]){color:#fff!important;background:linear-gradient(135deg,rgba(155,140,255,.3),rgba(56,217,255,.12))!important;box-shadow:inset 0 0 0 1px rgba(173,160,255,.55),0 10px 30px rgba(97,75,255,.18)!important}
body.public-v2 .logo-mark{background:linear-gradient(135deg,#9b8cff,#38d9ff)!important;color:#090b20!important;box-shadow:0 12px 35px rgba(113,83,255,.28),inset 0 1px rgba(255,255,255,.2)!important}

body.public-v2 :is(.hero-grid-wow,.features-hero-grid.pro,.pricing-hero-grid,.contact-grid-pro):before,
body.public-v2 :is(.resource-hero-shell,.growth-visual,.auth-story){
  border-color:rgba(166,151,255,.28)!important;
  background:radial-gradient(circle at 84% 10%,rgba(213,107,255,.25),transparent 29%),radial-gradient(circle at 8% 105%,rgba(56,217,255,.16),transparent 40%),linear-gradient(135deg,rgba(30,25,70,.94),rgba(10,14,37,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 30px 82px rgba(2,3,16,.35)!important;
}
/* Section headings belong to the page canvas: their color bloom must disappear at every edge. */
body.public-v2:not(.legal-page) .section-head{
  border-color:transparent!important;
  background:radial-gradient(ellipse at 50% 48%,rgba(155,140,255,.13) 0,rgba(56,217,255,.045) 38%,transparent 72%)!important;
  box-shadow:none!important;
}
body.public-v2 :is(.gradient-text,.resource-hero h1 span,.utility-hero h1 span,.growth-hero h1 span,.auth-story h1 span){background:none!important;color:#aa9fff!important;-webkit-text-fill-color:currentColor!important;text-shadow:0 0 34px rgba(155,140,255,.2)!important}
body.public-v2 :is(.badge,.eyebrow,.article-kicker,.guide-number,.result-block-head span){color:#a99cff!important}
body.public-v2 :is(.lead,.section-head p,p,.resource-head p,.resource-article p,.guide-content p,.growth-hero p,.utility-hero p){color:#b7c0d8!important}

body.public-v2 :is(.command-card,.feature-command,.current-plan-card,.contact-card-pro,.workflow-card,.feature-card-pro,.realtime-card,.compare-card-pro,.feature-stack-card,.support-card,.faq-card,.inbox-card,.comparison-card,.agency-pro,.price-card-pro,.upgraded-price-card,.guide-card,.resource-article,.resource-toc,.resource-final-inner,.tool-card,.guide-content,.utility-aside,.spec-card,.result-block,.auth-card,.legal-card){
  border-color:rgba(173,184,255,.18)!important;
  background:radial-gradient(circle at 100% 0,rgba(155,140,255,.11),transparent 34%),linear-gradient(155deg,rgba(25,29,64,.94),rgba(11,14,35,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 22px 58px rgba(2,3,16,.25)!important;
}
/* Preserve the homepage components' individual depth instead of flattening every generic .card. */
body.public-v2 .command-card{
  border-color:rgba(166,151,255,.3)!important;
  background:radial-gradient(circle at 8% 0,rgba(155,140,255,.2),transparent 38%),radial-gradient(circle at 94% 92%,rgba(56,217,255,.1),transparent 34%),linear-gradient(155deg,rgba(27,29,68,.97),rgba(9,12,32,.98))!important;
}
body.public-v2 .command-card:before{background:linear-gradient(120deg,transparent,rgba(155,140,255,.3),rgba(56,217,255,.12),transparent)!important}
body.public-v2 .hero-video-preview{border-color:rgba(173,184,255,.2)!important;background:radial-gradient(circle at 42% 30%,rgba(155,140,255,.24),transparent 34%),radial-gradient(circle at 75% 80%,rgba(56,217,255,.1),transparent 30%),linear-gradient(145deg,rgba(24,28,64,.96),rgba(8,11,29,.98))!important}
body.public-v2 .workflow-card:nth-child(even){background:radial-gradient(circle at 100% 0,rgba(56,217,255,.09),transparent 36%),linear-gradient(155deg,rgba(22,29,63,.94),rgba(10,13,34,.97))!important}
body.public-v2 .quick-start{border-color:rgba(166,151,255,.28)!important;background:radial-gradient(circle at 100% 0,rgba(155,140,255,.17),transparent 38%),linear-gradient(155deg,rgba(24,28,65,.98),rgba(9,12,32,.98))!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 28px 76px rgba(2,3,16,.32)!important}
body.public-v2 .quick-empty{border-color:rgba(173,184,255,.2)!important;background:linear-gradient(135deg,rgba(155,140,255,.07),rgba(56,217,255,.035))!important}
body.public-v2 .quick-route-grid a{border-color:rgba(173,184,255,.17)!important;background:radial-gradient(circle at 100% 0,rgba(155,140,255,.1),transparent 42%),linear-gradient(150deg,rgba(23,27,61,.95),rgba(10,13,34,.97))!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 15px 38px rgba(2,3,16,.2)!important}
body.public-v2 .quick-route-grid a:hover{border-color:rgba(155,140,255,.5)!important;background:radial-gradient(circle at 100% 0,rgba(56,217,255,.12),transparent 42%),linear-gradient(150deg,rgba(29,32,73,.97),rgba(12,15,39,.98))!important}
body.public-v2 :is(.price-card-pro,.upgraded-price-card).featured{border-color:rgba(155,140,255,.48)!important;background:radial-gradient(circle at top,rgba(213,107,255,.2),transparent 40%),linear-gradient(155deg,rgba(30,29,73,.98),rgba(11,14,35,.98))!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 34px 88px rgba(2,3,16,.35),0 0 55px rgba(155,140,255,.09)!important}
body.public-v2 :is(.middle-spotlight .spotlight-shell,.final-cta,.resource-final-inner){border-color:rgba(166,151,255,.25)!important;background:radial-gradient(circle at 12% 15%,rgba(155,140,255,.24),transparent 38%),radial-gradient(circle at 90% 90%,rgba(56,217,255,.14),transparent 34%),linear-gradient(135deg,rgba(24,27,66,.98),rgba(10,14,37,.98))!important}
body.public-v2 :is(.stat,.usage-mini,.metric-mini,.proof-item,.feature-proof-strip>div,.result-mini,.promise-row,.hook-result,.title-option,.utility-crosslink,.growth-proof span,.auth-proof,.auth-kicker,.auth-secure){border-color:rgba(173,184,255,.15)!important;background:rgba(155,140,255,.055)!important}
body.public-v2 :is(.template-box,.free-tool-cta,.resource-cta,.source-box){border-color:rgba(56,217,255,.2)!important;background:linear-gradient(120deg,rgba(155,140,255,.1),rgba(56,217,255,.055))!important}

body.public-v2 .btn-primary,
body.public-v2 .auth-submit{border-color:#aa9cff!important;background:linear-gradient(135deg,#8c7cff,#b866f2)!important;color:#fff!important;box-shadow:0 14px 34px rgba(113,83,255,.3)!important}
body.public-v2 .btn-primary:hover,
body.public-v2 .auth-submit:hover{background:linear-gradient(135deg,#9c8dff,#ca75ff)!important}
body.public-v2 :is(.btn-ghost,.btn-secondary){border-color:rgba(173,184,255,.25)!important;background:rgba(155,140,255,.075)!important;color:#eef0ff!important}
body.public-v2 :is(.btn-ghost,.btn-secondary):hover{border-color:rgba(155,140,255,.55)!important;background:rgba(155,140,255,.14)!important}
body.public-v2 :is(.guide-link,.source-box a,.hashtag-output){color:#7fe7ff!important}
body.public-v2 :is(.promise-row i,.hook-result>span,.title-option>span,.visual-float strong,.spec-card strong){background-color:rgba(155,140,255,.13)!important;color:#b6acff!important}

body.public-v2 :is(input,select,textarea,.auth-input,.tool-field input,.tool-field select,.tool-field textarea){border-color:rgba(173,184,255,.21)!important;background:#11152f!important;color:#f7f8ff!important}
body.public-v2 :is(input,select,textarea,.auth-input)::placeholder{color:#8792b0!important}
body.public-v2 :is(input,select,textarea,.auth-input):focus{border-color:#9b8cff!important;box-shadow:0 0 0 3px rgba(155,140,255,.18)!important}
body.public-v2 :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:#38d9ff!important}

body.public-v2 .creator-trial-banner{border-color:rgba(155,140,255,.34)!important;background:linear-gradient(90deg,rgba(76,57,170,.56),rgba(25,101,147,.45),rgba(104,50,166,.55))!important}
body.public-v2 .creator-trial-spark{background:linear-gradient(145deg,rgba(155,140,255,.52),rgba(56,217,255,.25))!important;color:#fff!important}
body.public-v2 .creator-trial-banner-inner{color:#fff!important}
body.public-v2 .creator-trial-button{background:#fff!important;color:#171534!important}
body.public-v2 .unified-footer,
body.public-v2>.footer{border-color:rgba(173,184,255,.13)!important;background:linear-gradient(180deg,rgba(10,12,32,.95),#060717)!important}

@media(max-width:900px){
  body.public-v2 nav.unified-site-nav.site-nav-ready.open,
  body.public-v2 nav.unified-site-nav.site-nav-ready.open .mobile-nav-panel{background:#0a0d24!important}
}
