/* SIMPLY FI website light theme for the landing / downloads pages = the router admin colors (light, violet). Loaded
   AFTER landing.css (worker route /assets/sf-light-landing.css, owner 2026-11-02 "update mo website ko theme"). */
:root{color-scheme:light;--bg:#f7f7fd;--bg2:#eceefb;--card:#ffffff;--line:#e3e5f6;--txt:#20212e;--mut:#5c5f7a;--gold:#5b4fe0;--gold2:#6c63ff;--teal:#0f8a7c}
body{background:var(--bg);color:var(--txt)}
a{color:#5b4fe0}
::selection{background:rgba(108,99,255,.2)}
.nav.scrolled{background:rgba(255,255,255,.86);border-color:#e3e5f6}
.links>a.hide:after{background:#6c63ff}
.lang{background:#fff;border-color:#e3e5f6}
.lang button[aria-pressed=true]{background:rgba(108,99,255,.12);color:#5b4fe0}
.lang button:focus-visible,.q:focus-visible{outline-color:#6c63ff}
.btn{border-color:#6c63ff}
.btn.pri{background:linear-gradient(90deg,#6c63ff,#8b7cf8);color:#fff;box-shadow:0 8px 24px -10px rgba(91,79,224,.55)}
.btn.pri:hover{box-shadow:0 14px 30px -12px rgba(91,79,224,.6)}
.btn.sec{color:#5b4fe0;background:#fff}
.btn.sec:hover{background:#f4f3ff}
.glow{background:radial-gradient(800px 420px at 85% 0%,rgba(139,124,248,.22),transparent 70%),radial-gradient(700px 380px at 0% 100%,rgba(108,99,255,.12),transparent 70%)}
.tag{color:#5b4fe0;border-color:rgba(108,99,255,.3);background:rgba(108,99,255,.06)}
.tag i{background:#6c63ff;box-shadow:0 0 10px rgba(108,99,255,.55)}
h1 em{background:linear-gradient(90deg,#6c63ff,#8b7cf8 60%,#5b4fe0);-webkit-background-clip:text;background-clip:text;color:transparent}
.meta li:before{background:rgba(28,140,62,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c8c3e' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/9px no-repeat}
.panel{background:linear-gradient(160deg,#ffffff,#f4f5fc);box-shadow:0 40px 80px -40px rgba(43,45,66,.35),inset 0 1px 0 #fff}
.panel:before{background:linear-gradient(140deg,rgba(108,99,255,.55),transparent 40%,rgba(139,124,248,.45))}
.dots i{background:#dcdff3}
.dots i:first-child{background:#e5533d}
.dots i:nth-child(2){background:#f5b83d}
.dots i:nth-child(3){background:#2fb562}
.stat b{color:#5b4fe0}
.stat .ok{color:#1c8c3e}
.pulse{background:#1c8c3e;box-shadow:0 0 0 0 rgba(28,140,62,.5)}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(28,140,62,0)}100%{box-shadow:0 0 0 0 rgba(28,140,62,0)}}
.bars i{background:linear-gradient(180deg,#8b7cf8,rgba(108,99,255,.2))}
section.alt{background:linear-gradient(180deg,#eceefb,#f7f7fd);border-top:1px solid #e3e5f6}
.card{background:#fff;box-shadow:0 1px 2px rgba(43,45,66,.04),0 8px 24px rgba(91,79,224,.06)}
.card:before{background:radial-gradient(400px 160px at 0 0,rgba(108,99,255,.07),transparent)}
.card:hover{border-color:rgba(108,99,255,.35);box-shadow:0 24px 40px -24px rgba(43,45,66,.3)}
.ico{background:linear-gradient(145deg,rgba(108,99,255,.16),rgba(108,99,255,.04));border:1px solid rgba(108,99,255,.25);color:#5b4fe0}
.rt{background:#fff}
.rt:hover{border-color:rgba(108,99,255,.4)}
.rt i{background:#6c63ff;box-shadow:0 0 10px rgba(108,99,255,.5)}
.step{background:#fff}
.step:hover{border-color:rgba(108,99,255,.35)}
.num{background:linear-gradient(180deg,#6c63ff,rgba(108,99,255,.25));-webkit-background-clip:text;background-clip:text;color:transparent}
.price{border:1px solid rgba(108,99,255,.3);background:linear-gradient(120deg,rgba(108,99,255,.1),rgba(139,124,248,.06))}
.qa{background:#fff}
.qa.open{border-color:rgba(108,99,255,.35)}
.pm:before,.pm:after{background:#6c63ff}
.person{background:#fff;color:#20212e}
.person:hover{border-color:rgba(108,99,255,.4)}
footer a:hover{color:#20212e}
.warn{border:1px solid #f3d29a;background:#fff6e5;color:#8a5300}