/* The same Kinetic composition, with a switchable full-page night palette. */
.kinetic-appearance{display:none;align-items:center;gap:12px;margin-left:auto;letter-spacing:0}.appearance-options{display:flex;align-items:center;padding:3px;border:1px solid #cfd2c6;border-radius:30px;background:#dddfd580;gap:3px}.appearance-options button{display:flex;gap:6px;align-items:center;border:0;background:none;border-radius:22px;padding:6px 12px;color:#858a7c;font-size:9px;font-weight:500;transition:background .25s,color .25s,box-shadow .25s}.appearance-options button>span{font-size:12px;line-height:1}.appearance-options button[aria-pressed=true]{background:#fafaf3;color:#23271e;box-shadow:0 2px 7px #3e4b2910}.appearance-compare{display:flex;gap:10px;align-items:center;background:none;border:0;padding:8px 1px;font-size:9px;color:#5e6652}.appearance-compare>span{font-size:12px}.appearance-compare:hover{color:#d84b1c}html[data-design=kinetic] .kinetic-appearance{display:flex}html[data-design=kinetic] .concept-note{align-items:center;min-height:52px;padding-top:7px;padding-bottom:7px;gap:18px}html[data-design=kinetic] .concept-note>span:nth-child(2){display:none}.kinetic-neon .concept-note{background:#111620!important;color:#8a9eaf!important;border-color:#293342!important}.kinetic-neon .labbar{background:#080c13;border-color:#223133}.kinetic-neon .concept-kinetic.active{background:#6affce;color:#09231c;box-shadow:0 0 16px #6affce1a}.kinetic-neon .concept-kinetic.active .new-tag{color:#1d5d46}.kinetic-neon .concept-kinetic.active .orange{background:#13432e}.kinetic-neon .appearance-options{background:#090e17;border-color:#293b45}.kinetic-neon .appearance-options button{color:#8f9cae}.kinetic-neon .appearance-options button[aria-pressed=true]{color:#8bffda;background:#1e3733;box-shadow:inset 0 0 0 1px #6affce30,0 0 16px #6affce08}.kinetic-neon .appearance-compare{color:#a1b4c4}.kinetic-neon .appearance-compare:hover{color:#6affce}
.kinetic-neon #site[data-design=kinetic]{--bg:#090c14;--text:#e9f1f4;--muted:#91a3b6;--accent:#6affce;--soft:#17252d;--border:#273744;--surface:#101924;--card:#0c141e;--buttontext:#05271c;color-scheme:dark}.kinetic-neon #site .site-header{border-color:#263340}.kinetic-neon #site .login{border-color:#354552;color:#c9d8e2}.kinetic-neon #site .login:hover{border-color:#6affce;color:#6affce}.kinetic-neon .kinetic-hero{background:radial-gradient(ellipse at 74% 45%,#6848d51a,transparent 38%),radial-gradient(ellipse at 100% 90%,#26ffb20b,transparent 44%)}.kinetic-neon .kinetic-grid{background-image:linear-gradient(#95c9e609 1px,transparent 1px),linear-gradient(90deg,#95c9e609 1px,transparent 1px)}.kinetic-neon .kinetic-kicker{color:#a9beca}.kinetic-neon .kinetic-dot{background:#6affce;box-shadow:0 0 12px #6affce66;animation-name:neonDotBreathe}.kinetic-neon .kinetic-edition{color:#678291}.kinetic-neon .kinetic-copy .line:nth-child(2)>em{color:#e9f1f4}.kinetic-neon .title-dot{color:#6affce;text-shadow:0 0 30px #6affce55}.kinetic-neon .kinetic-description{color:#9aaabd}.kinetic-neon .kinetic-cta{background:#6affce;color:#072e21;box-shadow:0 0 28px #6affce0c}.kinetic-neon .kinetic-cta:before{background:#b09aff}.kinetic-neon .kinetic-cta:hover{box-shadow:0 0 30px #a18aff30}.kinetic-neon .cta-arrow{background:#174b3020}.kinetic-neon #kinetic-demo{color:#c5d3df}.kinetic-neon .demo-play{border-color:#3b5061}.kinetic-neon #kinetic-demo:hover .demo-play{background:#6affce;color:#073223;border-color:#6affce;box-shadow:0 0 20px #6affce33}.kinetic-neon .kinetic-trial{color:#778da0}.kinetic-neon .kinetic-trial>span{color:#6affce}.kinetic-neon .scene-coordinate{color:#718ca3}.kinetic-neon .coord-cross{color:#4c697d}.kinetic-neon .metal-ring{background:linear-gradient(125deg,#171e3d,#465287 15%,#cbfff2 27%,#31504c 38%,#9473e7 52%,#252047 64%,#92f5d4 78%,#466190 89%,#141a2f) border-box;filter:drop-shadow(0 0 5px #72e4da16);box-shadow:0 8px 18px #0005}.kinetic-neon .orb-glow{background:radial-gradient(circle at 30% 20%,#d5fff4,#58f4bd 40%,#188f8d 72%,#383476);box-shadow:0 0 65px #55ffc73a,0 0 120px #9779ff22}.kinetic-neon .sculpture-shadow{background:#1eeeb825;filter:blur(20px)}.kinetic-neon .orbit-path{border-color:#659bd02b}.kinetic-neon .orbit-path>span{background:#6affce;box-shadow:0 0 9px #6affce99,0 0 0 5px #6affce0b}.kinetic-neon .path-two>span{background:#b496ff;box-shadow:0 0 9px #a887ff88}.kinetic-neon .path-three>span{background:#72b6ff;box-shadow:0 0 9px #72b6ff88}.kinetic-neon .kinetic-core{color:#062a21;background:linear-gradient(150deg,#c2ffebd9,#63eac9d9 52%,#339aac);border-color:#bbffe49c;box-shadow:inset 1px 2px 20px #e3fff244,0 0 28px #5affc944,0 0 70px #ae88ff30}.kinetic-neon .kinetic-core:hover{box-shadow:0 0 0 14px #6affce0b,0 0 55px #6affce66}.kinetic-neon .core-dot{color:#2b6c79}.kinetic-neon .orbit-chip{background:#101a2be6;border-color:#2b3b54;color:#deebf5;box-shadow:0 15px 30px #0003}.kinetic-neon .orbit-chip small{color:#7b91aa}.kinetic-neon .chip-symbol{color:#637da5}.kinetic-neon .chip-light{background:#354b61}.kinetic-neon .orbit-chip.lit{border-color:#6affce70;box-shadow:0 0 24px #6affce0d,0 10px 30px #0003}.kinetic-neon .orbit-chip.lit .chip-symbol{color:#6affce;text-shadow:0 0 15px #6affce35}.kinetic-neon .orbit-chip.lit .chip-light{background:#6affce;box-shadow:0 0 12px #6affce88,0 0 0 4px #6affce10}.kinetic-neon .spark-one{color:#ba9eff;text-shadow:0 0 15px #b798ff33}.kinetic-neon .spark-two{color:#4e718c}.kinetic-neon .scene-controls{color:#718da1}.kinetic-neon .scene-controls>span>span{color:#6affce}.kinetic-neon .scene-controls button{border-color:#2f4354;color:#a1b8c8;background:#101c2644}.kinetic-neon .scene-controls button:hover{border-color:#6affce;color:#6affce}.kinetic-neon .kinetic-footer{border-color:#263845;color:#748fa0}.kinetic-neon .kinetic-footer a{color:#d3e4ed}.kinetic-neon .kinetic-footer a>span{color:#6affce}.kinetic-neon .kinetic-footer>span:last-child{color:#668296}
.kinetic-neon #site .kinetic-marquee{background:#6affce;color:#07271c;box-shadow:0 0 45px #6affce10}.kinetic-neon .kinetic-marquee i{color:#256658}.kinetic-neon .kinetic-flow-heading h2 em{color:#829ab4}.kinetic-neon .kinetic-flow-heading>p{color:#8eabc0}.kinetic-neon .kinetic-track button{color:#9bb4c8}.kinetic-neon .track-number{border-color:#354e64;background:#0e1723;color:#adc2d5}.kinetic-neon .kinetic-track button.active .track-number{background:#6affce;color:#082d21;border-color:#6affce;box-shadow:0 0 0 7px #6affce09,0 0 26px #6affce18}.kinetic-neon .kinetic-track button.passed .track-number{background:#1e3843;color:#9cffde;border-color:#366252}.kinetic-neon .kinetic-track button:hover .track-number{border-color:#6affce}.kinetic-neon .kinetic-track button.active strong{color:#6affce}.kinetic-neon .kinetic-track button small{color:#7790a6}.kinetic-neon .track-line{background:#273c50}.kinetic-neon .track-line>span{background:#6affce;box-shadow:0 0 12px #6affce40}.kinetic-neon .track-line>i{background:#6affce;box-shadow:0 0 15px #6affce77}.kinetic-neon .kinetic-flow-caption{border-color:#293b4d;color:#a3bdcd}.kinetic-neon .flow-auto{color:#6c869b}
.kinetic-neon #site .hero{border-color:#293b4d}.kinetic-neon #site .hero .eyebrow{color:#91b2c3}.kinetic-neon #site .dashboard{background:#0e1824;border-color:#2c4357;box-shadow:14px 16px 0 #172b37,0 25px 60px #0003}.kinetic-neon #site .dash-sidebar{background:#111e2b}.kinetic-neon .dash-avatar{background:#483f67;color:#d4c7fa}.kinetic-neon .metric-row .done-icon{color:#6affce;background:#1c3a34}.kinetic-neon .event-a{background:#143f3e;color:#b6ffe6;border-color:#5bc8aa}.kinetic-neon .event-b{background:#2b234a;color:#d6bfff;border-color:#a17be2}.kinetic-neon .event-c{background:#1b314e;color:#b1d3ff;border-color:#618bc6}.kinetic-neon #site .floating-card{border-color:#3d5c60;background:#15252f;box-shadow:0 10px 35px #0005}.kinetic-neon .floating-icon{background:#21493c;color:#7affd2}.kinetic-neon #site .event:hover{box-shadow:0 8px 20px #0004}.kinetic-neon #site .flow-preview{background:radial-gradient(ellipse at 30% 80%,#6353bd20,transparent 70%),#101e2b;border-color:#30485c}.kinetic-neon .phone-card{box-shadow:0 20px 45px #0005}.kinetic-neon #site .start-section{background:radial-gradient(ellipse at 90% 30%,#8868fc26,transparent 65%),#112b2b;border:1px solid #35615c;color:#dcfff1}.kinetic-neon #site .start-section:after{color:#69ffce1c;text-shadow:0 0 40px #6affce11}.kinetic-neon #site .start-section .eyebrow,.kinetic-neon #site .start-section p,.kinetic-neon #site .pricing-link{color:#a5c9c7}.kinetic-neon #site .start-section h2 span{color:#6affce}.kinetic-neon #site .start-section .primary{background:#6affce;color:#082b20}.kinetic-neon #site .button:hover{box-shadow:0 8px 30px #6affce15}
.kinetic-neon dialog{background:#0f1723;color:#e0edf4;border-color:#32455b;color-scheme:dark;box-shadow:0 35px 100px #0007}.kinetic-neon dialog::backdrop{background:#02050bc9}.kinetic-neon .dialog-header .overline{color:#8ba7bf}.kinetic-neon .dialog-intro,.kinetic-neon .comparison-footnote{color:#8fa9bf}.kinetic-neon .close-dialog{background:#1d2c3f;color:#b4cadb}.kinetic-neon #order-modal{--accent:#6affce;--soft:#19352f;--buttontext:#072a1f;--muted:#8ca8b8}.kinetic-neon #order-modal>p{color:#8da8bd}.kinetic-neon .order-person{border-color:#2d4054}.kinetic-neon .order-person>div>span,.kinetic-neon .order-demo-tag{color:#87a2b7}.kinetic-neon .order-checks input{accent-color:#6affce}.kinetic-neon .order-progress progress{accent-color:#6affce}.kinetic-neon .order-progress progress::-webkit-progress-bar{background:#25394d}.kinetic-neon .order-progress progress::-webkit-progress-value{background:#6affce}.kinetic-neon .toast{background:#173c35;color:#abffdd;border:1px solid #6affce40;box-shadow:0 0 30px #6affce10}
#kinetic-compare{width:900px;max-width:calc(100% - 36px);padding:30px}.appearance-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.appearance-card{border:1px solid #d2d6cb;border-radius:12px;padding:24px;text-align:left;overflow:hidden;transition:transform .3s,box-shadow .3s}.appearance-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0002}.appearance-light{background:#efeee9;color:#25291f}.appearance-neon{background:#0a101b;color:#e2edf4;border-color:#3b5363}.appearance-card-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px}.appearance-card-label>span{font-size:14px;color:#788271}.appearance-neon .appearance-card-label{color:#8ba9bb}.appearance-neon .appearance-card-label>span{color:#6affce}.appearance-art{height:190px;display:flex;align-items:center;position:relative;margin-top:15px}.appearance-art>strong{font:800 43px/.98 'Manrope',sans-serif;letter-spacing:-2.7px;position:relative;z-index:2;pointer-events:none}.appearance-art>strong>span{color:#f45c2c}.appearance-neon .appearance-art>strong>span{color:#6affce}.appearance-orb{width:150px;height:150px;position:absolute;right:-29px;top:20px;transform:rotate(-14deg)}.appearance-orb>i{position:absolute;inset:0;border:13px solid transparent;border-radius:50%;background:linear-gradient(120deg,#3b4632,#f8fbed,#848c78,#262e20,#d6deca) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude}.appearance-orb>i:nth-child(1){transform:rotateX(60deg) rotateZ(-25deg)}.appearance-orb>i:nth-child(2){transform:rotateY(60deg) rotateZ(40deg)}.appearance-orb>i:nth-child(3){transform:rotateX(40deg) rotateY(40deg)}.appearance-orb>b{position:absolute;inset:32%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffbb87,#f45c2c 60%,#aa3c18);color:#fff7e7;font:800 31px/1 'Manrope',sans-serif;letter-spacing:-3px;padding-right:4px;box-shadow:0 5px 15px #97431720}.appearance-neon .appearance-orb>i{background:linear-gradient(125deg,#252844,#cefff0,#55457f,#a38bfa,#52a6a5,#24345d) border-box;filter:drop-shadow(0 0 8px #6affce10)}.appearance-neon .appearance-orb>b{background:radial-gradient(circle at 30% 20%,#d5fff2,#6affce 50%,#328a9a);color:#0a342a;box-shadow:0 0 30px #6affce30}.appearance-card h3{font-size:16px;font-weight:600;margin:0 0 10px}.appearance-card p{font-size:11px;line-height:1.8;color:#7b8471}.appearance-neon p{color:#8da6b8}.appearance-card-link{display:flex;align-items:center;justify-content:space-between;padding-top:19px;margin-top:23px;border-top:1px solid #cdd3c1;font-size:11px;color:#c75024}.appearance-neon .appearance-card-link{color:#6affce;border-color:#2d4353}.appearance-card-link>span{font-size:18px}.appearance-hint{font-size:10px;line-height:1.8;color:#8b98a7;margin-top:22px}.kinetic-neon .appearance-hint{color:#8da6ba}.appearance-light{color-scheme:light}
@keyframes neonDotBreathe{0%,100%{box-shadow:0 0 0 3px #6affce12,0 0 9px #6affce55}50%{box-shadow:0 0 0 6px #6affce08,0 0 16px #6affce55}}
@media(max-width:800px){html[data-design=kinetic] .concept-note{gap:10px}.appearance-options button{padding:6px 10px;font-size:8px}.appearance-compare{font-size:8px}.kinetic-appearance{gap:10px}.appearance-art>strong{font-size:36px;letter-spacing:-2px}.appearance-orb{width:125px;height:125px;top:30px;right:-24px}.appearance-card{padding:20px}.appearance-card h3{font-size:14px}}
@media(max-width:560px){html[data-design=kinetic] .concept-note{padding:7px 16px;flex-wrap:wrap;gap:6px;min-height:74px}html[data-design=kinetic] .concept-note>#concept-caption{flex:1 0 100%;font-size:6px;letter-spacing:.65px}.kinetic-appearance{margin:0;width:100%;justify-content:space-between}.appearance-options button{padding:5px 13px;font-size:8px}.appearance-options button>span{font-size:11px}.appearance-compare{font-size:8px;padding:6px 2px}.appearance-options{padding:2px}.kinetic-neon #site .dashboard{box-shadow:7px 8px 0 #172b37}.kinetic-neon .kinetic-track button.active .track-number{box-shadow:0 0 0 5px #6affce09,0 0 22px #6affce18}#kinetic-compare{padding:20px;max-width:calc(100% - 20px)}.appearance-pair{gap:10px}.appearance-card{padding:13px;border-radius:9px}.appearance-card-label{font-size:6px;letter-spacing:.5px}.appearance-card-label>span{font-size:11px}.appearance-art{height:130px;margin-top:9px;align-items:flex-start;padding-top:15px}.appearance-art>strong{font-size:26px;letter-spacing:-1.4px;line-height:1.05}.appearance-orb{width:95px;height:95px;top:45px;right:-28px;opacity:.75}.appearance-orb>i{border-width:9px}.appearance-orb>b{font-size:22px;letter-spacing:-2px}.appearance-card h3{font-size:11px;line-height:1.4;margin-bottom:8px;min-height:30px}.appearance-card p{font-size:8px;line-height:1.8;min-height:42px}.appearance-card p br{display:none}.appearance-card-link{font-size:8px;margin-top:15px;padding-top:12px;gap:3px}.appearance-card-link>span{font-size:13px}.appearance-hint{font-size:8px;margin-top:17px}.kinetic-neon .kinetic-core:hover{box-shadow:0 0 0 9px #6affce0b,0 0 40px #6affce44}}
@media(prefers-reduced-motion:reduce){.appearance-card,.appearance-options button{transition:none!important}}