/* Reference direction: black stages, warm orange light and yellow highlights. */
:root{
  --color-bg:var(--brand-black);
  --color-text:var(--brand-white);
  --color-text-muted:var(--brand-light-grey);
  --color-surface:var(--brand-dark-grey);
  --color-border:var(--brand-dark-grey);
  --color-primary-light:var(--brand-dark-grey);
  --gradient-action:linear-gradient(110deg,var(--brand-yellow),var(--brand-orange));
  --gradient-fire:radial-gradient(ellipse at 0% 0%,var(--brand-yellow),transparent 65%),linear-gradient(125deg,var(--brand-orange),var(--brand-yellow));
  --surface-dark:color-mix(in srgb,var(--brand-white) 8%,var(--brand-black));
}
body{background:var(--brand-black);color:var(--brand-white)}
.navigation{border-bottom-color:var(--brand-dark-grey)}
.hero-background{filter:grayscale(1)}
.hero-background:after{background:radial-gradient(ellipse at 100% 100%,rgba(245,58,1,.45),transparent 60%),linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,0,0,.8) 50%,rgba(0,0,0,.6))}
.hero h1 em{color:var(--brand-orange)}
.button_submit,.request_form .button_green{background:var(--brand-orange);color:var(--brand-black)}
@media(hover:hover) and (pointer:fine){
.button_submit:not(:disabled):hover,.request_form .button_green:hover{background:var(--brand-orange);color:var(--brand-black)}
}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--brand-yellow)}
/* The product preview remains a light interface on a dark stage. */
.workspace{--color-border:var(--brand-light-grey);border-color:var(--brand-dark-grey)}
.workspace .mock-stats>div,.workspace .avatar{background:var(--brand-light-grey)}
.workspace-top,.mock-sidebar,.order-row{border-color:var(--brand-light-grey)}
.mock-progress>div{background:var(--brand-light-grey)}
.mock-progress i{background:var(--gradient-action)}
.floating-note{border-color:var(--brand-light-grey)}
#functions{background:var(--brand-black)}
.section-heading>p:last-child:not(.eyebrow){color:var(--brand-light-grey)}
.feature-tabs{border-color:var(--brand-dark-grey)}
.feature-tabs button{color:var(--brand-light-grey)}
.feature-tab-indicator,.feature-tabs [aria-selected=true]{background:var(--brand-orange)}
.feature-tabs.has-indicator [aria-selected=true]{background:transparent}
@media(hover:hover) and (pointer:fine){.feature-tabs button:not([aria-selected=true]):hover{background:var(--brand-dark-grey);color:var(--brand-white)}}
.detail-card{background:linear-gradient(140deg,var(--brand-dark-grey),var(--surface-dark));border-color:var(--brand-dark-grey);color:var(--brand-white)}
.detail-top,.feature-index,.feature-panel li:before{color:var(--brand-yellow)}
.detail-card .badge{background:var(--brand-orange);color:var(--brand-black)}
.detail-card p,.detail-card>small{color:var(--brand-light-grey)}
.detail-card .detail-items{background:var(--brand-black)}
.detail-card .detail-items>div{border-color:var(--brand-dark-grey)}
.detail-card .detail-items span{color:var(--brand-light-grey)}
.feature-read-more,.feature-breadcrumbs a,.feature-toc a,.feature-related>a,.feature-access a{color:var(--brand-white)}
.feature-read-more:hover,.feature-toc a:hover,.feature-related>a:hover,.public-footer a:hover{color:var(--brand-yellow)}
.bento{background:var(--surface-dark);border-color:var(--brand-dark-grey)}
.bento .card-symbol,.bento .card-foot,.mini-timeline{color:var(--brand-light-grey)}
.ai-card{background:var(--gradient-fire);color:var(--brand-black);border-color:transparent}
.ai-card>p:not(.eyebrow),.ai-card .card-symbol,.ai-card .card-foot{color:var(--brand-black)}
.mobile-card{background:radial-gradient(ellipse at 100% 100%,rgba(245,58,1,.26),transparent 70%),var(--surface-dark)}
.workflow{background:radial-gradient(ellipse at 0% 100%,rgba(245,58,1,.17),transparent 65%),var(--surface-dark)}
.workflow .steps article{border-color:var(--brand-grey)}
.pricing-terms{background:var(--gradient-fire);color:var(--brand-black);border:0}
.pricing-copy .pricing-trial{color:var(--brand-white)}
.pricing-trial strong{color:var(--brand-yellow)}
.pricing-terms .price-note{color:var(--brand-black)}
.pricing-terms .button_submit,.cta-box .button_submit{background:var(--brand-orange);color:var(--brand-black);border:1px solid var(--brand-black)}
.pricing-terms .button_submit:not(:disabled):hover,.cta-box .button_submit:not(:disabled):hover{background:var(--brand-orange);color:var(--brand-black)}
.pricing-terms button:focus-visible,.cta-box button:focus-visible{outline-color:var(--brand-black)}
.faq-list summary:after{color:var(--brand-yellow)}
.cta-box{background:var(--gradient-fire);color:var(--brand-black)}
.cta-logo{filter:brightness(0)}
.cta-box>div>p:last-child{color:var(--brand-black)}
.cta-decoration{display:none}
.public-footer .brand img,.public-footer-social img{filter:brightness(0) invert(1)}
.public-footer-social{color:var(--brand-white)}
.public-footer small{color:var(--brand-light-grey)}
.feature-access{background:linear-gradient(135deg,var(--brand-dark-grey),var(--surface-dark))}
.feature-breadcrumbs{color:var(--brand-light-grey)}
.request_form input,.request_form textarea{background:var(--brand-black);color:var(--brand-white);border-color:var(--brand-grey)}
.request_form input:focus,.request_form textarea:focus{border-color:var(--brand-yellow);box-shadow:0 0 0 2px var(--brand-yellow)}
.request_form .button_red{background:var(--brand-grey);color:var(--brand-white)}
.modal_close{color:var(--brand-light-grey)}
.modal_close:hover{color:var(--brand-white)}
.pageup{background:var(--brand-white)}
@media(max-width:720px){
.hero-background:after{background:radial-gradient(ellipse at 100% 100%,rgba(245,58,1,.25),transparent 65%),rgba(0,0,0,.92)}
}

.navigation .login,.navigation .login:hover{background:var(--brand-orange);color:var(--brand-black);border-color:var(--brand-orange)}

/* Supplied white wordmark with service description. */
.navigation .brand img{width:192px;height:auto;filter:none}
.navigation .nav-inner{height:108px}
.hero{min-height:calc(100svh - 108px)}
@media(max-width:1000px) and (min-width:721px){.navigation .brand img{width:176px}.nav-inner nav{gap:20px;font-size:14px}}
@media(max-width:720px){.navigation .brand img{width:152px}.navigation .nav-inner{height:92px}.hero{min-height:calc(100svh - 92px)}}
@media(max-width:360px){.navigation .brand img{width:144px}}