:root{color-scheme:dark;--kp-bg:#020d08;--kp-panel:#071b10;--kp-panel-2:#0b2416;--kp-text:#e7f4eb;--kp-muted:#a4bbad;--kp-line:#315740;--kp-mint:#a3efc2;--kp-mint-2:#70d99d;--kp-danger:#ffb9be}
html,body{background:#020d08!important;background-image:none!important;color:var(--kp-text)!important}
body:before{background-image:none!important}
header,.commerce-header,.workspace-header,.topbar{background:#04150b!important;background-image:none!important;border-color:var(--kp-line)!important;box-shadow:none!important}
.brand,.brand span,.brand:after{color:var(--kp-text)!important}.brand img{filter:hue-rotate(75deg) saturate(.8)!important}
.brand-ring{border-color:var(--kp-mint)!important;background:transparent!important;box-shadow:0 0 14px #70d99d88,inset 0 0 8px #70d99d55!important}
nav,a,summary{color:#bce5ca!important}nav a[aria-current=page],nav .selected{color:var(--kp-mint)!important;border-color:var(--kp-mint)!important}
main,.commerce-main,.workspace-main{background:transparent!important;color:var(--kp-text)!important}
h1,h2,h3,h4,strong{color:var(--kp-text)!important}p,.muted,small,label{color:var(--kp-muted)}
.preview-strip{background:#0c2a19!important;color:#bdeace!important;border-color:#3c654b!important}
.card,.work-card,.site-card,.mission-card,.episode,.order-card,.offer-card,.panel,.metric,.metrics>*,dialog,article,.status-card,.section-card{background:#071b10!important;background-image:none!important;border-color:var(--kp-line)!important;box-shadow:none!important;color:var(--kp-text)!important}
input,textarea,select{background:#06180e!important;color:var(--kp-text)!important;border-color:#466a52!important;box-shadow:none!important;accent-color:var(--kp-mint)}
input:focus,textarea:focus,select:focus{border-color:var(--kp-mint)!important;outline:2px solid #a3efc233!important;outline-offset:2px}
button,.button,.link-button{border-color:#466f53!important;box-shadow:none!important}
button:not(.primary),.outline,.secondary,.link-button:not(.primary){background:#0d2919!important;color:#ccebd7!important}
button.primary,.primary,button[type=submit],.link-button.primary{background:var(--kp-mint)!important;background-image:none!important;color:#082414!important;border-color:var(--kp-mint)!important;box-shadow:none!important}
button:hover,a.button:hover,.link-button:hover{border-color:var(--kp-mint)!important}
.eyebrow,.status,.badge,.pill{color:#aceac3!important}.status-dot,.dot{background:var(--kp-mint-2)!important;box-shadow:0 0 12px #70d99d88!important}
.living-orb,.orb:not(.orbit),.orb-stage{border-color:var(--kp-mint)!important;filter:hue-rotate(75deg) saturate(.8)!important;box-shadow:0 0 28px #70d99d33!important}
.site-hero,.hero{background:radial-gradient(circle at 18% 40%,#174d2b55,transparent 45%)!important;border-color:var(--kp-line)!important}
.tabs,.tabs button,.tabs a{border-color:var(--kp-line)!important}.tabs .active,.tabs [aria-selected=true]{color:var(--kp-mint)!important;border-color:var(--kp-mint)!important}
.notice,[role=status],#message{border-color:#4d704f!important;background:#102717!important;color:#c2ddca!important}
#error,[role=alert]{background:#32191c!important;border-color:#8d4b51!important;color:var(--kp-danger)!important}
table,th,td{border-color:var(--kp-line)!important}th{background:#0c2517!important}tr:nth-child(even){background:#06170e!important}
progress{accent-color:var(--kp-mint)}
footer,.commerce-footer{background:transparent!important;color:#839e8d!important;border-color:var(--kp-line)!important}
*:focus-visible{outline:2px solid var(--kp-mint)!important;outline-offset:3px}
@media(max-width:760px){header,.commerce-header{border-color:var(--kp-line)!important}.commerce-header nav{background:#06180e!important;border-color:var(--kp-line)!important}}

.landing-hero .brand img{display:none!important}.landing-hero .brand:before{content:'';display:inline-block;width:27px;height:29px;border:2px solid var(--kp-mint);border-radius:46% 54% 44% 56%;box-shadow:0 0 13px #70d99d,inset 0 0 7px #70d99d;vertical-align:middle;margin-right:18px}.landing-hero .brand:after{content:'KPALIVE';font:500 17px 'DM Sans',Arial,sans-serif;letter-spacing:6px;color:var(--kp-text)!important}

/* Funnel states not covered by the living hero, balance, auth and plan layers. */
body[data-screen=checkout],body[data-screen=configured],body[data-screen=awake]{background:#020d08!important;--blue:var(--kp-mint)}
body[data-screen=checkout]:before,body[data-screen=configured]:before,body[data-screen=awake]:before,
body[data-screen=checkout] .hero-media,body[data-screen=configured] .hero-media,body[data-screen=awake] .hero-media{display:none!important}
body[data-screen=checkout] .landing-hero,body[data-screen=configured] .landing-hero,body[data-screen=awake] .landing-hero{background:radial-gradient(ellipse at 24% 42%,#123a2255,transparent 58%),#020d08!important;min-height:100svh}
body[data-screen=checkout] header,body[data-screen=configured] header,body[data-screen=awake] header{position:relative!important;inset:auto!important;height:90px!important;background:transparent!important}
body[data-screen=checkout] main,body[data-screen=configured] main,body[data-screen=awake] main{grid-template-columns:52% 44%;gap:4%;max-width:1500px;padding:0 5% 40px 0!important;align-items:center}
body[data-screen=checkout] .presence,body[data-screen=configured] .presence,body[data-screen=awake] .presence{display:block!important;position:relative!important;top:auto!important}
body[data-screen=checkout] .orbit,body[data-screen=configured] .orbit,body[data-screen=awake] .orbit{width:100%;max-width:none;aspect-ratio:1.08;margin:0}
body[data-screen=checkout] .orbit:after,body[data-screen=configured] .orbit:after,body[data-screen=awake] .orbit:after{content:'';position:absolute;inset:0;background:url('balance-reference.png') no-repeat 0 34%;background-size:177% auto;mask-image:radial-gradient(ellipse 50% 49% at 50% 48%,#000 73%,transparent 100%),linear-gradient(#000 0 88%,transparent 97%);mask-composite:intersect;filter:url(#organic-flow)}
body[data-screen=checkout] #orb,body[data-screen=configured] #orb,body[data-screen=awake] #orb,body[data-screen=checkout] .orb-center,body[data-screen=configured] .orb-center,body[data-screen=awake] .orb-center{visibility:hidden!important}
body[data-screen=checkout] .content,body[data-screen=configured] .content,body[data-screen=awake] .content{max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important}
body[data-screen=checkout] h2,body[data-screen=configured] h2,body[data-screen=awake] h1{font-size:clamp(34px,3.6vw,55px)!important;font-weight:400!important;line-height:1.08!important;color:var(--kp-text)!important}
body[data-screen=checkout] .method{width:100%;min-height:60px;margin:12px 0;border-radius:10px;background:#0d2919!important;border:1px solid #497258!important;color:#d9f1e1!important}
body[data-screen=checkout] .amount-total{color:var(--kp-mint)!important}body[data-screen=checkout] .eyebrow,body[data-screen=configured] .eyebrow,body[data-screen=awake] .eyebrow{color:#a8efc2!important}
body[data-screen=checkout] .entity-state,body[data-screen=configured] .entity-state,body[data-screen=awake] .entity-state{color:#d3eddd!important}body[data-screen=checkout] .entity-state i,body[data-screen=configured] .entity-state i,body[data-screen=awake] .entity-state i{background:var(--kp-mint)!important;box-shadow:0 0 15px #70d99d!important}
body[data-screen=checkout] .lead,body[data-screen=checkout] .fine,body[data-screen=checkout] .presence>p,body[data-screen=configured] .lead,body[data-screen=configured] .fine,body[data-screen=configured] .presence>p,body[data-screen=awake] .lead,body[data-screen=awake] .fine,body[data-screen=awake] .presence>p{color:#a7c1b1!important}
body[data-screen=checkout] footer,body[data-screen=configured] footer,body[data-screen=awake] footer{color:#7f9e89!important}
body[data-screen=checkout] .loading,body[data-screen=awake] .loading{border-color:#30573e!important;border-top-color:var(--kp-mint)!important}
@media(max-width:760px){body[data-screen=checkout] main,body[data-screen=configured] main,body[data-screen=awake] main{display:flex!important;flex-direction:column;padding:0 22px 32px!important}body[data-screen=checkout] .orbit,body[data-screen=configured] .orbit,body[data-screen=awake] .orbit{width:230px;margin:auto}body[data-screen=checkout] .content,body[data-screen=configured] .content,body[data-screen=awake] .content{width:100%;padding:0!important}body[data-screen=checkout] h2,body[data-screen=configured] h2,body[data-screen=awake] h1{font-size:33px!important}}