/* Shared brand layer. Status and destructive-action colors remain semantic. */
.secure-cloud h1 span{color:#c2410c}
html[data-theme="dark"] .secure-cloud h1 span{color:#fb923c}
.secure-cloud .eyebrow .dot{background:#f97316}
@keyframes secureCloudPulse{
 0%{transform:scale(.92);box-shadow:0 0 0 0 rgba(249,115,22,.32)}
 50%{transform:scale(1.12);box-shadow:0 0 0 5px rgba(249,115,22,.14)}
 100%{transform:scale(.92);box-shadow:0 0 0 10px rgba(249,115,22,0)}
}
/* Match the existing red hero artwork to the orange brand without changing its layout. */
.secure-cloud-art img{filter:hue-rotate(35deg)}
.brand-mark,.brand-logo-box{border-radius:50%}
:root, body, body.dark, html[data-theme="dark"] {
  --primary:#c2410c; --primary-dark:#9a3412; --primary-light:#ffedd5;
  --autofill-bg:#fff7ed; --autofill-text:#29201b;
}
body:not(.dark), html[data-theme="light"] body {
  --bg:#fffaf5; --background:#fffaf5;
  --page-background:radial-gradient(circle at 8% 10%,#f9731612,transparent 34%),linear-gradient(180deg,#fffcf9,#fff7ed);
  --border:#eadfd5; --line:#eadfd5;
}
html[data-theme="dark"],body.dark,html[data-theme="dark"] body {
  --bg:#0c0b0a!important; --card:#262320!important; --panel:#1c1917!important;
  --card-soft:#302a25!important; --border:#51463c!important; --line:#51463c!important;
  --muted:#c5b8ac!important; --soft-text:#c5b8ac!important;
  --surface:#262320; --surface-solid:#262320;
  --page-background:#0c0b0a; --autofill-bg:#30251c; --autofill-text:#fff7ed;
  background:#0c0b0a!important;
}
html[data-theme="dark"] .hero {background:radial-gradient(ellipse at 70% 10%,#f9731617,transparent 55%),#0c0b0a!important}
.hero {background:radial-gradient(circle at 70% 10%,#fed7aa66,transparent 50%),#fffaf5}
.cta-box,.cta-card,.cta {background:linear-gradient(120deg,#9a3412,#c2410c)!important}
.vpn-theme-illustration {filter:hue-rotate(175deg)!important}
html[data-theme="dark"] .typing-word {background-image:linear-gradient(90deg,#fed7aa,#fb923c,#f97316)!important}
:is(body.dark,html[data-theme="dark"] body) :is(.text-link,.switch-copy a,.brand span,.logo span){color:#fb923c}
input:is(:-webkit-autofill,:autofill){border-color:#dfcbb9!important}
input:is(:-webkit-autofill,:autofill):focus{border-color:#c2410c!important;box-shadow:0 0 0 1000px var(--autofill-bg) inset,0 0 0 3px #f9731620!important}
:is(body.dark,html[data-theme="dark"] body) :is(.nav,.site-header,#clientSidebar,#adminSidebar){background:#141210!important;border-color:#42382f!important}