.smmo-site{
  --smmo-bg:#07101a;
  --smmo-bg2:#0b1420;
  --smmo-panel:#0f1926;
  --smmo-panel2:#121d2b;
  --smmo-line:rgba(208,224,255,.12);
  --smmo-text:#f7f9ff;
  --smmo-muted:#9aa9bf;
  --smmo-purple:#915cff;
  --smmo-purple2:#6f49ff;
  --smmo-blue:#4f9cff;
  --smmo-cyan:#4de9ff;
  --smmo-lime:#b9ff4a;
  --smmo-pink:#ff65b7;
  --smmo-gold:#ffc568;
  --smmo-red:#ff637b;
  color:var(--smmo-text);
  font-family:inherit;
  box-sizing:border-box;
  width:100%;
}
.smmo-site *{box-sizing:border-box}
.smmo-site a{text-decoration:none}

html body .smmo-site .smmo-feature-grid article h3,html body .smmo-site .smmo-feature-card h3,html body .smmo-site .smmo-three-cards h3{
    color: #f7f9ff !important;
    font-family: inherit !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.34) !important;
}

html body .smmo-site .smmo-feature-grid article > span{
    color: #a889ff !important;
    opacity: 1 !important;
}

html body .smmo-site .smmo-feature-grid article p{
    color: #9aa9bf !important;
    opacity: 1 !important;
}

html body .smmo-site .smmo-feature-grid article{
    color: var(--smmo-text) !important;
}

html body .smmo-site .smmo-feature-grid article h3 a,html body .smmo-site .smmo-feature-card h3 a,html body .smmo-site .smmo-three-cards h3 a{
    color: inherit !important;
}

.smmo-section{width:min(1420px,calc(100% - 44px));margin:0 auto;position:relative}
.smmo-band{padding:96px 0;background:var(--smmo-bg)}
.smmo-band--soft{background:linear-gradient(180deg,#09121d 0%,#07101a 100%)}
.smmo-band--purple{background:radial-gradient(circle at 50% 5%,rgba(145,92,255,.18),transparent 38%),linear-gradient(180deg,#0a1020,#07101a)}
.smmo-kicker{display:flex;align-items:center;gap:10px;color:#a786ff;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.smmo-kicker span{width:24px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--smmo-purple),var(--smmo-cyan));box-shadow:0 0 16px rgba(145,92,255,.55)}
.smmo-heading{margin-bottom:42px}
.smmo-heading h2,.smmo-copy-block h2{margin:12px 0 16px;font-size:clamp(36px,5vw,72px);line-height:.98;letter-spacing:-.055em;color:#fff;font-weight:820}
.smmo-heading h2 em,.smmo-copy-block h2 em{font-style:normal;color:#b9a5ff}
.smmo-heading p,.smmo-copy-block>p{margin:0;color:var(--smmo-muted);font-size:17px;line-height:1.7}
.smmo-heading--split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);gap:70px;align-items:end}
.smmo-heading--split p{max-width:620px;justify-self:end}
.smmo-heading--centre{text-align:center;max-width:980px;margin-left:auto;margin-right:auto}
.smmo-heading--centre .smmo-kicker{justify-content:center}
.smmo-heading--centre p{max-width:800px;margin:0 auto}
.smmo-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:14px;font-weight:820;font-size:14px;transition:.18s ease;border:1px solid transparent}
.smmo-button--primary{color:#fff!important;background:linear-gradient(135deg,#8f5dff,#6548ff);border-color:rgba(190,162,255,.45);box-shadow:0 14px 34px rgba(104,68,255,.26),inset 0 1px 0 rgba(255,255,255,.17)}
.smmo-button--primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 20px 42px rgba(104,68,255,.34)}
.smmo-button--ghost{color:#dbe4f2!important;background:rgba(255,255,255,.035);border-color:var(--smmo-line)}
.smmo-button--ghost:hover{color:#fff!important;border-color:rgba(145,92,255,.36);background:rgba(145,92,255,.08)}
.smmo-button--full{width:100%}

.smmo-hero{position:relative;overflow:hidden;padding:74px 0 86px;background:radial-gradient(circle at 74% 18%,rgba(145,92,255,.18),transparent 32%),radial-gradient(circle at 16% 80%,rgba(77,233,255,.07),transparent 30%),linear-gradient(180deg,#07101a,#09131f)}
.smmo-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 85%);pointer-events:none}
.smmo-hero__grid{display:grid;grid-template-columns:minmax(430px,.9fr) minmax(620px,1.25fr);align-items:center;gap:66px}
.smmo-hero__copy{position:relative;z-index:2}
.smmo-hero__brandline{display:flex;align-items:center;gap:14px;margin:25px 0 24px;padding:10px 14px 10px 10px;width:max-content;max-width:100%;border:1px solid rgba(145,92,255,.18);border-radius:18px;background:rgba(15,25,38,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.smmo-hero__logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(98,60,255,.24))}
.smmo-hero__brandline strong,.smmo-hero__brandline span{display:block}.smmo-hero__brandline strong{font-size:14px;color:#fff}.smmo-hero__brandline span{font-size:11px;color:#8190a7;margin-top:3px}
.smmo-hero h1{margin:0;color:#fff;font-size:clamp(54px,6vw,92px);line-height:.92;letter-spacing:-.065em;font-weight:850}.smmo-hero h1 em{display:inline-block;font-style:normal;color:#b69cff;text-shadow:0 0 42px rgba(145,92,255,.28)}
.smmo-lead{max-width:760px;margin:26px 0 0;color:#aab7c9;font-size:18px;line-height:1.72}
.smmo-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.smmo-proof-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.smmo-proof-row span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);color:#8796aa;font-size:10px;font-weight:750}.smmo-proof-row i{width:7px;height:7px;border-radius:50%}.smmo-proof-row .is-lime{background:var(--smmo-lime);box-shadow:0 0 11px rgba(185,255,74,.5)}.smmo-proof-row .is-blue{background:var(--smmo-blue)}.smmo-proof-row .is-purple{background:var(--smmo-purple)}.smmo-proof-row .is-pink{background:var(--smmo-pink)}
.smmo-hero__visual{position:relative;z-index:1}.smmo-app-window{overflow:hidden;border-radius:24px;background:#08101a;border:1px solid rgba(255,255,255,.12);box-shadow:0 42px 100px rgba(0,0,0,.44),0 0 0 1px rgba(145,92,255,.04) inset;transform:perspective(1600px) rotateY(-4deg) rotateX(1.2deg);transform-origin:center left}
.smmo-app-window__top{height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:linear-gradient(135deg,#0b1320,#101827 74%,rgba(145,92,255,.14));border-bottom:1px solid rgba(255,255,255,.07)}
.smmo-app-brand{display:flex;align-items:center;gap:10px}.smmo-app-brand img{width:50px;height:50px;object-fit:contain}.smmo-app-brand strong,.smmo-app-brand small{display:block}.smmo-app-brand strong{font-size:12px}.smmo-app-brand small{font-size:8px;color:#738097;margin-top:2px}.smmo-app-tabs{display:flex;gap:5px}.smmo-app-tabs span{padding:9px 10px;border-radius:9px;color:#8591a4;font-size:8px;font-weight:800}.smmo-app-tabs .is-active{background:rgba(145,92,255,.15);color:#fff;border:1px solid rgba(145,92,255,.25)}
.smmo-app-window__body{display:grid;grid-template-columns:190px 1fr;min-height:420px}.smmo-app-sidebar{padding:18px 13px;background:#0a121d;border-right:1px solid rgba(255,255,255,.08)}.smmo-app-search{height:38px;border-radius:9px;background:#111a27;border:1px solid rgba(255,255,255,.08);margin-bottom:15px}.smmo-side-item{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 8px;border-radius:8px;color:#aab5c6;font-size:8.5px}.smmo-side-item b{margin-left:auto;color:#66758b;font-weight:700}.smmo-side-item.is-active{background:rgba(145,92,255,.16);color:#fff;border:1px solid rgba(145,92,255,.22)}.smmo-side-heading{display:block;margin:16px 7px 6px;color:#67758a;font-size:7px;letter-spacing:.15em;font-weight:900;text-transform:uppercase}.smmo-side-item i{width:8px;height:8px;border:2px solid;border-radius:3px}.smmo-side-item .is-gold{border-color:var(--smmo-gold)}.smmo-side-item .is-purple{border-color:var(--smmo-purple)}.smmo-side-item .is-cyan{border-color:var(--smmo-cyan)}.smmo-side-item.is-child{padding-left:20px}
.smmo-app-main{padding:22px;background:radial-gradient(circle at 88% 0%,rgba(145,92,255,.08),transparent 35%),#080f18}.smmo-app-main__head span,.smmo-app-main__head strong,.smmo-app-main__head small{display:block}.smmo-app-main__head span{font-size:7px;color:#9a70ff;font-weight:900;letter-spacing:.13em}.smmo-app-main__head strong{font-size:24px;line-height:1;margin-top:5px}.smmo-app-main__head small{color:#7b899d;font-size:9px;margin-top:8px}.smmo-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.smmo-media-card{position:relative;aspect-ratio:1.3;border-radius:11px;overflow:hidden;background:radial-gradient(circle at 45% 40%,rgba(77,233,255,.46),transparent 25%),radial-gradient(circle at 65% 63%,rgba(145,92,255,.7),transparent 32%),#081526;border:1px solid rgba(255,255,255,.1)}.smmo-media-card:nth-child(2n){background:radial-gradient(circle at 70% 30%,rgba(185,255,74,.4),transparent 20%),radial-gradient(circle at 38% 68%,rgba(79,156,255,.7),transparent 30%),#071421}.smmo-media-card i{position:absolute;left:7px;top:7px;padding:3px 5px;border-radius:5px;background:#24420f;border:1px solid #6c9c22;color:#dfffac;font-size:6px;font-style:normal;font-weight:900}.smmo-version-pill{position:absolute;right:-18px;bottom:-24px;padding:13px 17px;border-radius:16px;background:linear-gradient(135deg,#121b2a,#101724);border:1px solid rgba(145,92,255,.28);box-shadow:0 18px 44px rgba(0,0,0,.38)}.smmo-version-pill span,.smmo-version-pill strong{display:block}.smmo-version-pill span{font-size:7px;color:#7c899d;text-transform:uppercase;letter-spacing:.12em}.smmo-version-pill strong{font-size:13px;margin-top:3px;color:#c9b9ff}

.smmo-organise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.smmo-feature-card{min-height:248px;padding:23px;border-radius:20px;border:1px solid var(--smmo-line);background:linear-gradient(180deg,#0f1925,#0a131e);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.smmo-feature-card--wide{grid-column:span 2;display:grid;grid-template-columns:74px 1fr;gap:20px}.smmo-feature-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:28px;font-weight:800;background:#111c29;border:1px solid rgba(255,255,255,.09)}.smmo-feature-icon.is-purple{color:#c7adff;box-shadow:inset 0 0 28px rgba(145,92,255,.12)}.smmo-feature-icon.is-pink{color:#ff9bd1}.smmo-feature-icon.is-lime{color:#dfffac}.smmo-feature-icon.is-blue{color:#9dccff}.smmo-feature-card>span,.smmo-feature-card>div>span{display:block;color:#8c79bd;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.smmo-feature-card h3{margin:9px 0 10px;color:#fff;font-size:23px;line-height:1.15;letter-spacing:-.03em}.smmo-feature-card p{margin:0;color:#8291a5;font-size:13px;line-height:1.65}
.smmo-never-changes{display:grid;grid-template-columns:1fr 1.7fr;gap:28px;align-items:center;margin-top:16px;padding:22px 24px;border-radius:20px;border:1px solid rgba(185,255,74,.12);background:linear-gradient(90deg,rgba(185,255,74,.04),rgba(79,156,255,.035))}.smmo-never-changes>div span,.smmo-never-changes>div strong{display:block}.smmo-never-changes>div span{color:#9cc76a;font-size:8px;font-weight:900;letter-spacing:.12em}.smmo-never-changes>div strong{font-size:20px;margin-top:5px}.smmo-never-changes ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.smmo-never-changes li{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:#0b141e;border:1px solid rgba(255,255,255,.06);font-size:9px}.smmo-never-changes li b{color:#b7c1d0}.smmo-never-changes li span{color:#cfff8a}

.smmo-two-col{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);gap:72px;align-items:center}.smmo-two-col--reverse{grid-template-columns:minmax(420px,.82fr) minmax(0,1.18fr)}.smmo-copy-block .smmo-kicker{margin-bottom:4px}.smmo-copy-block>p{max-width:650px}
.smmo-studio-web{background:radial-gradient(circle at 18% 30%,rgba(79,156,255,.08),transparent 28%),#07101a}.smmo-studio-mock{display:grid;grid-template-columns:150px 1fr 170px;min-height:520px;overflow:hidden;border-radius:22px;background:#080e16;border:1px solid rgba(255,255,255,.11);box-shadow:0 38px 90px rgba(0,0,0,.38)}.smmo-studio-mock__tools,.smmo-studio-mock__versions{padding:18px 14px;background:#0a121c}.smmo-studio-mock__tools{border-right:1px solid rgba(255,255,255,.07)}.smmo-studio-mock__versions{border-left:1px solid rgba(255,255,255,.07)}.smmo-studio-mock .is-label{display:block;color:#8270b1;font-size:7px;letter-spacing:.13em;font-weight:900}.smmo-studio-mock__tools strong{display:block;margin:18px 0 7px;font-size:9px}.smmo-studio-mock__tools i{display:inline-block;width:31px;height:24px;margin:0 3px 5px 0;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#111b28}.smmo-studio-mock__tools b{display:inline-block;width:48%;height:28px;border-radius:6px;background:#111b28;border:1px solid rgba(255,255,255,.08)}.smmo-studio-mock__tools em{display:block;padding:9px;border-radius:8px;background:#111b28;border:1px solid rgba(255,255,255,.08);font-style:normal;color:#a7cfff;font-size:8px}.smmo-studio-mock__canvas{position:relative;display:grid;place-items:center;padding:26px;background:#060b11}.smmo-checker{position:relative;width:100%;aspect-ratio:1.35;background-color:#d6dbe1;background-image:linear-gradient(45deg,#bdc4cc 25%,transparent 25%),linear-gradient(-45deg,#bdc4cc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bdc4cc 75%),linear-gradient(-45deg,transparent 75%,#bdc4cc 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;border-radius:12px;display:grid;place-items:center}.smmo-crop-demo{position:relative;width:72%;height:70%;background:radial-gradient(circle at 55% 45%,#8a5cff 0 7%,transparent 8%),radial-gradient(circle at 30% 65%,#2abfff 0 12%,transparent 13%),linear-gradient(135deg,#071425,#101d31);border:3px solid #72e597;box-shadow:0 0 0 999px rgba(0,0,0,.34)}.smmo-crop-demo>span{position:absolute;width:12px;height:12px;border-radius:4px;background:#dffff0;border:2px solid #31ad69}.smmo-crop-demo>span:nth-child(1){left:-7px;top:-7px}.smmo-crop-demo>span:nth-child(2){right:-7px;top:-7px}.smmo-crop-demo>span:nth-child(3){left:-7px;bottom:-7px}.smmo-crop-demo>span:nth-child(4){right:-7px;bottom:-7px}.smmo-crop-demo b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 9px;border-radius:999px;background:#0a1119;color:#fff;font-size:7px}.smmo-look-pill{position:absolute;right:20px;top:18px;padding:8px 10px;border-radius:9px;background:rgba(145,92,255,.18);border:1px solid rgba(145,92,255,.32);font-size:8px;font-weight:900}.smmo-studio-mock__versions strong{display:block;font-size:11px;margin-top:16px}.smmo-version-card{aspect-ratio:1.2;margin-top:10px;border-radius:10px;background:linear-gradient(135deg,#0f1d2c,#1a2440);border:1px solid rgba(185,255,74,.15)}.smmo-studio-mock__versions small{display:block;margin-top:10px;color:#6f7d92;font-size:7px;line-height:1.5}
.smmo-mini-list{display:grid;gap:10px;margin-top:28px}.smmo-mini-list>span{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center;padding:13px 14px;border-radius:13px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025)}.smmo-mini-list i{grid-row:span 2;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:900;background:#111a27}.smmo-mini-list b{font-size:12px;color:#eef3fa}.smmo-mini-list small{font-size:9px;color:#76859a;margin-top:2px}.smmo-mini-list .is-purple{color:#c5adff}.smmo-mini-list .is-blue{color:#9dccff}.smmo-mini-list .is-lime{color:#dfffac}.smmo-mini-list .is-pink{color:#ff9bd1}

.smmo-social-grid{display:grid;grid-template-columns:390px 1fr;gap:24px;align-items:stretch}.smmo-social-panel,.smmo-safe-demo{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0e1723,#0a121c);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.smmo-social-panel__head{display:flex;align-items:flex-start;justify-content:space-between}.smmo-social-panel__head strong{font-size:13px}.smmo-social-panel__head small{padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#78869b;font-size:7px}.smmo-social-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.smmo-social-icons i{height:48px;border-radius:12px;display:grid;place-items:center;background:#121c29;border:1px solid rgba(255,255,255,.09);font-style:normal;font-size:16px;font-weight:900;color:#fff}.smmo-social-icons i:nth-child(1){background:linear-gradient(135deg,#743dff,#d1439b,#f4a33e)}.smmo-social-icons i:nth-child(2){background:#1877f2}.smmo-social-icons i:nth-child(3){background:#050505}.smmo-social-icons i:nth-child(4){background:#0a66c2}.smmo-social-icons i:nth-child(5){background:#ff0033}.smmo-social-icons i:nth-child(6){background:#101014}.smmo-social-icons i:nth-child(7){background:#e60023}.smmo-social-icons i:nth-child(8){background:#111}.smmo-preset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;margin-top:7px;border-radius:10px;border:1px solid rgba(255,255,255,.075);background:#101823;color:#aab5c5}.smmo-preset-row.is-active{border-color:rgba(145,92,255,.4);background:rgba(145,92,255,.11);box-shadow:0 0 0 2px rgba(145,92,255,.04)}.smmo-preset-row b{display:flex;align-items:center;gap:9px;font-size:9px}.smmo-preset-row span{color:#7c899e;font-size:8px;font-variant-numeric:tabular-nums}.shape{display:inline-block;border:2px solid #9d79ff;border-radius:3px}.shape.is-tall{width:9px;height:13px}.shape.is-square{width:11px;height:11px}.shape.is-story{width:7px;height:14px}.smmo-fit-box{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:10px;border-radius:10px;background:rgba(112,224,119,.05);border:1px solid rgba(112,224,119,.18)}.smmo-fit-box>i{width:9px;height:9px;border-radius:50%;margin-top:2px;background:#70e077;box-shadow:0 0 12px rgba(112,224,119,.45)}.smmo-fit-box strong,.smmo-fit-box span{display:block}.smmo-fit-box strong{font-size:9px}.smmo-fit-box span{font-size:7px;color:#8190a4;margin-top:2px}
.smmo-safe-demo{display:grid;grid-template-rows:1fr auto}.smmo-safe-demo__image{position:relative;min-height:360px;overflow:hidden;border-radius:16px;background:linear-gradient(140deg,#162131,#0c1724 52%,#15102c);border:1px solid rgba(255,255,255,.08)}.smmo-safe-demo__image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 48%,rgba(255,197,104,.62),transparent 15%),radial-gradient(circle at 42% 55%,rgba(79,156,255,.35),transparent 20%),linear-gradient(120deg,transparent 0 32%,rgba(255,255,255,.05) 33% 34%,transparent 35%)}.smmo-safe-warning{position:absolute;background:rgba(255,197,104,.18);border-color:rgba(255,197,104,.75);border-style:solid}.smmo-safe-warning.is-left{left:0;top:0;bottom:0;width:10%;border-width:0 2px 0 0}.smmo-safe-warning.is-right{right:0;top:0;bottom:0;width:10%;border-width:0 0 0 2px}.smmo-safe-warning.is-top{left:10%;right:10%;top:0;height:12%;border-width:0 0 2px}.smmo-safe-warning.is-bottom{left:10%;right:10%;bottom:0;height:14%;border-width:2px 0 0}.smmo-safe-clear{position:absolute;left:10%;right:10%;top:12%;bottom:14%;border:2px solid rgba(112,224,119,.9);display:grid;place-items:center}.smmo-safe-clear span{padding:7px 10px;border-radius:999px;background:rgba(6,12,18,.72);color:#dffff0;font-size:8px;font-weight:900;letter-spacing:.08em}.smmo-safe-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.smmo-safe-legend span{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;background:#0b131d;border:1px solid rgba(255,255,255,.065);font-size:7px;color:#7d8ba0}.smmo-safe-legend b{color:#c8d1df}.smmo-safe-legend i{width:9px;height:9px;border-radius:3px}.smmo-safe-legend .is-green{border:2px solid #70e077;background:transparent}.smmo-safe-legend .is-amber{background:rgba(255,197,104,.35);border:1px solid #ffc568}.smmo-safe-legend .is-red{background:rgba(255,99,123,.35);border:1px solid #ff637b}.smmo-callout{display:grid;grid-template-columns:.7fr 1.3fr;gap:32px;margin-top:24px;padding:20px 22px;border-radius:18px;background:linear-gradient(90deg,rgba(79,156,255,.05),rgba(145,92,255,.06));border:1px solid rgba(145,92,255,.14)}.smmo-callout strong{font-size:16px;color:#fff}.smmo-callout span{color:#8998ad;font-size:12px;line-height:1.6}

.smmo-health-web{background:radial-gradient(circle at 75% 15%,rgba(185,255,74,.06),transparent 32%),#07101a}.smmo-health-card{padding:22px;border-radius:24px;background:linear-gradient(180deg,#101925,#0b131d);border:1px solid rgba(255,255,255,.11);box-shadow:0 34px 80px rgba(0,0,0,.34)}.smmo-health-card__top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.smmo-health-card__top>div span,.smmo-health-card__top>div strong{display:block}.smmo-health-card__top>div span{color:#956cff;font-size:8px;letter-spacing:.15em;font-weight:900}.smmo-health-card__top>div strong{font-size:25px;margin-top:5px}.smmo-health-card__top>b{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,rgba(145,92,255,.18),#0a121d);border:1px solid rgba(145,92,255,.24);font-size:30px}.smmo-health-card__top>b small{font-size:8px;color:#78869b}.smmo-health-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.smmo-health-cards span{padding:12px;border-radius:12px;background:#0d1621;border:1px solid rgba(255,255,255,.065)}.smmo-health-cards i,.smmo-health-cards strong,.smmo-health-cards small{display:block}.smmo-health-cards i{font-style:normal;color:#bba4ff;font-size:8px;font-weight:900}.smmo-health-cards strong{font-size:22px;margin-top:6px}.smmo-health-cards small{font-size:7px;color:#718096;margin-top:2px}.smmo-health-note{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px;border-radius:11px;background:rgba(255,197,104,.05);border:1px solid rgba(255,197,104,.12)}.smmo-health-note strong{color:#ffd799;font-size:9px;white-space:nowrap}.smmo-health-note span{color:#7e8ca1;font-size:8px;line-height:1.5}

.smmo-portable-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;padding:22px;border-radius:22px;background:#0b141f;border:1px solid var(--smmo-line)}.smmo-portable-flow>div{min-height:120px;padding:16px;border-radius:15px;background:linear-gradient(180deg,#111b28,#0d1621);border:1px solid rgba(255,255,255,.07)}.smmo-portable-flow>div i,.smmo-portable-flow>div strong,.smmo-portable-flow>div span{display:block}.smmo-portable-flow>div i{font-style:normal;color:#9e7cff;font-size:8px;font-weight:900}.smmo-portable-flow>div strong{font-size:16px;margin-top:9px}.smmo-portable-flow>div span{color:#77869b;font-size:9px;line-height:1.45;margin-top:5px}.smmo-portable-flow>b{color:#65758b;font-size:20px}.smmo-three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.smmo-three-cards article{padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0c1520}.smmo-three-cards span{color:#9c7aff;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.smmo-three-cards h3{font-size:19px;line-height:1.18;margin:9px 0 10px}.smmo-three-cards p{margin:0;color:#7e8da2;font-size:11px;line-height:1.6}

.smmo-feature-matrix{background:linear-gradient(180deg,#07101a,#08121c)}.smmo-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.smmo-feature-grid article{position:relative;min-height:190px;padding:20px;border-radius:18px;background:linear-gradient(180deg,#101925,#0b141e);border:1px solid rgba(255,255,255,.08);overflow:hidden}.smmo-feature-grid article:after{content:"";position:absolute;right:-30px;bottom:-45px;width:120px;height:120px;border-radius:50%;filter:blur(30px);opacity:.13;background:var(--smmo-purple)}.smmo-feature-grid article.is-lime:after{background:var(--smmo-lime)}.smmo-feature-grid article.is-blue:after{background:var(--smmo-blue)}.smmo-feature-grid article.is-pink:after{background:var(--smmo-pink)}.smmo-feature-grid article.is-gold:after{background:var(--smmo-gold)}.smmo-feature-grid article>span{display:block;color:#7b68aa;font-size:8px;font-weight:900}.smmo-feature-grid article h3{margin:18px 0 8px;font-size:17px}.smmo-feature-grid article p{margin:0;color:#78879c;font-size:10px;line-height:1.6}

.smmo-download{background:radial-gradient(circle at 70% 30%,rgba(145,92,255,.15),transparent 34%),linear-gradient(180deg,#09131f,#07101a)}.smmo-download__card{display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:center;padding:48px;border-radius:30px;background:linear-gradient(135deg,#101a27,#0b131e 62%,rgba(145,92,255,.1));border:1px solid rgba(145,92,255,.2);box-shadow:0 34px 90px rgba(0,0,0,.3)}.smmo-download__copy h2{font-size:clamp(40px,5vw,68px);line-height:.98;margin:12px 0 15px;letter-spacing:-.055em}.smmo-download__copy h2 em{font-style:normal;color:#b69cff}.smmo-download__copy>p{color:#94a3b7;font-size:15px;line-height:1.7;max-width:720px}.smmo-update-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:22px}.smmo-update-steps span{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:11px;background:#0b141f;border:1px solid rgba(255,255,255,.07);color:#8493a8;font-size:9px}.smmo-update-steps b{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:rgba(145,92,255,.14);color:#ccbaff;font-size:8px}.smmo-release-card{padding:24px;border-radius:22px;background:#08111b;border:1px solid rgba(255,255,255,.11);box-shadow:0 20px 50px rgba(0,0,0,.28)}.smmo-release-card__label{display:block;color:#8d6fff;font-size:8px;font-weight:900;letter-spacing:.13em}.smmo-release-card>strong{display:block;font-size:28px;margin-top:8px;word-break:break-word}.smmo-release-meta{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 18px}.smmo-release-meta span{padding:6px 8px;border-radius:8px;background:#101a27;border:1px solid rgba(255,255,255,.07);color:#8493a8;font-size:8px}.smmo-release-empty{display:block;padding:13px;border-radius:11px;background:#111925;color:#77869a;font-size:9px;text-align:center}.smmo-feed-link{display:block;margin-top:12px;text-align:center;color:#806bff!important;font-size:9px;font-weight:800}

.smmo-faq{padding-top:84px}.smmo-faq__list{max-width:900px;margin:0 auto;display:grid;gap:9px}.smmo-faq details{border-radius:15px;background:#0c1520;border:1px solid rgba(255,255,255,.075);overflow:hidden}.smmo-faq summary{list-style:none;cursor:pointer;padding:17px 18px;display:flex;justify-content:space-between;gap:20px;color:#eef3fa;font-size:13px;font-weight:780}.smmo-faq summary::-webkit-details-marker{display:none}.smmo-faq summary i{font-style:normal;color:#a889ff;font-size:18px;transition:.18s ease}.smmo-faq details[open] summary i{transform:rotate(45deg)}.smmo-faq details p{margin:0;padding:0 18px 18px;color:#8190a5;font-size:11px;line-height:1.7}

.smmo-admin-console{margin:42px 0;padding:38px 0;background:#08111a;border-top:2px dashed rgba(255,197,104,.26);border-bottom:2px dashed rgba(255,197,104,.26)}.smmo-admin-console__head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:22px}.smmo-admin-console__head span{color:#ffc568;font-size:8px;font-weight:900;letter-spacing:.14em}.smmo-admin-console__head h2{margin:7px 0;font-size:28px}.smmo-admin-console__head p{margin:0;color:#8290a4;font-size:11px}.smmo-admin-console__head>a{padding:9px 11px;border-radius:9px;background:#111a26;color:#9d83ff!important;border:1px solid rgba(145,92,255,.2);font-size:9px;font-weight:800}.smmo-admin-success{padding:12px 14px;margin-bottom:14px;border-radius:11px;background:rgba(112,224,119,.07);border:1px solid rgba(112,224,119,.18);color:#cfffda;font-size:10px}.smmo-release-form{padding:20px;border-radius:18px;background:#0c1520;border:1px solid rgba(255,255,255,.08)}.smmo-release-form__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.smmo-release-form label{display:block}.smmo-release-form label>span,.smmo-release-current>span{display:block;margin-bottom:6px;color:#95a2b5;font-size:9px;font-weight:800}.smmo-release-form input[type=text],.smmo-release-form input[type=file],.smmo-release-form textarea{width:100%;min-height:42px;padding:9px 11px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;background:#111a27!important;color:#fff!important;box-shadow:none!important}.smmo-release-form textarea{min-height:100px}.smmo-release-form label small{display:block;margin-top:4px;color:#6c7a90;font-size:7px}.smmo-release-form .is-wide{margin-top:12px}.smmo-release-current{padding:10px;border-radius:10px;background:#101925;border:1px solid rgba(255,255,255,.06)}.smmo-release-current code{display:block;color:#aab8ca;font-size:7px;white-space:normal;word-break:break-all}.smmo-admin-warning{display:flex;gap:10px;margin:14px 0;padding:11px;border-radius:10px;background:rgba(255,197,104,.05);border:1px solid rgba(255,197,104,.12)}.smmo-admin-warning strong{color:#ffd799;font-size:9px;white-space:nowrap}.smmo-admin-warning span{color:#7d8ba0;font-size:8px;line-height:1.45}

@media (max-width:1180px){
  .smmo-hero__grid{grid-template-columns:1fr;gap:46px}.smmo-hero__visual{max-width:920px}.smmo-app-window{transform:none}
  .smmo-two-col,.smmo-two-col--reverse{grid-template-columns:1fr;gap:46px}.smmo-social-grid{grid-template-columns:360px 1fr}.smmo-feature-grid{grid-template-columns:repeat(3,1fr)}
  .smmo-download__card{grid-template-columns:1fr 340px;gap:36px;padding:36px}
}
@media (max-width:900px){
  .smmo-band{padding:72px 0}.smmo-section{width:min(100% - 30px,1420px)}.smmo-heading--split{grid-template-columns:1fr;gap:18px}.smmo-heading--split p{justify-self:start}.smmo-organise-grid{grid-template-columns:1fr 1fr}.smmo-feature-card--wide{grid-column:span 2}.smmo-never-changes{grid-template-columns:1fr}.smmo-social-grid{grid-template-columns:1fr}.smmo-safe-demo__image{min-height:320px}.smmo-portable-flow{grid-template-columns:1fr 1fr}.smmo-portable-flow>b{display:none}.smmo-three-cards{grid-template-columns:1fr}.smmo-feature-grid{grid-template-columns:repeat(2,1fr)}.smmo-download__card{grid-template-columns:1fr}.smmo-release-card{max-width:500px}.smmo-release-form__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .smmo-hero{padding:54px 0 64px}.smmo-hero h1{font-size:clamp(48px,16vw,68px)}.smmo-lead{font-size:15px}.smmo-app-window__top{height:auto;min-height:80px;align-items:flex-start;flex-direction:column;padding:14px}.smmo-app-tabs{width:100%;overflow:auto}.smmo-app-window__body{grid-template-columns:128px 1fr}.smmo-app-sidebar{padding:11px 8px}.smmo-side-item{font-size:7px;padding:0 5px}.smmo-side-item b{display:none}.smmo-app-main{padding:14px}.smmo-media-grid{grid-template-columns:repeat(2,1fr)}.smmo-version-pill{right:8px;bottom:-24px}
  .smmo-organise-grid{grid-template-columns:1fr}.smmo-feature-card--wide{grid-column:auto;display:block}.smmo-feature-card--wide .smmo-feature-icon{margin-bottom:15px}.smmo-never-changes ul{grid-template-columns:1fr}.smmo-studio-mock{grid-template-columns:96px 1fr}.smmo-studio-mock__versions{display:none}.smmo-social-panel,.smmo-safe-demo{padding:13px}.smmo-safe-demo__image{min-height:270px}.smmo-callout{grid-template-columns:1fr;gap:9px}.smmo-health-cards{grid-template-columns:repeat(2,1fr)}.smmo-health-note{flex-direction:column}.smmo-portable-flow{grid-template-columns:1fr}.smmo-feature-grid{grid-template-columns:1fr}.smmo-download__card{padding:24px}.smmo-update-steps{grid-template-columns:1fr}.smmo-heading h2,.smmo-copy-block h2{font-size:clamp(34px,12vw,48px)}.smmo-release-form__grid{grid-template-columns:1fr}.smmo-admin-console__head{flex-direction:column}.smmo-admin-warning{flex-direction:column}.smmo-admin-warning strong{white-space:normal}
}

html body .smmo-site,html body .smmo-site section,html body .smmo-site article,html body .smmo-site div{ color:var(--smmo-text); }

html body .smmo-site h1,html body .smmo-site h2,html body .smmo-site h3,html body .smmo-site h4,html body .smmo-site h5,html body .smmo-site h6{
  color:#f7f9ff !important;
  font-family:inherit !important;
  opacity:1 !important;
}

html body .smmo-site .smmo-heading p,html body .smmo-site .smmo-copy-block > p,html body .smmo-site .smmo-lead,html body .smmo-site .smmo-tour-card p,html body .smmo-site .smmo-health-story-grid p,html body .smmo-site .smmo-health-lower__copy p,html body .smmo-site .smmo-feature-grid article p,html body .smmo-site .smmo-three-cards p,html body .smmo-site .smmo-faq details p{
  color:#9eacc0 !important;
  opacity:1 !important;
}

html body .smmo-site .smmo-kicker,html body .smmo-site .smmo-kicker *{ color:#a98aff !important; }

html body .smmo-site .smmo-heading h2 em,html body .smmo-site .smmo-copy-block h2 em,html body .smmo-site .smmo-download__copy h2 em{ color:#c0a9ff !important; }

html body .smmo-site .smmo-feature-card > span,html body .smmo-site .smmo-feature-card > div > span,html body .smmo-site .smmo-three-cards > article > span,html body .smmo-site .smmo-feature-grid article > span{ opacity:1 !important; }

.smmo-site img{ max-width:100%; height:auto; }

.smmo-realshot,.smmo-hero-shot{
  position:relative;
  margin:0;
  overflow:hidden;
  border-radius:24px;
  background:#070d14;
  border:1px solid rgba(212,225,255,.14);
  box-shadow:0 34px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);
}
.smmo-realshot img,.smmo-hero-shot img{
  display:block;
  width:100%;
  background:#070d14;
}
.smmo-realshot__chrome,.smmo-hero-shot__bar{
  min-height:46px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 15px;
  background:linear-gradient(180deg,#101a27,#0b141e);
  border-bottom:1px solid rgba(255,255,255,.075);
}
.smmo-realshot__chrome > span,.smmo-hero-shot__bar > span{ display:flex; gap:5px; }
.smmo-realshot__chrome i,.smmo-hero-shot__bar i{ width:7px;height:7px;border-radius:50%;background:#556174; }
.smmo-realshot__chrome i:nth-child(1),.smmo-hero-shot__bar i:nth-child(1){background:#ff7188}
.smmo-realshot__chrome i:nth-child(2),.smmo-hero-shot__bar i:nth-child(2){background:#ffc568}
.smmo-realshot__chrome i:nth-child(3),.smmo-hero-shot__bar i:nth-child(3){background:#87e578}
.smmo-realshot__chrome strong,.smmo-hero-shot__bar strong{ color:#eef4ff !important;font-size:11px;font-weight:820; }
.smmo-realshot__chrome b,.smmo-hero-shot__bar b{ margin-left:auto;color:#7e8da3;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em; }
.smmo-realshot__flag{ position:absolute;z-index:3;padding:8px 10px;border-radius:999px;background:rgba(6,12,18,.84);backdrop-filter:blur(8px);font-size:8px;font-weight:850;box-shadow:0 10px 24px rgba(0,0,0,.28); }
.smmo-realshot__flag.is-lime{ left:18px;bottom:18px;color:#dfffad;border:1px solid rgba(185,255,74,.35); }
.smmo-realshot__flag.is-purple{ right:18px;top:64px;color:#d7c8ff;border:1px solid rgba(145,92,255,.38); }

.smmo-hero--real{ padding:54px 0 70px; }
.smmo-hero--real .smmo-hero__grid{
  grid-template-columns:minmax(390px,.82fr) minmax(0,1.28fr);
  gap:44px;
  align-items:center;
}
.smmo-hero--real .smmo-hero__copy{ align-self:center;min-width:0; }
.smmo-hero--real .smmo-hero__copy .smmo-kicker{ margin-bottom:20px; }
.smmo-hero--real .smmo-hero__copy h1{ margin-top:0; }
.smmo-hero-shot-wrap{
  position:relative;
  min-width:0;
  max-width:100%;
  padding:20px 34px 44px 28px;
}
.smmo-hero-shot{
  width:100%;
  max-width:100%;
  transform:perspective(1600px) rotateY(-2.2deg) rotateX(.7deg);
  transform-origin:center left;
}
.smmo-hero-shot img{ aspect-ratio:1600/1098;object-fit:cover; }
.smmo-hero-shot__bar{ min-height:48px; }
 
.smmo-hero--real .smmo-version-pill{ right:6px;bottom:4px;z-index:4; }
.smmo-hero-float{
  position:absolute;
  z-index:4;
  min-width:120px;
  padding:11px 13px;
  border-radius:15px;
  background:rgba(10,18,28,.9);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 18px 40px rgba(0,0,0,.34);
}
.smmo-hero-float b,.smmo-hero-float span{ display:block; }
.smmo-hero-float b{ color:#fff !important;font-size:18px;line-height:1;font-weight:850; }
.smmo-hero-float span{ margin-top:4px;color:#8291a6;font-size:8px;font-weight:750; }
.smmo-hero-float--one{ left:0;bottom:48px;border-color:rgba(77,233,255,.18); }
.smmo-hero-float--two{ right:4px;top:2px;border-color:rgba(145,92,255,.24); }

.smmo-tour{ overflow:hidden;background:radial-gradient(circle at 20% 0%,rgba(79,156,255,.07),transparent 30%),radial-gradient(circle at 82% 10%,rgba(145,92,255,.1),transparent 32%),#07101a; }
.smmo-tour__intro{ margin-bottom:28px; }
.smmo-tour__intro-side{ max-width:590px;justify-self:end; }
.smmo-tour__intro-side p{ margin:0;color:#9eacc0;font-size:15px;line-height:1.7; }
.smmo-tour__intro-side > span{ display:inline-flex;margin-top:11px;padding:7px 10px;border-radius:999px;background:rgba(145,92,255,.08);border:1px solid rgba(145,92,255,.18);color:#bda9fb;font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase; }
.smmo-tour__shell{ position:relative; }
.smmo-tour__controls{ display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 14px; }
.smmo-tour__arrow{ width:44px;height:44px;padding:0;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:#101a27;color:#dbe4f2;font:inherit;font-size:18px;cursor:pointer;box-shadow:none;transition:transform .16s ease,border-color .16s ease,background .16s ease; }
.smmo-tour__arrow:hover,.smmo-tour__arrow:focus-visible{ transform:translateY(-1px);border-color:rgba(145,92,255,.42);background:rgba(145,92,255,.14);color:#fff;outline:none; }
.smmo-tour__counter{ min-width:68px;height:44px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:13px;background:#0c1520;border:1px solid rgba(255,255,255,.08); }
.smmo-tour__counter strong{ color:#fff !important;font-size:13px; }
.smmo-tour__counter span{ color:#718097;font-size:9px; }
.smmo-tour__track{ display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding:2px 2px 16px;scrollbar-width:thin;scrollbar-color:rgba(145,92,255,.35) rgba(255,255,255,.03); }
.smmo-tour__track::-webkit-scrollbar{ height:8px; }
.smmo-tour__track::-webkit-scrollbar-track{ background:rgba(255,255,255,.03);border-radius:999px; }
.smmo-tour__track::-webkit-scrollbar-thumb{ background:linear-gradient(90deg,#6f49ff,#4f9cff);border-radius:999px; }
.smmo-tour-card{ flex:0 0 min(1120px,88vw);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);min-height:590px;scroll-snap-align:center;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,#0f1926,#0a131d 66%,rgba(145,92,255,.08));border:1px solid rgba(205,220,255,.12);box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035); }
.smmo-tour-card__media{ display:flex;align-items:center;justify-content:center;min-width:0;padding:18px;background:linear-gradient(180deg,#07101a,#050b11);border-right:1px solid rgba(255,255,255,.075); }
.smmo-tour-card__media img{ display:block;width:100%;max-height:650px;object-fit:contain;border-radius:16px;background:#070d14;box-shadow:0 20px 50px rgba(0,0,0,.38); }
.smmo-tour-card__copy{ display:flex;flex-direction:column;justify-content:center;padding:34px 30px; }
html body .smmo-site .smmo-tour-card__copy > span{ color:#9d7cff !important;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; }
html body .smmo-site .smmo-tour-card h3{ margin:12px 0 14px;color:#fff !important;font-size:clamp(25px,2.1vw,34px);line-height:1.05;letter-spacing:-.04em;font-weight:830; }
.smmo-tour-card p{ margin:0;font-size:13px !important;line-height:1.7 !important; }
.smmo-tour-card__tags{ display:flex;flex-wrap:wrap;gap:6px;margin-top:22px; }
.smmo-tour-card__tags b{ padding:7px 9px;border-radius:999px;background:rgba(145,92,255,.08);border:1px solid rgba(145,92,255,.18);color:#c9b8ff;font-size:7.5px;font-weight:850; }

.smmo-realshot--studio{ align-self:center; }
.smmo-mini-list--studio{ grid-template-columns:1fr 1fr; }
.smmo-studio-safety-strip{ display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:14px;padding:14px 16px;border-radius:14px;background:linear-gradient(90deg,rgba(79,156,255,.07),rgba(145,92,255,.06));border:1px solid rgba(79,156,255,.18); }
.smmo-studio-safety-strip strong{ color:#dbe8ff !important;font-size:10px;text-transform:uppercase;letter-spacing:.08em; }
.smmo-studio-safety-strip span{ color:#8c9bb0;font-size:9px;line-height:1.55; }

.smmo-social-panel__head > div strong,.smmo-social-panel__head > div span{ display:block; }
.smmo-social-panel__head > div strong{ color:#fff !important;font-size:13px; }
.smmo-social-panel__head > div span{ margin-top:4px;color:#7d8ba0;font-size:8px; }
.smmo-safe-demo__head{ display:grid;gap:3px;margin-bottom:12px; }
.smmo-safe-demo__head > span{ color:#9d7cff;font-size:8px;font-weight:900;letter-spacing:.14em; }
.smmo-safe-demo__head strong{ color:#fff !important;font-size:15px; }
.smmo-safe-demo__head small{ color:#8291a6;font-size:9px; }
.smmo-safe-demo__image{ min-height:330px; }

.smmo-health-showcase{ display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:18px;align-items:stretch; }
.smmo-realshot--health img{ aspect-ratio:1600/905;object-fit:contain; }
.smmo-health-story-grid{ display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.smmo-health-story-grid article{ padding:16px;border-radius:16px;background:linear-gradient(180deg,#101925,#0b141e);border:1px solid rgba(255,255,255,.08); }
.smmo-health-story-grid article > span{ color:#9d7cff;font-size:7.5px;font-weight:900;letter-spacing:.12em; }
.smmo-health-story-grid strong{ display:block;margin-top:9px;color:#eef4ff !important;font-size:13px;line-height:1.25; }
.smmo-health-story-grid p{ margin:8px 0 0;font-size:9px !important;line-height:1.58 !important; }
.smmo-health-lower{ display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:30px;align-items:center;margin-top:22px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#0e1824,#0a131d);border:1px solid rgba(145,92,255,.13); }
.smmo-realshot--storage{ border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.28); }
.smmo-health-lower__copy h3{ margin:10px 0 12px;font-size:clamp(28px,3.2vw,44px);line-height:1.03;letter-spacing:-.045em; }
.smmo-health-lower__copy p{ margin:0;font-size:13px !important;line-height:1.65 !important; }

.smmo-feature-grid{ gap:14px; }
.smmo-feature-grid article{ min-height:220px;padding:22px;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.smmo-feature-grid article:hover{ transform:translateY(-3px);border-color:rgba(145,92,255,.28);box-shadow:0 18px 42px rgba(0,0,0,.22); }
.smmo-feature-grid__top{ display:flex;align-items:center;justify-content:space-between;gap:12px; }
.smmo-feature-grid__top i{ width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#131d2a;border:1px solid rgba(255,255,255,.08);color:#c8b5ff;font-style:normal;font-size:13px;font-weight:900;box-shadow:inset 0 0 24px rgba(145,92,255,.08); }
.smmo-feature-grid article.is-lime .smmo-feature-grid__top i{color:#dfffad;box-shadow:inset 0 0 24px rgba(185,255,74,.07)}
.smmo-feature-grid article.is-blue .smmo-feature-grid__top i{color:#a7d2ff;box-shadow:inset 0 0 24px rgba(79,156,255,.08)}
.smmo-feature-grid article.is-pink .smmo-feature-grid__top i{color:#ffabd9;box-shadow:inset 0 0 24px rgba(255,101,183,.07)}
.smmo-feature-grid article.is-gold .smmo-feature-grid__top i{color:#ffd794;box-shadow:inset 0 0 24px rgba(255,197,104,.07)}
html body .smmo-site .smmo-feature-grid__top > span{ color:#a58aff !important;font-size:9px;font-weight:900; }
html body .smmo-site .smmo-feature-grid article h3{ margin:19px 0 9px;color:#f7f9ff !important;font-size:20px;line-height:1.15;font-weight:820;letter-spacing:-.025em;text-shadow:none !important; }
html body .smmo-site .smmo-feature-grid article p{ color:#96a5b9 !important;font-size:12px;line-height:1.62; }

.smmo-site :focus-visible{ outline:2px solid rgba(145,92,255,.86);outline-offset:3px; }
@media (prefers-reduced-motion:reduce){
  .smmo-site *,.smmo-site *::before,.smmo-site *::after{ scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important; }
  .smmo-hero-shot{ transform:none; }
}

@media (max-width:1180px){
  .smmo-hero--real .smmo-hero__grid{ grid-template-columns:1fr;gap:34px; }
  .smmo-hero-shot-wrap{ max-width:1050px;padding:14px 22px 42px; }
  .smmo-hero-shot{ transform:none; }
  .smmo-hero-float--one{ left:4px;bottom:46px; }
  .smmo-hero-float--two{ right:4px;top:0; }
  .smmo-hero--real .smmo-version-pill{ right:4px;bottom:4px; }
  .smmo-tour-card{ grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr); }
  .smmo-health-showcase{ grid-template-columns:1fr; }
  .smmo-health-story-grid{ grid-template-columns:repeat(4,1fr); }
}
@media (max-width:900px){
  .smmo-tour__intro-side{ justify-self:start;max-width:760px; }
  .smmo-tour-card{ flex-basis:92%;grid-template-columns:1fr;min-height:0; }
  .smmo-tour-card__media{ min-height:420px;border-right:0;border-bottom:1px solid rgba(255,255,255,.075); }
  .smmo-tour-card__media img{ max-height:560px; }
  .smmo-tour-card__copy{ padding:26px; }
  .smmo-mini-list--studio{ grid-template-columns:1fr; }
  .smmo-health-story-grid{ grid-template-columns:1fr 1fr; }
  .smmo-health-lower{ grid-template-columns:1fr; }
}
@media (max-width:680px){
  .smmo-hero--real{ padding:42px 0 58px; }
  .smmo-hero--real .smmo-hero__copy .smmo-kicker{ margin-bottom:16px; }
  .smmo-hero-shot-wrap{ padding:8px 6px 34px; }
  .smmo-hero-shot{ border-radius:16px; }
  .smmo-hero--real .smmo-version-pill{ right:6px;bottom:2px; }
  .smmo-hero-shot__bar,.smmo-realshot__chrome{ min-height:40px;padding:0 11px; }
  .smmo-hero-float{ display:none; }
  .smmo-tour__controls{ justify-content:space-between; }
  .smmo-tour__counter{ order:2; }
  .smmo-tour__arrow:first-child{ order:1; }.smmo-tour__arrow:last-child{ order:3; }
  .smmo-tour__track{ gap:12px; }
  .smmo-tour-card{ flex-basis:94%;border-radius:20px; }
  .smmo-tour-card__media{ min-height:300px;padding:10px; }
  .smmo-tour-card__media img{ max-height:430px;border-radius:11px; }
  .smmo-tour-card__copy{ padding:22px 18px 24px; }
  html body .smmo-site .smmo-tour-card h3{ font-size:27px; }
  .smmo-studio-safety-strip{ grid-template-columns:1fr;gap:5px; }
  .smmo-health-story-grid{ grid-template-columns:1fr; }
  .smmo-health-lower{ padding:14px; }
  .smmo-feature-grid article{ min-height:0; }
}

html body .smmo-site{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    overflow-x:clip;
}

html body .smmo-site .smmo-section{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:1516px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:clamp(20px,3.4vw,48px) !important;
    padding-right:clamp(20px,3.4vw,48px) !important;
}

html body .smmo-site.smmo-band{
    padding-top:clamp(72px,7vw,108px) !important;
    padding-bottom:clamp(72px,7vw,108px) !important;
}

html body .smmo-site.smmo-hero--real{
    padding-top:clamp(46px,5.5vw,74px) !important;
    padding-bottom:clamp(62px,6.5vw,90px) !important;
}

html body .smmo-site.smmo-faq{
    padding-top:clamp(64px,6vw,92px) !important;
    padding-bottom:clamp(72px,7vw,108px) !important;
}

html body .smmo-site .smmo-heading{
    margin-bottom:clamp(30px,3.5vw,48px) !important;
}

html body .smmo-site .smmo-heading--split{
    column-gap:clamp(30px,5vw,70px) !important;
    row-gap:clamp(18px,2.5vw,28px) !important;
}

html body .smmo-site .smmo-two-col,html body .smmo-site .smmo-two-col--reverse{
    gap:clamp(38px,5vw,72px) !important;
}

html body .smmo-site .smmo-hero-shot-wrap{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    padding-top:clamp(10px,1.4vw,20px) !important;
    padding-right:clamp(16px,2.8vw,40px) !important;
    padding-bottom:clamp(38px,3.6vw,54px) !important;
    padding-left:clamp(16px,2.4vw,34px) !important;
}

html body .smmo-site .smmo-hero-float--one{
    left:clamp(6px,1.2vw,16px) !important;
}

html body .smmo-site .smmo-hero-float--two{
    right:clamp(6px,1.2vw,16px) !important;
}

html body .smmo-site .smmo-version-pill{
    right:clamp(6px,1.2vw,16px) !important;
}

html body .smmo-site .smmo-tour__intro{
    margin-bottom:clamp(24px,3vw,38px) !important;
}

html body .smmo-site .smmo-tour__track{
    padding-left:2px !important;
    padding-right:2px !important;
    padding-bottom:clamp(14px,2vw,20px) !important;
}

html body .smmo-site .smmo-tour-card__copy{
    padding:clamp(24px,3vw,36px) !important;
}

html body .smmo-site .smmo-download__card{
    padding:clamp(26px,4vw,52px) !important;
}

html body .smmo-site .smmo-health-lower{
    padding:clamp(16px,2.4vw,26px) !important;
}

html body .smmo-site .smmo-callout,html body .smmo-site .smmo-never-changes{
    padding:clamp(18px,2.2vw,26px) !important;
}

html body .smmo-site.smmo-admin-console{
    margin-top:clamp(34px,4vw,52px) !important;
    margin-bottom:clamp(34px,4vw,52px) !important;
    padding-top:clamp(30px,3.6vw,44px) !important;
    padding-bottom:clamp(30px,3.6vw,44px) !important;
}

@media (max-width:1180px){
    html body .smmo-site .smmo-section{
        padding-left:clamp(22px,4vw,40px) !important;
        padding-right:clamp(22px,4vw,40px) !important;
    }

    html body .smmo-site.smmo-band{
        padding-top:clamp(68px,7.5vw,88px) !important;
        padding-bottom:clamp(68px,7.5vw,88px) !important;
    }

    html body .smmo-site .smmo-hero-shot-wrap{
        padding-right:clamp(14px,2.8vw,28px) !important;
        padding-left:clamp(14px,2.8vw,28px) !important;
    }
}

@media (max-width:680px){
    html body .smmo-site .smmo-section{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    html body .smmo-site.smmo-band{
        padding-top:58px !important;
        padding-bottom:58px !important;
    }

    html body .smmo-site.smmo-hero--real{
        padding-top:40px !important;
        padding-bottom:56px !important;
    }

    html body .smmo-site.smmo-faq{
        padding-top:54px !important;
        padding-bottom:60px !important;
    }

    html body .smmo-site .smmo-heading{
        margin-bottom:28px !important;
    }

    html body .smmo-site .smmo-hero-shot-wrap{
        padding-top:6px !important;
        padding-right:2px !important;
        padding-bottom:34px !important;
        padding-left:2px !important;
    }

    html body .smmo-site .smmo-download__card{
        padding:22px !important;
    }

    html body .smmo-site .smmo-callout,html body .smmo-site .smmo-never-changes,html body .smmo-site .smmo-health-lower{
        padding:16px !important;
    }
}

@media (max-width:420px){
    html body .smmo-site .smmo-section{
        padding-left:18px !important;
        padding-right:18px !important;
    }

    html body .smmo-site.smmo-band{
        padding-top:52px !important;
        padding-bottom:52px !important;
    }
}

body .simme-na--node-page .simme-na__detail-icon{
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    z-index: 1;
}

body .simme-na--node-page .simme-na__detail-icon::before{
    position: absolute;
    z-index: -1;
    inset: -34px;
    content: "";
    border-radius: 40px;
    pointer-events: none;
    opacity: .92;
    transform: scale(1);
    filter: blur(14px);
    background:
        radial-gradient(circle at 25% 42%,
            rgba(225, 48, 255, .70) 0%,
            rgba(225, 48, 255, .42) 18%,
            rgba(225, 48, 255, .16) 40%,
            rgba(225, 48, 255, 0) 67%),
        radial-gradient(circle at 76% 60%,
            rgba(42, 196, 255, .72) 0%,
            rgba(42, 196, 255, .42) 18%,
            rgba(42, 196, 255, .16) 40%,
            rgba(42, 196, 255, 0) 67%),
        radial-gradient(circle at 50% 50%,
            rgba(123, 91, 255, .42) 0%,
            rgba(123, 91, 255, .22) 34%,
            rgba(123, 91, 255, 0) 72%);
}

body .simme-na--node-page .simme-na__detail-icon{
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 0 10px rgba(224, 52, 255, .32),
        0 0 24px rgba(114, 83, 255, .24),
        0 0 38px rgba(47, 192, 255, .22) !important;
}

body .simme-na--node-page .simme-na__detail-icon img,body .simme-na--node-page .simme-na__detail-icon .simme-na__detail-number-only{
    position: relative;
    z-index: 2;
    border-radius: inherit;
}

@media (max-width: 860px){
    body .simme-na--node-page .simme-na__detail-icon::before{
        inset: -27px;
        filter: blur(12px);
        opacity: .88;
    }
}

@media (max-width: 640px){
    body .simme-na--node-page .simme-na__detail-icon::before{
        inset: -22px;
        filter: blur(10px);
        opacity: .84;
    }
}

body .simme-na--node-page[data-theme="light"] .simme-na__detail-icon::before{
    opacity: .58;
}

@media (min-width: 1221px){
    html body .simme-atlas-portal .simme-atlas-portal__card{
        aspect-ratio: auto !important;
        height: auto !important;
        min-height: 0 !important;
    }

    html body .simme-atlas-portal .simme-atlas-portal__copy{
        height: auto !important;
        min-height: 0 !important;
    }
}

@container simme-atlas-portal (min-width: 1221px){
    html body .simme-atlas-portal .simme-atlas-portal__card{
        aspect-ratio: auto !important;
        height: auto !important;
        min-height: 0 !important;
    }

    html body .simme-atlas-portal .simme-atlas-portal__copy{
        height: auto !important;
        min-height: 0 !important;
    }
}

body .simme-na .simme-na__node-media{
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    transition:
        box-shadow .34s ease,
        border-color .30s ease,
        transform .34s cubic-bezier(.2, .72, .2, 1);
}

body .simme-na .simme-na__node-media::after{
    position: absolute;
    z-index: -1;
    inset: -30px;
    content: "";
    border-radius: 36px;
    pointer-events: none;
    opacity: 0;
    transform: scale(.74);
    filter: blur(13px);
    background:
        radial-gradient(circle at 25% 42%,
            rgba(225, 48, 255, .70) 0%,
            rgba(225, 48, 255, .42) 18%,
            rgba(225, 48, 255, .16) 40%,
            rgba(225, 48, 255, 0) 67%),
        radial-gradient(circle at 76% 60%,
            rgba(42, 196, 255, .72) 0%,
            rgba(42, 196, 255, .42) 18%,
            rgba(42, 196, 255, .16) 40%,
            rgba(42, 196, 255, 0) 67%),
        radial-gradient(circle at 50% 50%,
            rgba(123, 91, 255, .42) 0%,
            rgba(123, 91, 255, .22) 34%,
            rgba(123, 91, 255, 0) 72%);
    transition:
        opacity .34s ease,
        transform .38s cubic-bezier(.2, .72, .2, 1),
        filter .34s ease;
}

body .simme-na .simme-na__node:hover .simme-na__node-media::after,body .simme-na .simme-na__node:focus-visible .simme-na__node-media::after,body .simme-na .simme-na__node:focus-within .simme-na__node-media::after{
    opacity: .96;
    transform: scale(1);
    filter: blur(13px);
}

body .simme-na .simme-na__node:hover .simme-na__node-media,body .simme-na .simme-na__node:focus-visible .simme-na__node-media,body .simme-na .simme-na__node:focus-within .simme-na__node-media{
    border-color: rgba(174, 188, 255, .30);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .055),
        0 0 10px rgba(224, 52, 255, .38),
        0 0 24px rgba(114, 83, 255, .30),
        0 0 38px rgba(47, 192, 255, .26);
    transform: translateY(-1px);
}

body .simme-na[data-theme="light"] .simme-na__node:hover .simme-na__node-media::after,body .simme-na[data-theme="light"] .simme-na__node:focus-visible .simme-na__node-media::after,body .simme-na[data-theme="light"] .simme-na__node:focus-within .simme-na__node-media::after{
    opacity: .68;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel .ssjx__journey-list[data-ssjx-journey-list],html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel .ssjx__journey-list[data-ssjx-journey-list]:not([hidden]){
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    scrollbar-width: auto !important;
}

html body.ssjx-has-modal .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel{
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
}

html body .ssjx.ssjx .ssjx__detail-side > .ssjx__detail-side-card.ssjx__detail-side-card--reading,html body .ssjx.ssjx .ssjx__detail-side > .ssjx__detail-side-card.ssjx__detail-side-card--reading *{
    display: none !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"],html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:hover,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:focus,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:focus-visible,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:active,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"],html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:hover,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:focus,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:focus-visible,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:active{
    all: unset !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 226px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 226px !important;
    min-width: 226px !important;
    max-width: 226px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    padding: 0 12px 0 9px !important;
    gap: 10px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border: 1px solid transparent !important;
    border-radius: 17px !important;
    outline: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: .005em !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    opacity: 1 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -webkit-tap-highlight-color: transparent !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    filter: none !important;
    transition: color 180ms ease, background 220ms ease, box-shadow 220ms ease !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"],html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:focus,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:active{
    color: #e2ecfb !important;
    background:
        radial-gradient(circle at 15% 50%, rgba(var(--ssjx-detail-rgb,108,174,255),.18), transparent 31%) padding-box,
        linear-gradient(145deg, rgba(16,27,47,.99), rgba(5,11,23,.998)) padding-box,
        linear-gradient(108deg, rgba(var(--ssjx-detail-rgb,108,174,255),.78), rgba(201,226,255,.20) 50%, rgba(var(--ssjx-detail-rgb,108,174,255),.40)) border-box !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 6px 18px rgba(0,0,0,.24), 0 0 18px rgba(var(--ssjx-detail-rgb,108,174,255),.09) !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:hover,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:focus-visible{
    color: #fff !important;
    background:
        radial-gradient(circle at 15% 50%, rgba(var(--ssjx-detail-rgb,108,174,255),.29), transparent 34%) padding-box,
        linear-gradient(145deg, rgba(22,40,67,.995), rgba(7,16,31,.999)) padding-box,
        linear-gradient(108deg, rgba(var(--ssjx-detail-rgb,108,174,255),.98), rgba(229,241,255,.34) 50%, rgba(var(--ssjx-detail-rgb,108,174,255),.67)) border-box !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 6px 18px rgba(0,0,0,.25), 0 0 24px rgba(var(--ssjx-detail-rgb,108,174,255),.19) !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"],html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:focus,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:active{
    color: #e8f7e5 !important;
    background:
        radial-gradient(circle at 15% 50%, rgba(103,255,82,.13), transparent 31%) padding-box,
        linear-gradient(145deg, rgba(15,31,26,.99), rgba(5,15,17,.998)) padding-box,
        linear-gradient(108deg, rgba(103,255,82,.64), rgba(220,255,214,.18) 50%, rgba(103,255,82,.34)) border-box !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 6px 18px rgba(0,0,0,.24), 0 0 17px rgba(103,255,82,.075) !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:hover,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:focus-visible{
    color: #fff !important;
    background:
        radial-gradient(circle at 15% 50%, rgba(103,255,82,.22), transparent 34%) padding-box,
        linear-gradient(145deg, rgba(22,46,34,.995), rgba(6,20,19,.999)) padding-box,
        linear-gradient(108deg, rgba(128,255,109,.90), rgba(226,255,220,.28) 50%, rgba(103,255,82,.58)) border-box !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 6px 18px rgba(0,0,0,.25), 0 0 23px rgba(103,255,82,.15) !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"] svg,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:hover svg,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:focus svg,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:focus-visible svg,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:active svg,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"] svg,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:hover svg,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:focus svg,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:focus-visible svg,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:active svg{
    all: unset !important;
    box-sizing: border-box !important;
    display: block !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 6px !important;
    overflow: visible !important;
    border-radius: 999px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 1 !important;
    transform: rotate(180deg) !important;
    translate: none !important;
    scale: 1 !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"] svg{
    color: #f2f8ff !important;
    background: rgba(var(--ssjx-detail-rgb,108,174,255),.10) !important;
    border: 1px solid rgba(var(--ssjx-detail-rgb,108,174,255),.53) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 13px rgba(var(--ssjx-detail-rgb,108,174,255),.16) !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"] svg{
    color: #eaffea !important;
    background: rgba(103,255,82,.075) !important;
    border: 1px solid rgba(103,255,82,.43) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 0 12px rgba(103,255,82,.11) !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]::after,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]::after{
    box-sizing: border-box !important;
    position: static !important;
    display: block !important;
    flex: 0 0 6px !important;
    width: 6px !important;
    min-width: 6px !important;
    max-width: 6px !important;
    height: 6px !important;
    min-height: 6px !important;
    max-height: 6px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    content: "" !important;
    border: 0 !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]::after{
    background: rgb(var(--ssjx-detail-rgb,108,174,255)) !important;
    box-shadow: 0 0 8px rgba(var(--ssjx-detail-rgb,108,174,255),.62) !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]::after{
    background: #79ff68 !important;
    box-shadow: 0 0 8px rgba(103,255,82,.52) !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"] > span,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"] > span{
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font: inherit !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas[data-ssjx-reading="light"] header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"],html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas[data-ssjx-reading="light"] header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:hover,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas[data-ssjx-reading="light"] header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:focus,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas[data-ssjx-reading="light"] header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:focus-visible,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas[data-ssjx-reading="light"] header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:active{
    color: #243b59 !important;
    background:
        radial-gradient(circle at 15% 50%, rgba(var(--ssjx-detail-rgb,108,174,255),.12), transparent 31%) padding-box,
        linear-gradient(145deg, rgba(255,255,255,.997), rgba(237,244,252,.997)) padding-box,
        linear-gradient(108deg, rgba(var(--ssjx-detail-rgb,108,174,255),.70), rgba(105,136,173,.18) 50%, rgba(var(--ssjx-detail-rgb,108,174,255),.38)) border-box !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 6px 16px rgba(31,52,78,.10), 0 0 16px rgba(var(--ssjx-detail-rgb,108,174,255),.08) !important;
}

html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:active,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:active{
    width: 226px !important;
    min-width: 226px !important;
    max-width: 226px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

@media (max-width: 720px){
    html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"],html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:hover,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:focus,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:focus-visible,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]:active,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"],html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:hover,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:focus,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:focus-visible,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]:active{
        flex: 0 0 46px !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        padding: 0 !important;
        justify-content: center !important;
        gap: 0 !important;
        border-radius: 14px !important;
    }

    html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"] > span,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"] > span,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"]::after,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"]::after{
        display: none !important;
    }

    html body .ssjx.ssjx .ssjx__modal.ssjx__modal--detail article.ssjx__detail-canvas header.ssjx__detail-toolbar > button.ssjx__detail-back.ssjx__detail-back[data-ssjx-action="close-detail"] svg,html body .ssjx.ssjx .ssjx__modal.ssjx__modal--journey article.ssjx__journey-panel header.ssjx__journey-toolbar > button.ssjx__journey-back.ssjx__journey-back[data-ssjx-action="close-journey"] svg{
        flex-basis: 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        padding: 5px !important;
    }
}

html body .ssjx{
    --ssjx-saved-heart-pink: #ed76d5;
    --ssjx-saved-heart-pink-rgb: 237, 118, 213;
}

html body .ssjx .ssjx__card-save.is-saved,html body .ssjx .ssjx__card-save[aria-pressed="true"]{
    color: var(--ssjx-saved-heart-pink) !important;
    background: rgba(var(--ssjx-saved-heart-pink-rgb), .14) !important;
    border-color: rgba(var(--ssjx-saved-heart-pink-rgb), .84) !important;
    box-shadow:
        inset 0 0 11px rgba(var(--ssjx-saved-heart-pink-rgb), .09),
        0 0 15px rgba(var(--ssjx-saved-heart-pink-rgb), .20) !important;
    opacity: 1 !important;
}

html body .ssjx .ssjx__card-save.is-saved svg,html body .ssjx .ssjx__card-save[aria-pressed="true"] svg,html body .ssjx .ssjx__card-save.is-saved svg path,html body .ssjx .ssjx__card-save[aria-pressed="true"] svg path{
    color: var(--ssjx-saved-heart-pink) !important;
    fill: var(--ssjx-saved-heart-pink) !important;
    stroke: var(--ssjx-saved-heart-pink) !important;
    filter: drop-shadow(0 0 5px rgba(var(--ssjx-saved-heart-pink-rgb), .34)) !important;
}

html body .ssjx [data-ssjx-action="preview-save"].is-saved svg,html body .ssjx [data-ssjx-action="preview-save"][data-saved="true"] svg,html body .ssjx [data-ssjx-action="preview-save"][aria-pressed="true"] svg,html body .ssjx [data-ssjx-action="detail-save"].is-saved svg,html body .ssjx [data-ssjx-action="detail-save"][data-saved="true"] svg,html body .ssjx [data-ssjx-action="detail-save"][aria-pressed="true"] svg,html body .ssjx [data-ssjx-action="preview-save"].is-saved svg path,html body .ssjx [data-ssjx-action="preview-save"][data-saved="true"] svg path,html body .ssjx [data-ssjx-action="preview-save"][aria-pressed="true"] svg path,html body .ssjx [data-ssjx-action="detail-save"].is-saved svg path,html body .ssjx [data-ssjx-action="detail-save"][data-saved="true"] svg path,html body .ssjx [data-ssjx-action="detail-save"][aria-pressed="true"] svg path{
    color: var(--ssjx-saved-heart-pink) !important;
    fill: var(--ssjx-saved-heart-pink) !important;
    stroke: var(--ssjx-saved-heart-pink) !important;
    filter: drop-shadow(0 0 6px rgba(var(--ssjx-saved-heart-pink-rgb), .40)) !important;
}

html body .ssjx .ssjx__detail-toolbar [data-ssjx-action="detail-save"].is-saved,html body .ssjx .ssjx__detail-toolbar [data-ssjx-action="detail-save"][data-saved="true"],html body .ssjx .ssjx__detail-toolbar [data-ssjx-action="detail-save"][aria-pressed="true"]{
    color: var(--ssjx-saved-heart-pink) !important;
    border-color: rgba(var(--ssjx-saved-heart-pink-rgb), .72) !important;
    background: rgba(var(--ssjx-saved-heart-pink-rgb), .075) !important;
    box-shadow: 0 0 15px rgba(var(--ssjx-saved-heart-pink-rgb), .13) !important;
    opacity: 1 !important;
}

html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count]::before,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button > b[data-ssjx-mobile-count]::before{
    background: linear-gradient(145deg, #ffd8f3 0%, #f493df 38%, var(--ssjx-saved-heart-pink) 100%) !important;
    filter:
        drop-shadow(0 0 1px rgba(255, 235, 249, .92))
        drop-shadow(0 0 9px rgba(var(--ssjx-saved-heart-pink-rgb), .43)) !important;
}

html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count],html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button > b[data-ssjx-mobile-count]{
    color: #25061d !important;
}

html body .ssjx .ssjx__journey-count{
    color: #25061d !important;
    background: linear-gradient(145deg, #ffd8f3 0%, #f493df 38%, var(--ssjx-saved-heart-pink) 100%) !important;
    border-color: rgba(255, 216, 243, .74) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .50),
        0 0 18px rgba(var(--ssjx-saved-heart-pink-rgb), .31) !important;
}

@media (min-width: 921px){
    html body .ssjx .ssjx__groups{
        align-items: stretch !important;
    }

    html body .ssjx .ssjx__group{
        align-self: stretch !important;
    }

    html body .ssjx .ssjx__card:not(.ssjx__card--last){
        box-sizing: border-box !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        align-self: stretch !important;
    }

    html body .ssjx .ssjx__card:not(.ssjx__card--last) .ssjx__card-main{
        box-sizing: border-box !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        grid-template-rows: 48px 62px 28px !important;
        align-content: center !important;
    }

    html body .ssjx .ssjx__card:not(.ssjx__card--last) .ssjx__card-title{
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
        align-self: start !important;
        overflow: visible !important;
    }

    html body .ssjx .ssjx__card--last,html body .ssjx .ssjx__card--last .ssjx__card-main{
        box-sizing: border-box !important;
        height: 84px !important;
        min-height: 84px !important;
        max-height: 84px !important;
    }
}

@media (min-width: 921px) and (max-width: 1180px){
    html body .ssjx .ssjx__grid{
        grid-template-rows: repeat(4, 184px) 84px !important;
    }
}

@media (min-width: 1181px){
    html body .ssjx .ssjx__grid{
        grid-template-rows: repeat(3, 184px) 84px !important;
    }
}

html body .ssjx .ssjx__journey-pdf-brand{
    top: 10px !important;
    left: 13px !important;
    display: block !important;
    width: 62px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .ssjx .ssjx__journey-pdf-brand > img{
    display: block !important;
    width: 62px !important;
    height: auto !important;
    min-width: 62px !important;
    max-width: 62px !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 0 5px rgba(25,191,255,.16)) !important;
}

html body .ssjx .ssjx__journey-pdf-brand > span{
    display: none !important;
}

html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"],html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:hover,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:focus,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:focus-visible,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:active{
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 122px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    overflow: hidden !important;
    color: #ffc4d7 !important;
    background: linear-gradient(180deg, rgba(77,24,47,.54), rgba(35,15,29,.76)) !important;
    border: 1px solid rgba(255,104,157,.60) !important;
    border-radius: 12px !important;
    outline: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 0 15px rgba(255,83,145,.08) !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    transition:
        color 160ms ease,
        background 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease !important;
}

html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:hover,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:focus-visible{
    color: #ffe6ef !important;
    background: linear-gradient(180deg, rgba(98,28,58,.66), rgba(45,17,36,.86)) !important;
    border-color: rgba(255,126,171,.88) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 0 18px rgba(255,83,145,.15) !important;
}

html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"].is-confirming,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"][data-ssjx-confirming="true"]{
    color: #fff5f8 !important;
    background: linear-gradient(180deg, rgba(198,43,93,.94), rgba(127,24,65,.96)) !important;
    border-color: rgba(255,154,187,.98) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 0 0 2px rgba(255,85,143,.08),
        0 0 22px rgba(255,62,127,.24) !important;
}

html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"].is-confirming::after,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"][data-ssjx-confirming="true"]::after{
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 3px !important;
    content: "" !important;
    background: linear-gradient(90deg, #ffd5e4, #ff83b0, #ff4f8d) !important;
    transform-origin: left center !important;
    animation: ssjx-clear-gate-v246 5s linear forwards !important;
    pointer-events: none !important;
}

html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:disabled{
    color: #6f7586 !important;
    background: rgba(24,27,38,.52) !important;
    border-color: rgba(151,161,194,.18) !important;
    box-shadow: none !important;
    cursor: default !important;
    opacity: .62 !important;
}

@keyframes ssjx-clear-gate-v246{
    from { transform: scaleX(1); }
    to   { transform: scaleX(0); }
}

@media (max-width: 520px){
    html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"],html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:hover,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:focus,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:active{
        min-width: 112px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 0 12px !important;
        font-size: 10.5px !important;
    }
}

html body .ssjx .ssjx__progress-line,html body .ssjx .ssjx__journey-progress{
    display: none !important;
}

html body .ssjx .ssjx__journey-pdf-brand > img{
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    background: transparent !important;
}

html body .ssjx .ssjx__journey-pdf-brand > span{
    font-size: 7.3px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

html body .ssjx .ssjx__journey-pdf-title{
    top: 63px !important;
    left: 13px !important;
    font-size: 20px !important;
    line-height: .95 !important;
    letter-spacing: -.045em !important;
}

html body .ssjx .ssjx__journey-pdf-cover > small{
    top: 123px !important;
    left: 14px !important;
    font-size: 5.2px !important;
    line-height: 1.34 !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel]{
    --ssjx-value-gold: #f4cf66;
    --ssjx-value-gold-bright: #ffdf78;
    --ssjx-value-gold-soft: #ffe8a6;
    --ssjx-value-gold-deep: #b98a22;
    --ssjx-value-gold-rgb: 244,207,102;
    --ssjx-value-ice: #d9e9fb;
    border: 1px solid rgba(244,207,102,.72) !important;
    background:
        radial-gradient(circle at 12% 4%, rgba(244,207,102,.20), transparent 33%),
        radial-gradient(circle at 82% 18%, rgba(61,111,192,.18), transparent 34%),
        linear-gradient(112deg, rgba(62,64,64,.96) 0%, rgba(40,43,48,.97) 35%, rgba(21,31,48,.985) 66%, rgba(9,24,51,.995) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 0 0 1px rgba(255,219,120,.045),
        0 0 0 1px rgba(172,120,14,.16),
        0 14px 34px rgba(2,7,15,.34),
        0 0 26px rgba(244,207,102,.13) !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-head{
    display: grid !important;
    grid-template-columns: 88px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-head > div{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 9px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-icon,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-icon--coin{
    display: block !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    padding: 0 !important;
    overflow: visible !important;
    color: transparent !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-icon img,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-icon--coin img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter:
        drop-shadow(0 2px 0 rgba(255,255,255,.16))
        drop-shadow(0 7px 12px rgba(0,0,0,.24))
        drop-shadow(0 0 16px rgba(244,207,102,.30)) !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-head > div > span{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ssjx-value-gold-bright) !important;
    font-size: 9.2px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 10px rgba(244,207,102,.12) !important;
    white-space: normal !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-head > div > strong{
    display: block !important;
    width: 100% !important;
    max-width: 25ch !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff8e7 !important;
    font-size: clamp(19px,2vw,25px) !important;
    font-weight: 850 !important;
    line-height: 1.14 !important;
    letter-spacing: -.02em !important;
    text-wrap: balance !important;
    white-space: normal !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-copy{
    margin: 15px 0 !important;
    color: #d2dae7 !important;
    font-size: 10px !important;
    line-height: 1.6 !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-hero{
    position: relative !important;
    min-height: 126px !important;
    padding: 18px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 15% 4%, rgba(255,222,118,.19), transparent 34%),
        radial-gradient(circle at 86% 10%, rgba(71,128,217,.18), transparent 34%),
        linear-gradient(112deg, rgba(82,82,77,.78) 0%, rgba(47,48,48,.84) 38%, rgba(24,33,47,.92) 68%, rgba(11,27,57,.98) 100%) !important;
    border: 1px solid rgba(255,215,98,.86) !important;
    border-radius: 18px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 0 24px rgba(244,207,102,.025),
        0 0 20px rgba(244,207,102,.10) !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-hero > span{
    color: var(--ssjx-value-ice) !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-hero > strong{
    margin: 10px 0 6px !important;
    color: var(--ssjx-value-gold-bright) !important;
    font-size: clamp(32px,3.5vw,46px) !important;
    font-weight: 900 !important;
    line-height: .98 !important;
    letter-spacing: -.04em !important;
    text-shadow: 0 0 18px rgba(244,207,102,.17) !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-hero > small{
    color: #d4dbe7 !important;
    font-size: 8.6px !important;
    line-height: 1.38 !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-time-grid,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-value-grid{
    gap: 10px !important;
    margin-top: 10px !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-time-grid > div,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-value-grid > div{
    min-height: 84px !important;
    padding: 13px !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(244,207,102,.10), transparent 36%),
        linear-gradient(112deg, rgba(67,69,69,.62) 0%, rgba(33,37,43,.78) 48%, rgba(12,26,53,.94) 100%) !important;
    border: 1px solid rgba(244,207,102,.62) !important;
    border-radius: 16px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 0 14px rgba(244,207,102,.045) !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-time-grid span,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-value-grid span,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-time-grid small,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-value-grid small{
    display: block !important;
    color: #d8e2ef !important;
    font-size: 8.2px !important;
    line-height: 1.35 !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-time-grid strong{
    display: block !important;
    margin: 8px 0 4px !important;
    color: var(--ssjx-value-gold-bright) !important;
    font-size: clamp(19px,2vw,27px) !important;
    font-weight: 880 !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
    text-shadow: 0 0 12px rgba(244,207,102,.10) !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-value-grid strong{
    display: block !important;
    margin: 8px 0 4px !important;
    color: #fff7df !important;
    font-size: clamp(17px,1.85vw,25px) !important;
    font-weight: 880 !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-breakdown{
    margin-top: 11px !important;
    padding: 13px !important;
    background:
        linear-gradient(112deg, rgba(64,66,66,.48) 0%, rgba(29,33,39,.68) 48%, rgba(10,23,48,.88) 100%) !important;
    border: 1px solid rgba(244,207,102,.42) !important;
    border-radius: 15px !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-breakdown-head > span{
    color: var(--ssjx-value-gold-soft) !important;
    font-size: 8.5px !important;
    font-weight: 850 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-breakdown-head > small,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-breakdown-empty,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-breakdown-row > span{
    color: #cbd5e3 !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-breakdown-row > strong{
    color: var(--ssjx-value-gold-bright) !important;
    font-size: 8.7px !important;
    font-weight: 850 !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-breakdown-bar{
    background: rgba(244,207,102,.13) !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-breakdown-bar > i{
    background: linear-gradient(90deg,#a97813 0%,#d9ad38 34%,#f6d570 70%,#fff0b7 100%) !important;
    box-shadow: 0 0 8px rgba(244,207,102,.30) !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-rate{
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 13px !important;
    background:
        linear-gradient(112deg, rgba(61,63,63,.46) 0%, rgba(27,31,38,.72) 52%, rgba(10,23,48,.90) 100%) !important;
    border: 1px solid rgba(244,207,102,.55) !important;
    border-radius: 15px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-rate > span{
    color: #fff3ce !important;
    font-size: 10.3px !important;
    font-weight: 780 !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-rate > small{
    color: #cbd5e3 !important;
    font-size: 8.1px !important;
    line-height: 1.38 !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-rate-control{
    min-height: 48px !important;
    padding: 0 13px !important;
    gap: 8px !important;
    background: linear-gradient(180deg, rgba(10,15,22,.98), rgba(5,10,17,.99)) !important;
    border: 1px solid rgba(244,207,102,.75) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 0 1px rgba(255,230,160,.05), 0 0 12px rgba(244,207,102,.05) !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-rate-control:focus-within{
    border-color: rgba(255,224,121,.98) !important;
    box-shadow: 0 0 0 2px rgba(244,207,102,.11), 0 0 18px rgba(244,207,102,.15) !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-rate-control > b,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-rate-control > small{
    color: #e8cf87 !important;
    font-weight: 750 !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-rate-control > input,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-rate-control > input:hover,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-rate-control > input:focus,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-rate-control > input:active{
    color: #fff7df !important;
}

html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__estimate-note{
    margin-top: 10px !important;
    padding: 11px 12px !important;
    color: #d0dae7 !important;
    background: linear-gradient(112deg, rgba(62,63,61,.34), rgba(14,21,31,.67) 55%, rgba(8,20,43,.82)) !important;
    border-left: 3px solid rgba(244,207,102,.82) !important;
    font-size: 8px !important;
    line-height: 1.48 !important;
}

@media (max-width: 720px){
    html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-head{
        grid-template-columns: 70px minmax(0,1fr) !important;
        gap: 14px !important;
    }
    html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-icon,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-icon--coin{
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
    }
    html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-head > div > strong{
        font-size: clamp(17px,5vw,22px) !important;
    }
}

@media (max-width: 480px){
    html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-head{
        grid-template-columns: 58px minmax(0,1fr) !important;
        gap: 12px !important;
    }
    html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-icon,html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-icon--coin{
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
    }
    html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-head > div{
        gap: 7px !important;
    }
    html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-head > div > span{
        font-size: 8px !important;
        letter-spacing: .105em !important;
    }
    html body .ssjx .ssjx__journey-value[data-ssjx-value-panel] .ssjx__journey-value-head > div > strong{
        font-size: clamp(16px,5.4vw,20px) !important;
        line-height: 1.16 !important;
    }
}

html body .ssjx .ssjx__journey-value{
    --ssjx-value-gold: #f0cf72;
    --ssjx-value-gold-2: #ffd96f;
    --ssjx-value-gold-soft: #ffe6a6;
    --ssjx-value-gold-rgb: 240,207,114;
    border-color: rgba(240,207,114,.42) !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(240,207,114,.18), transparent 34%),
        radial-gradient(circle at 86% 22%, rgba(101,147,255,.12), transparent 28%),
        linear-gradient(112deg, rgba(58,62,67,.82) 0%, rgba(28,34,45,.86) 42%, rgba(11,24,53,.93) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 0 1px rgba(240,207,114,.12),
        0 14px 34px rgba(2,7,15,.32),
        0 0 24px rgba(240,207,114,.09) !important;
}

html body .ssjx .ssjx__journey-value-head{
    grid-template-columns: 86px minmax(0,1fr) !important;
    gap: 16px !important;
    align-items: center !important;
}

html body .ssjx .ssjx__journey-value-head > div{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 8px !important;
}

html body .ssjx .ssjx__journey-value-head > div > span,html body .ssjx .ssjx__journey-value-head > div > strong{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    white-space: normal !important;
}

html body .ssjx .ssjx__journey-value-icon,html body .ssjx .ssjx__journey-value-icon--coin{
    width: 74px !important;
    height: 74px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

html body .ssjx .ssjx__journey-value-icon img,html body .ssjx .ssjx__journey-value-icon--coin img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 2px 0 rgba(255,255,255,.12)) drop-shadow(0 10px 18px rgba(240,207,114,.18)) !important;
}

html body .ssjx .ssjx__journey-value-head > div > span{
    color: #d8e6f8 !important;
    font-size: 8.8px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

html body .ssjx .ssjx__journey-value-head > div > strong{
    max-width: 24ch !important;
    color: #fff6dc !important;
    font-size: clamp(18px,2vw,24px) !important;
    font-weight: 820 !important;
    line-height: 1.14 !important;
    letter-spacing: -.018em !important;
    text-wrap: balance !important;
}

html body .ssjx .ssjx__journey-value-copy{
    margin: 14px 0 14px !important;
    color: #c6cddd !important;
    font-size: 10px !important;
    line-height: 1.58 !important;
}

html body .ssjx .ssjx__estimate-hero{
    min-height: 122px !important;
    padding: 16px 17px !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(240,207,114,.12), transparent 36%),
        radial-gradient(circle at 90% 24%, rgba(103,163,255,.10), transparent 30%),
        linear-gradient(112deg, rgba(74,76,79,.56) 0%, rgba(33,39,49,.72) 45%, rgba(12,25,55,.90) 100%) !important;
    border: 1px solid rgba(240,207,114,.46) !important;
    border-radius: 18px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 20px rgba(240,207,114,.08) !important;
}

html body .ssjx .ssjx__estimate-hero > span{
    color: #d8e5f4 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

html body .ssjx .ssjx__estimate-hero > strong{
    margin: 9px 0 6px !important;
    color: var(--ssjx-value-gold) !important;
    font-size: clamp(31px,3.3vw,45px) !important;
    font-weight: 850 !important;
    line-height: .98 !important;
    letter-spacing: -.04em !important;
    text-shadow: 0 0 18px rgba(240,207,114,.13) !important;
}

html body .ssjx .ssjx__estimate-hero > small{
    color: #c7cfe0 !important;
    font-size: 8.5px !important;
    line-height: 1.35 !important;
}

html body .ssjx .ssjx__estimate-time-grid,html body .ssjx .ssjx__estimate-value-grid{
    gap: 10px !important;
    margin-top: 10px !important;
}

html body .ssjx .ssjx__estimate-time-grid > div,html body .ssjx .ssjx__estimate-value-grid > div{
    min-height: 84px !important;
    padding: 13px 13px 12px !important;
    background:
        linear-gradient(112deg, rgba(72,74,77,.42) 0%, rgba(24,30,39,.74) 48%, rgba(11,24,49,.90) 100%) !important;
    border: 1px solid rgba(240,207,114,.42) !important;
    border-radius: 16px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

html body .ssjx .ssjx__estimate-time-grid span,html body .ssjx .ssjx__estimate-value-grid span,html body .ssjx .ssjx__estimate-time-grid small,html body .ssjx .ssjx__estimate-value-grid small{
    color: #d7e0ee !important;
    font-size: 8.3px !important;
    line-height: 1.35 !important;
}

html body .ssjx .ssjx__estimate-time-grid strong{
    margin: 8px 0 4px !important;
    color: var(--ssjx-value-gold-2) !important;
    font-size: clamp(18px,1.95vw,26px) !important;
    font-weight: 830 !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
}

html body .ssjx .ssjx__estimate-value-grid strong{
    margin: 8px 0 4px !important;
    color: #fff7e1 !important;
    font-size: clamp(17px,1.8vw,24px) !important;
    font-weight: 840 !important;
    line-height: 1 !important;
    letter-spacing: -.03em !important;
}

html body .ssjx .ssjx__estimate-breakdown{
    margin-top: 11px !important;
    padding: 12px 13px !important;
    background: linear-gradient(112deg, rgba(70,72,75,.28) 0%, rgba(17,23,31,.56) 55%, rgba(8,19,40,.78) 100%) !important;
    border: 1px solid rgba(240,207,114,.24) !important;
    border-radius: 14px !important;
}

html body .ssjx .ssjx__estimate-breakdown-head > span{
    color: #d8e5f5 !important;
    font-size: 8.4px !important;
    font-weight: 800 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}

html body .ssjx .ssjx__estimate-breakdown-head > small,html body .ssjx .ssjx__estimate-breakdown-empty,html body .ssjx .ssjx__estimate-breakdown-row > span{
    color: #c0cadb !important;
}

html body .ssjx .ssjx__estimate-breakdown-row > strong{
    color: #ffe29a !important;
    font-size: 8.6px !important;
    font-weight: 800 !important;
}

html body .ssjx .ssjx__estimate-breakdown-bar{
    background: rgba(240,207,114,.12) !important;
}

html body .ssjx .ssjx__estimate-breakdown-bar > i{
    background: linear-gradient(90deg,#d4ad43,#f3d77d,#ffebaf) !important;
    box-shadow: 0 0 8px rgba(240,207,114,.26) !important;
}

html body .ssjx .ssjx__estimate-rate{
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 13px !important;
    background: linear-gradient(112deg, rgba(70,72,75,.26) 0%, rgba(17,23,31,.60) 55%, rgba(8,19,40,.84) 100%) !important;
    border: 1px solid rgba(240,207,114,.32) !important;
    border-radius: 15px !important;
}

html body .ssjx .ssjx__estimate-rate > span{
    color: #fff2cd !important;
    font-size: 10.3px !important;
    font-weight: 760 !important;
}

html body .ssjx .ssjx__estimate-rate > small{
    color: #c8d0df !important;
    font-size: 8.1px !important;
    line-height: 1.38 !important;
}

html body .ssjx .ssjx__estimate-rate-control{
    min-height: 48px !important;
    padding: 0 13px !important;
    gap: 8px !important;
    background: rgba(7,12,18,.92) !important;
    border: 1px solid rgba(240,207,114,.56) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 0 1px rgba(255,221,143,.05) !important;
}

html body .ssjx .ssjx__estimate-rate-control:focus-within{
    border-color: rgba(255,223,122,.92) !important;
    box-shadow: 0 0 0 2px rgba(240,207,114,.10), 0 0 16px rgba(240,207,114,.12) !important;
}

html body .ssjx .ssjx__estimate-rate-control > b,html body .ssjx .ssjx__estimate-rate-control > small{
    color: #e0ca8a !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

html body .ssjx .ssjx__estimate-rate-control > input,html body .ssjx .ssjx__estimate-rate-control > input:hover,html body .ssjx .ssjx__estimate-rate-control > input:focus,html body .ssjx .ssjx__estimate-rate-control > input:active{
    color: #fff6dd !important;
}

html body .ssjx .ssjx__estimate-note{
    margin-top: 10px !important;
    padding: 11px 12px !important;
    color: #d0d8e8 !important;
    background: linear-gradient(112deg, rgba(70,72,75,.20) 0%, rgba(14,20,28,.58) 55%, rgba(8,19,40,.78) 100%) !important;
    border-left: 2px solid rgba(240,207,114,.64) !important;
    font-size: 8px !important;
    line-height: 1.48 !important;
}

@media (max-width: 720px){
    html body .ssjx .ssjx__journey-value-head{
        grid-template-columns: 70px minmax(0,1fr) !important;
        gap: 14px !important;
    }
    html body .ssjx .ssjx__journey-value-icon,html body .ssjx .ssjx__journey-value-icon--coin{
        width: 60px !important;
        height: 60px !important;
    }
    html body .ssjx .ssjx__journey-value-head > div > strong{
        font-size: clamp(17px,5vw,22px) !important;
    }
}

@media (max-width: 480px){
    html body .ssjx .ssjx__journey-value-head{
        grid-template-columns: 56px minmax(0,1fr) !important;
        gap: 12px !important;
    }
    html body .ssjx .ssjx__journey-value-icon,html body .ssjx .ssjx__journey-value-icon--coin{
        width: 52px !important;
        height: 52px !important;
    }
    html body .ssjx .ssjx__journey-value-head > div{
        gap: 7px !important;
    }
    html body .ssjx .ssjx__journey-value-head > div > span{
        font-size: 8px !important;
        letter-spacing: .1em !important;
    }
    html body .ssjx .ssjx__journey-value-head > div > strong{
        font-size: clamp(16px,5.4vw,20px) !important;
        line-height: 1.16 !important;
    }
}

html body .ssjx .ssjx__journey-value-head > div{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    align-content: center !important;
    justify-items: start !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 7px !important;
}

html body .ssjx .ssjx__journey-value-head > div > span{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}

html body .ssjx .ssjx__journey-value-head > div > strong{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.28 !important;
    white-space: normal !important;
}

@media (max-width: 720px){
    html body .ssjx .ssjx__journey-value-head > div{
        gap: 6px !important;
    }
}

html body .ssjx .ssjx__journey-value{
    --ssjx-value-green: #79ff68;
    --ssjx-value-green-rgb: 121,255,104;
    border-color: rgba(103,255,82,.28) !important;
    background:
        radial-gradient(circle at 14% 0%, rgba(103,255,82,.075), transparent 31%),
        linear-gradient(145deg, rgba(12,22,23,.96), rgba(8,12,20,.97) 58%, rgba(8,11,18,.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 0 26px rgba(103,255,82,.045) !important;
}

html body .ssjx .ssjx__journey-value-head{
    grid-template-columns: 48px minmax(0,1fr) !important;
    gap: 13px !important;
}

html body .ssjx .ssjx__journey-value-icon{
    width: 48px !important;
    height: 48px !important;
    color: #b5ffa9 !important;
    background: rgba(103,255,82,.055) !important;
    border-color: rgba(103,255,82,.38) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 14px rgba(103,255,82,.07) !important;
}

html body .ssjx .ssjx__journey-value-head > div > span{
    color: #a9ff9b !important;
}

html body .ssjx .ssjx__journey-value-head > div > strong{
    color: #f3f8f3 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
}

html body .ssjx .ssjx__journey-value-copy{
    margin: 13px 0 13px !important;
    color: #9ba9a0 !important;
    font-size: 10px !important;
    line-height: 1.52 !important;
}

html body .ssjx .ssjx__estimate-hero{
    position: relative !important;
    display: grid !important;
    min-height: 122px !important;
    padding: 16px 17px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 84% 8%, rgba(103,255,82,.14), transparent 35%),
        linear-gradient(145deg, rgba(103,255,82,.075), rgba(5,12,13,.91) 62%) !important;
    border: 1px solid rgba(103,255,82,.34) !important;
    border-radius: 15px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 0 20px rgba(103,255,82,.045) !important;
}

html body .ssjx .ssjx__estimate-hero > span{
    color: #9ec69d !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

html body .ssjx .ssjx__estimate-hero > strong{
    margin: 8px 0 5px !important;
    color: var(--ssjx-value-green) !important;
    font-size: clamp(31px,3.3vw,44px) !important;
    font-weight: 850 !important;
    line-height: .96 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 0 17px rgba(103,255,82,.11) !important;
}

html body .ssjx .ssjx__estimate-hero > small{
    color: #7f9184 !important;
    font-size: 8.5px !important;
    line-height: 1.35 !important;
}

html body .ssjx .ssjx__estimate-time-grid,html body .ssjx .ssjx__estimate-value-grid{
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    margin-top: 8px !important;
}

html body .ssjx .ssjx__estimate-value-grid{
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

html body .ssjx .ssjx__estimate-time-grid > div,html body .ssjx .ssjx__estimate-value-grid > div{
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 11px !important;
    background: rgba(5,10,14,.70) !important;
    border: 1px solid rgba(103,255,82,.18) !important;
    border-radius: 12px !important;
}

html body .ssjx .ssjx__estimate-time-grid span,html body .ssjx .ssjx__estimate-value-grid span,html body .ssjx .ssjx__estimate-time-grid small,html body .ssjx .ssjx__estimate-value-grid small{
    display: block !important;
    color: #74847a !important;
    font-size: 8px !important;
    line-height: 1.3 !important;
}

html body .ssjx .ssjx__estimate-time-grid strong,html body .ssjx .ssjx__estimate-value-grid strong{
    display: block !important;
    margin: 7px 0 3px !important;
    color: #a7ff98 !important;
    font-size: clamp(18px,1.9vw,25px) !important;
    font-weight: 820 !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
}

html body .ssjx .ssjx__estimate-value-grid strong{
    color: #d9ffd2 !important;
    font-size: clamp(16px,1.6vw,22px) !important;
}

html body .ssjx .ssjx__estimate-breakdown{
    margin-top: 10px !important;
    padding: 11px 12px !important;
    background: rgba(4,9,12,.58) !important;
    border: 1px solid rgba(103,255,82,.13) !important;
    border-radius: 12px !important;
}

html body .ssjx .ssjx__estimate-breakdown-head{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
}

html body .ssjx .ssjx__estimate-breakdown-head > span{
    color: #a8c7a8 !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

html body .ssjx .ssjx__estimate-breakdown-head > small{
    color: #64736a !important;
    font-size: 7.5px !important;
}

html body .ssjx .ssjx__estimate-breakdown-list{
    display: grid !important;
    gap: 7px !important;
}

html body .ssjx .ssjx__estimate-breakdown-row{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 5px 9px !important;
}

html body .ssjx .ssjx__estimate-breakdown-row > span{
    min-width: 0 !important;
    overflow: hidden !important;
    color: #8d9d92 !important;
    font-size: 8.5px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .ssjx .ssjx__estimate-breakdown-row > strong{
    color: #b8ffad !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

html body .ssjx .ssjx__estimate-breakdown-bar{
    grid-column: 1 / -1 !important;
    display: block !important;
    height: 3px !important;
    overflow: hidden !important;
    background: rgba(103,255,82,.08) !important;
    border-radius: 999px !important;
}

html body .ssjx .ssjx__estimate-breakdown-bar > i{
    display: block !important;
    width: var(--ssjx-breakdown-width,0%) !important;
    height: 100% !important;
    background: linear-gradient(90deg,#67ff52,#9dff84) !important;
    border-radius: inherit !important;
    box-shadow: 0 0 7px rgba(103,255,82,.20) !important;
}

html body .ssjx .ssjx__estimate-breakdown-empty{
    color: #748178 !important;
    font-size: 8.5px !important;
    line-height: 1.4 !important;
}

html body .ssjx .ssjx__estimate-rate{
    display: grid !important;
    gap: 7px !important;
    margin-top: 11px !important;
    padding: 12px !important;
    background: rgba(7,12,16,.76) !important;
    border: 1px solid rgba(103,255,82,.22) !important;
    border-radius: 13px !important;
}

html body .ssjx .ssjx__estimate-rate > span{
    color: #dbe7dc !important;
    font-size: 10px !important;
    font-weight: 720 !important;
}

html body .ssjx .ssjx__estimate-rate > small{
    color: #75847a !important;
    font-size: 8px !important;
    line-height: 1.35 !important;
}

html body .ssjx .ssjx__estimate-rate-control{
    display: flex !important;
    align-items: center !important;
    min-height: 46px !important;
    margin-top: 2px !important;
    padding: 0 12px !important;
    gap: 7px !important;
    background: #080d12 !important;
    border: 1px solid rgba(103,255,82,.34) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 0 0 1px rgba(103,255,82,.025) !important;
}

html body .ssjx .ssjx__estimate-rate-control:focus-within{
    border-color: rgba(103,255,82,.78) !important;
    box-shadow: 0 0 0 2px rgba(103,255,82,.08), 0 0 14px rgba(103,255,82,.08) !important;
}

html body .ssjx .ssjx__estimate-rate-control > b,html body .ssjx .ssjx__estimate-rate-control > small{
    flex: 0 0 auto !important;
    color: #819086 !important;
    font-size: 10px !important;
    font-weight: 650 !important;
}

html body .ssjx .ssjx__estimate-rate-control > input,html body .ssjx .ssjx__estimate-rate-control > input:hover,html body .ssjx .ssjx__estimate-rate-control > input:focus,html body .ssjx .ssjx__estimate-rate-control > input:active{
    all: unset !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    color: #f3f8f3 !important;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 42px !important;
    -moz-appearance: textfield !important;
}

html body .ssjx .ssjx__estimate-rate-control > input::-webkit-outer-spin-button,html body .ssjx .ssjx__estimate-rate-control > input::-webkit-inner-spin-button{
    margin: 0 !important;
    -webkit-appearance: none !important;
}

html body .ssjx .ssjx__estimate-note{
    margin-top: 9px !important;
    padding: 10px 11px !important;
    color: #6f7f74 !important;
    background: rgba(103,255,82,.018) !important;
    border-left: 2px solid rgba(103,255,82,.42) !important;
    font-size: 8px !important;
    line-height: 1.45 !important;
}

@media (max-width: 720px){
    html body .ssjx .ssjx__estimate-value-grid{
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: 6px !important;
    }
    html body .ssjx .ssjx__estimate-value-grid > div,html body .ssjx .ssjx__estimate-time-grid > div{
        min-height: 68px !important;
        padding: 9px !important;
    }
    html body .ssjx .ssjx__estimate-value-grid strong{
        font-size: clamp(15px,4.3vw,19px) !important;
    }
}

@media (max-width: 420px){
    html body .ssjx .ssjx__estimate-hero{ min-height: 112px !important; padding: 14px !important; }
    html body .ssjx .ssjx__estimate-value-grid{ grid-template-columns: 1fr !important; }
    html body .ssjx .ssjx__estimate-value-grid > div{ min-height: 62px !important; }
}

html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"],html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"]:hover,html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"]:focus,html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"]:focus-visible,html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"]:active,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"],html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"]:hover,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"]:focus,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"]:focus-visible,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"]:active,html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"],html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"]:hover,html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"]:focus,html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"]:focus-visible,html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"]:active{
    all: unset !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #f3f8ff !important;
    background:
        radial-gradient(circle at 34% 24%, rgba(255,255,255,.085), transparent 34%),
        linear-gradient(145deg, rgba(20,31,49,.985), rgba(7,13,25,.995)) !important;
    border: 1px solid rgba(166, 196, 235, .62) !important;
    border-radius: 13px !important;
    outline: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        inset 0 -1px 0 rgba(0,0,0,.40),
        0 0 0 1px rgba(88,153,230,.055),
        0 5px 14px rgba(0,0,0,.24),
        0 0 16px rgba(82,158,255,.08) !important;
    opacity: 1 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    filter: none !important;
    transition:
        color 180ms ease,
        background 200ms ease,
        border-color 180ms ease,
        box-shadow 200ms ease !important;
}

html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"]{
    border-color: rgba(var(--ssjx-preview-rgb, 108, 174, 255), .64) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 5px 14px rgba(0,0,0,.24),
        0 0 16px rgba(var(--ssjx-preview-rgb, 108, 174, 255), .10) !important;
}

html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"]{
    border-color: rgba(var(--ssjx-detail-rgb, 108, 174, 255), .64) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 5px 14px rgba(0,0,0,.24),
        0 0 16px rgba(var(--ssjx-detail-rgb, 108, 174, 255), .10) !important;
}

html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"]{
    border-color: rgba(103, 255, 82, .52) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 5px 14px rgba(0,0,0,.24),
        0 0 16px rgba(103,255,82,.075) !important;
}

html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"]:hover,html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"]:focus-visible,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"]:hover,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"]:focus-visible{
    color: #ffffff !important;
    background:
        radial-gradient(circle at 34% 24%, rgba(255,255,255,.12), transparent 36%),
        linear-gradient(145deg, rgba(27,49,77,.995), rgba(9,19,35,.995)) !important;
    border-color: rgba(112, 204, 255, .92) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        0 5px 15px rgba(0,0,0,.26),
        0 0 0 1px rgba(112,204,255,.08),
        0 0 22px rgba(89,182,255,.20) !important;
}

html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"]:hover,html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"]:focus-visible{
    color: #ffffff !important;
    background:
        radial-gradient(circle at 34% 24%, rgba(255,255,255,.10), transparent 36%),
        linear-gradient(145deg, rgba(24,54,34,.995), rgba(8,20,15,.995)) !important;
    border-color: rgba(129, 255, 110, .88) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 5px 15px rgba(0,0,0,.26),
        0 0 0 1px rgba(103,255,82,.06),
        0 0 20px rgba(103,255,82,.16) !important;
}

html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"] svg,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"] svg,html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"] svg{
    display: block !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: currentColor !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.35 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 1 !important;
    filter: drop-shadow(0 0 4px rgba(157,210,255,.18)) !important;
    transform: none !important;
}

html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"]:active,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"]:active,html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"]:active{
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    filter: brightness(.94) !important;
}

@media (max-width: 720px){
    html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"],html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"]:hover,html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"]:focus,html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"]:focus-visible,html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"]:active,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"],html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"]:hover,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"]:focus,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"]:focus-visible,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"]:active,html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"],html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"]:hover,html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"]:focus,html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"]:focus-visible,html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"]:active{
        flex-basis: 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        border-radius: 12px !important;
    }

    html body .ssjx .ssjx__preview .ssjx__preview-close[data-ssjx-action="close-preview"] svg,html body .ssjx .ssjx__detail-toolbar > .ssjx__icon-button[data-ssjx-action="close-detail"] svg,html body .ssjx .ssjx__journey-toolbar .ssjx__journey-toolbar-actions > .ssjx__icon-button[data-ssjx-action="close-journey"] svg{
        width: 19px !important;
        min-width: 19px !important;
        max-width: 19px !important;
        height: 19px !important;
        min-height: 19px !important;
        max-height: 19px !important;
    }
}

html body .ssjx .ssjx__intro .ssjx__eyebrow{
    display: inline-block !important;
    align-items: initial !important;
    gap: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    color: #79d8ff !important;
    font-size: clamp(14px, 1.05vw, 17px) !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    background-image: linear-gradient(
        100deg,
        #5ed8ff 0%,
        #68bfff 16%,
        #8a83ff 33%,
        #c06cff 48%,
        #ff72cf 62%,
        #b66fff 77%,
        #67c9ff 92%,
        #5ed8ff 100%
    ) !important;
    background-size: 300% 100% !important;
    background-position: 0% 50% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    filter:
        drop-shadow(0 0 5px rgba(93, 211, 255, .18))
        drop-shadow(0 0 9px rgba(201, 103, 255, .08)) !important;
    animation: ssjx-explore-eyebrow-shimmer-v227 8.4s ease-in-out infinite !important;
}

html body .ssjx .ssjx__intro .ssjx__eyebrow::before,html body .ssjx .ssjx__intro .ssjx__eyebrow::after{
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

@keyframes ssjx-explore-eyebrow-shimmer-v227{
    0%   { background-position: 0% 50%; filter: drop-shadow(0 0 5px rgba(93,211,255,.16)) drop-shadow(0 0 8px rgba(201,103,255,.06)); }
    50%  { background-position: 100% 50%; filter: drop-shadow(0 0 7px rgba(255,114,207,.18)) drop-shadow(0 0 10px rgba(138,131,255,.10)); }
    100% { background-position: 0% 50%; filter: drop-shadow(0 0 5px rgba(93,211,255,.16)) drop-shadow(0 0 8px rgba(201,103,255,.06)); }
}

html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count],html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button > b[data-ssjx-mobile-count]{
    position: absolute !important;
    display: grid !important;
    place-items: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 3px !important;
    color: #061108 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    font-variant-numeric: tabular-nums !important;
    isolation: isolate !important;
    overflow: visible !important;
}

html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count]::before,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button > b[data-ssjx-mobile-count]::before{
    position: absolute !important;
    z-index: -1 !important;
    inset: 0 !important;
    content: "" !important;
    display: block !important;
    background: linear-gradient(145deg, #e4ffd8 0%, #9dff84 40%, #67ff52 100%) !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 21.25S2.2 15.72 2.2 8.78C2.2 5.18 4.72 3 7.38 3c1.94 0 3.66 1.05 4.62 2.62C12.96 4.05 14.68 3 16.62 3c2.66 0 5.18 2.18 5.18 5.78 0 6.94-9.8 12.47-9.8 12.47Z'/%3E%3C/svg%3E") !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 21.25S2.2 15.72 2.2 8.78C2.2 5.18 4.72 3 7.38 3c1.94 0 3.66 1.05 4.62 2.62C12.96 4.05 14.68 3 16.62 3c2.66 0 5.18 2.18 5.18 5.78 0 6.94-9.8 12.47-9.8 12.47Z'/%3E%3C/svg%3E") !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: contain !important;
    filter:
        drop-shadow(0 0 1px rgba(239,255,231,.9))
        drop-shadow(0 0 8px rgba(103,255,82,.40)) !important;
    pointer-events: none !important;
}

html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count]{
    top: 5px !important;
    right: 7px !important;
    width: 36px !important;
    max-width: 36px !important;
    height: 33px !important;
    min-height: 33px !important;
    max-height: 33px !important;
    font-size: 10.5px !important;
}

html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button > b[data-ssjx-mobile-count]{
    top: 5px !important;
    right: 7px !important;
    width: 32px !important;
    max-width: 32px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    font-size: 9.5px !important;
}

@media (max-width: 720px){
    html body .ssjx .ssjx__intro .ssjx__eyebrow{
        font-size: clamp(13px, 3.8vw, 15px) !important;
        letter-spacing: .165em !important;
    }

    html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count]{
        top: 4px !important;
        right: 5px !important;
        width: 32px !important;
        max-width: 32px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        font-size: 9.5px !important;
        padding-bottom: 3px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button > b[data-ssjx-mobile-count]{
        top: 4px !important;
        right: 5px !important;
        width: 29px !important;
        max-width: 29px !important;
        height: 27px !important;
        min-height: 27px !important;
        max-height: 27px !important;
        font-size: 8.6px !important;
        padding-bottom: 2px !important;
    }
}

@media (max-width: 380px){
    html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count]{
        width: 30px !important;
        max-width: 30px !important;
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
        font-size: 9px !important;
    }
}

@media (prefers-reduced-motion: reduce){
    html body .ssjx .ssjx__intro .ssjx__eyebrow{
        animation: none !important;
        background-position: 48% 50% !important;
    }
}

html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions]{
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    padding: 5px !important;
    gap: 0 !important;
    border-radius: 22px !important;
}

html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button:hover,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button:focus,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button:focus-visible,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button:active{
    grid-template-columns: 50px minmax(0, auto) !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    padding: 6px 34px 6px 12px !important;
    gap: 11px !important;
    color: #e8ffe3 !important;
    background: linear-gradient(145deg, rgba(103,255,82,.115), rgba(103,255,82,.032)) !important;
    border: 1px solid rgba(103,255,82,.34) !important;
    border-radius: 17px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 15px rgba(103,255,82,.06) !important;
}

html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button:hover,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button:focus-visible{
    background: linear-gradient(145deg, rgba(103,255,82,.155), rgba(103,255,82,.045)) !important;
    border-color: rgba(103,255,82,.58) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 18px rgba(103,255,82,.10) !important;
}

html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] .ssjx__preview-journey-art{
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
}

html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] .ssjx__preview-journey-label > strong{
    font-size: 15.5px !important;
}

html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button > b{
    top: 6px !important;
    right: 8px !important;
}

html body > .ssjx__mobile-bar[data-ssjx-sticky-nav]{
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(330px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-width: 330px !important;
    padding: 8px !important;
    gap: 0 !important;
    border-radius: 24px !important;
}

html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button:hover,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button:focus,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button:focus-visible,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button:active{
    grid-template-columns: 58px minmax(0, auto) !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 72px !important;
    height: 72px !important;
    max-height: 72px !important;
    padding: 7px 38px 7px 12px !important;
    gap: 12px !important;
    border-radius: 18px !important;
}

html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] .ssjx__mobile-bar-art,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] button .ssjx__mobile-bar-art{
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
}

html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] .ssjx__mobile-bar-art img,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] button .ssjx__mobile-bar-art img{
    width: 56px !important;
    height: 56px !important;
}

html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] small{
    font-size: 13px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

@media (max-width: 720px){
    html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions]{
        width: min(100%, 290px) !important;
        max-width: 290px !important;
        padding: 4px !important;
        border-radius: 19px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button:hover,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button:focus,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button:focus-visible,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button:active{
        grid-template-columns: 42px minmax(0, auto) !important;
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        padding: 5px 31px 5px 9px !important;
        gap: 8px !important;
        border-radius: 15px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] .ssjx__preview-journey-art{
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] .ssjx__preview-journey-label > strong{
        font-size: 13px !important;
    }

    html body > .ssjx__mobile-bar[data-ssjx-sticky-nav]{
        width: min(292px, calc(100vw - 20px)) !important;
        max-width: 292px !important;
        padding: 7px !important;
        border-radius: 21px !important;
    }

    html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button:hover,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button:focus,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button:focus-visible,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button:active{
        grid-template-columns: 48px minmax(0, auto) !important;
        min-height: 62px !important;
        height: 62px !important;
        max-height: 62px !important;
        padding: 6px 34px 6px 10px !important;
        gap: 9px !important;
        border-radius: 16px !important;
    }

    html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] .ssjx__mobile-bar-art,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] button .ssjx__mobile-bar-art{
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
    }

    html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] .ssjx__mobile-bar-art img,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] button .ssjx__mobile-bar-art img{
        width: 46px !important;
        height: 46px !important;
    }

    html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] small{
        font-size: 12px !important;
    }
}

@media (max-width: 380px){
    html body > .ssjx__mobile-bar[data-ssjx-sticky-nav]{
        width: min(266px, calc(100vw - 14px)) !important;
        max-width: 266px !important;
        padding: 6px !important;
        border-radius: 19px !important;
    }

    html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button:hover,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button:focus,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button:focus-visible,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button:active{
        grid-template-columns: 42px minmax(0, auto) !important;
        min-height: 56px !important;
        height: 56px !important;
        max-height: 56px !important;
        padding: 5px 30px 5px 8px !important;
        gap: 8px !important;
        border-radius: 15px !important;
    }

    html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] .ssjx__mobile-bar-art,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] button .ssjx__mobile-bar-art{
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }

    html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] .ssjx__mobile-bar-art img,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] button .ssjx__mobile-bar-art img{
        width: 40px !important;
        height: 40px !important;
    }

    html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] small{
        font-size: 11.2px !important;
    }
}

.simme-ai-map-shimmer-copy{
    position: relative !important;
    display: block !important;
    max-width: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    outline: 0 !important;
    color: #83d7ff !important;
    font-size: clamp(21px, 1.55vw, 27px) !important;
    font-weight: 620 !important;
    line-height: 1.34 !important;
    letter-spacing: -.012em !important;
    background-image: linear-gradient(
        105deg,
        #73d9ff 0%,
        #70bfff 18%,
        #a877ff 38%,
        #ff79d1 58%,
        #c477ff 77%,
        #73d9ff 100%
    ) !important;
    background-size: 240% 100% !important;
    background-position: 0% 50% !important;
    background-repeat: no-repeat !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    filter: drop-shadow(0 0 7px rgba(100,190,255,.12)) !important;
    animation: simme-ai-map-shimmer-v226 9s ease-in-out infinite !important;
}

.simme-ai-map-shimmer-copy::before,.simme-ai-map-shimmer-copy::after,.simme-ai-map-shimmer-host::before,.simme-ai-map-shimmer-host::after{
    content: none !important;
    display: none !important;
}

.simme-ai-map-shimmer-line{
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

@keyframes simme-ai-map-shimmer-v226{
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@media (max-width: 720px){
    .simme-ai-map-shimmer-copy{
        font-size: clamp(19px, 5.2vw, 23px) !important;
        line-height: 1.36 !important;
    }
}

@media (prefers-reduced-motion: reduce){
    .simme-ai-map-shimmer-copy{
        animation: none !important;
        background-position: 50% 50% !important;
    }
}

html body .ssjx .ssjx__preview-journey-footer{
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 4 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 10px !important;
    overflow: hidden !important;
}

html body .ssjx .ssjx__preview-journey-footer.is-preparing,html body .ssjx .ssjx__preview-journey-footer.is-visible,html body .ssjx .ssjx__preview-journey-footer.is-leaving{
    max-height: 150px !important;
    margin-top: 14px !important;
    padding: 12px 0 2px !important;
    border-top: 1px solid rgba(103, 255, 82, .22) !important;
    background: linear-gradient(90deg,
        rgba(103,255,82,0) 0%,
        rgba(103,255,82,.018) 22%,
        rgba(103,255,82,.035) 50%,
        rgba(103,255,82,.018) 78%,
        rgba(103,255,82,0) 100%) !important;
}

html body .ssjx .ssjx__preview-journey-heading{
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 2px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .ssjx .ssjx__preview-journey-heading > span{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #bfffb0 !important;
    background: transparent !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

html body .ssjx .ssjx__preview-journey-heading > small{
    display: block !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    color: #a7b6ab !important;
    background: transparent !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body .ssjx .ssjx__preview-journey-actions{
    box-sizing: border-box !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-self: center !important;
    width: min(100%, 560px) !important;
    min-width: 0 !important;
    max-width: 560px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 5px !important;
    gap: 5px !important;
    overflow: hidden !important;
    color: #d8ffd0 !important;
    background:
        radial-gradient(circle at 50% 125%, rgba(103,255,82,.10), transparent 58%),
        rgba(4, 11, 12, .96) !important;
    border: 1px solid rgba(103, 255, 82, .42) !important;
    border-radius: 22px !important;
    outline: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 0 0 1px rgba(103,255,82,.035),
        0 8px 22px rgba(0,0,0,.24),
        0 0 20px rgba(103,255,82,.085) !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

html body .ssjx .ssjx__preview-journey-actions > button,html body .ssjx .ssjx__preview-journey-actions > button:hover,html body .ssjx .ssjx__preview-journey-actions > button:focus,html body .ssjx .ssjx__preview-journey-actions > button:focus-visible,html body .ssjx .ssjx__preview-journey-actions > button:active{
    all: unset !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, auto) !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    margin: 0 !important;
    padding: 6px 18px 6px 10px !important;
    gap: 10px !important;
    overflow: hidden !important;
    color: #baf7ab !important;
    background: rgba(103,255,82,.018) !important;
    border: 1px solid transparent !important;
    border-radius: 17px !important;
    outline: 0 !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 820 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    transition: color 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease !important;
}

html body .ssjx .ssjx__preview-journey-actions > button:first-child{
    color: #e5ffdf !important;
    background: linear-gradient(145deg, rgba(103,255,82,.12), rgba(103,255,82,.035)) !important;
    border-color: rgba(103,255,82,.32) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 14px rgba(103,255,82,.055) !important;
}

html body .ssjx .ssjx__preview-journey-actions > button:hover,html body .ssjx .ssjx__preview-journey-actions > button:focus-visible{
    color: #ecffe8 !important;
    background: linear-gradient(145deg, rgba(103,255,82,.14), rgba(103,255,82,.04)) !important;
    border-color: rgba(103,255,82,.52) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 14px rgba(103,255,82,.075) !important;
}

html body .ssjx .ssjx__preview-journey-actions > button:active{
    transform: translateY(1px) !important;
}

html body .ssjx .ssjx__preview-journey-actions > button::before,html body .ssjx .ssjx__preview-journey-actions > button::after{
    content: none !important;
    display: none !important;
}

html body .ssjx .ssjx__preview-journey-art{
    box-sizing: border-box !important;
    position: relative !important;
    display: block !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 0 6px rgba(103,255,82,.36)) drop-shadow(0 0 14px rgba(103,255,82,.12)) !important;
    transform: none !important;
}

html body .ssjx .ssjx__preview-journey-label{
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
    white-space: nowrap !important;
}

html body .ssjx .ssjx__preview-journey-label > strong{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

html body .ssjx .ssjx__preview-journey-label > small{
    display: none !important;
}

html body .ssjx .ssjx__preview-journey-actions > button > b{
    box-sizing: border-box !important;
    position: absolute !important;
    top: 5px !important;
    right: 7px !important;
    display: grid !important;
    place-items: center !important;
    width: 23px !important;
    min-width: 23px !important;
    max-width: 23px !important;
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #061006 !important;
    background: linear-gradient(145deg, #d9ffcf, #67ff52) !important;
    border: 1px solid rgba(239,255,233,.82) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px rgba(103,255,82,.34) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
}

@media (max-width: 720px){
    html body .ssjx .ssjx__preview-journey-footer.is-preparing,html body .ssjx .ssjx__preview-journey-footer.is-visible,html body .ssjx .ssjx__preview-journey-footer.is-leaving{
        max-height: 132px !important;
        margin-top: 10px !important;
        padding: 9px 0 2px !important;
    }

    html body .ssjx .ssjx__preview-journey-heading > small{
        font-size: 9.5px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions{
        width: 100% !important;
        max-width: none !important;
        padding: 4px !important;
        gap: 4px !important;
        border-radius: 18px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions > button,html body .ssjx .ssjx__preview-journey-actions > button:hover,html body .ssjx .ssjx__preview-journey-actions > button:focus,html body .ssjx .ssjx__preview-journey-actions > button:focus-visible,html body .ssjx .ssjx__preview-journey-actions > button:active{
        grid-template-columns: 38px minmax(0, auto) !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        padding: 5px 10px 5px 7px !important;
        gap: 7px !important;
        border-radius: 14px !important;
    }

    html body .ssjx .ssjx__preview-journey-art{
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }

    html body .ssjx .ssjx__preview-journey-label > strong{
        font-size: 12px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions > button > b{
        top: 4px !important;
        right: 4px !important;
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        font-size: 8px !important;
    }
}

@media (max-width: 900px){
    html body .ssjx .ssjx__preview-journey-actions{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(100%, 520px) !important;
        max-width: 520px !important;
        padding: 7px !important;
        gap: 10px !important;
        border-radius: 20px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions > button,html body .ssjx .ssjx__preview-journey-actions > button:hover,html body .ssjx .ssjx__preview-journey-actions > button:focus,html body .ssjx .ssjx__preview-journey-actions > button:focus-visible,html body .ssjx .ssjx__preview-journey-actions > button:active{
        grid-template-columns: 40px minmax(0, 1fr) !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        padding: 6px 11px 6px 8px !important;
        gap: 8px !important;
        border-radius: 15px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions > button:last-child{
        padding-right: 29px !important;
    }

    html body .ssjx .ssjx__preview-journey-art{
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }

    html body .ssjx .ssjx__preview-journey-label > strong{
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    html body .ssjx .ssjx__preview-journey-actions > button > b{
        top: 5px !important;
        right: 6px !important;
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
        font-size: 8.5px !important;
    }
}

@media (max-width: 520px){
    html body .ssjx .ssjx__preview-journey-footer.is-preparing,html body .ssjx .ssjx__preview-journey-footer.is-visible,html body .ssjx .ssjx__preview-journey-footer.is-leaving{
        max-height: 126px !important;
        padding-top: 8px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions{
        width: 100% !important;
        max-width: none !important;
        padding: 6px !important;
        gap: 9px !important;
        border-radius: 18px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions > button,html body .ssjx .ssjx__preview-journey-actions > button:hover,html body .ssjx .ssjx__preview-journey-actions > button:focus,html body .ssjx .ssjx__preview-journey-actions > button:focus-visible,html body .ssjx .ssjx__preview-journey-actions > button:active{
        grid-template-columns: 34px minmax(0, 1fr) !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 5px 8px 5px 7px !important;
        gap: 6px !important;
        border-radius: 14px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions > button:last-child{
        padding-right: 25px !important;
    }

    html body .ssjx .ssjx__preview-journey-art{
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
    }

    html body .ssjx .ssjx__preview-journey-label > strong{
        font-size: 10.8px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions > button > b{
        top: 4px !important;
        right: 5px !important;
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        font-size: 8px !important;
    }
}

@media (max-width: 380px){
    html body .ssjx .ssjx__preview-journey-actions{
        padding: 6px !important;
        gap: 8px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions > button,html body .ssjx .ssjx__preview-journey-actions > button:hover,html body .ssjx .ssjx__preview-journey-actions > button:focus,html body .ssjx .ssjx__preview-journey-actions > button:focus-visible,html body .ssjx .ssjx__preview-journey-actions > button:active{
        grid-template-columns: 30px minmax(0, 1fr) !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 5px 6px !important;
        gap: 5px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions > button:last-child{
        padding-right: 22px !important;
    }

    html body .ssjx .ssjx__preview-journey-art{
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
    }

    html body .ssjx .ssjx__preview-journey-label > strong{
        font-size: 9.8px !important;
    }

    html body .ssjx .ssjx__preview-journey-actions > button > b{
        width: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;
        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
        font-size: 7.5px !important;
    }
}

@media (max-width: 900px){
    html body > .ssjx__mobile-bar{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(500px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        padding: 8px !important;
        gap: 10px !important;
        border-radius: 22px !important;
    }

    html body > .ssjx__mobile-bar > button,html body > .ssjx__mobile-bar > button:hover,html body > .ssjx__mobile-bar > button:focus,html body > .ssjx__mobile-bar > button:focus-visible,html body > .ssjx__mobile-bar > button:active{
        grid-template-columns: 40px minmax(0, 1fr) !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 58px !important;
        height: 58px !important;
        max-height: 58px !important;
        padding: 7px 12px 7px 9px !important;
        gap: 8px !important;
        border-radius: 16px !important;
    }

    html body > .ssjx__mobile-bar > button:last-child{
        padding-right: 30px !important;
    }

    html body > .ssjx__mobile-bar .ssjx__mobile-bar-art,html body > .ssjx__mobile-bar button .ssjx__mobile-bar-art{
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }

    html body > .ssjx__mobile-bar .ssjx__mobile-bar-art img,html body > .ssjx__mobile-bar button .ssjx__mobile-bar-art img{
        width: 39px !important;
        height: 39px !important;
    }

    html body > .ssjx__mobile-bar small{
        min-width: 0 !important;
        font-size: 11.2px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    html body > .ssjx__mobile-bar b,html body > .ssjx__mobile-bar button b{
        top: 5px !important;
        right: 6px !important;
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
        font-size: 8.5px !important;
    }
}

@media (max-width: 520px){
    html body > .ssjx__mobile-bar{
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        padding: 7px !important;
        gap: 9px !important;
        border-radius: 20px !important;
    }

    html body > .ssjx__mobile-bar > button,html body > .ssjx__mobile-bar > button:hover,html body > .ssjx__mobile-bar > button:focus,html body > .ssjx__mobile-bar > button:focus-visible,html body > .ssjx__mobile-bar > button:active{
        grid-template-columns: 34px minmax(0, 1fr) !important;
        min-height: 52px !important;
        height: 52px !important;
        max-height: 52px !important;
        padding: 6px 8px 6px 7px !important;
        gap: 6px !important;
        border-radius: 15px !important;
    }

    html body > .ssjx__mobile-bar > button:last-child{
        padding-right: 25px !important;
    }

    html body > .ssjx__mobile-bar .ssjx__mobile-bar-art,html body > .ssjx__mobile-bar button .ssjx__mobile-bar-art{
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
    }

    html body > .ssjx__mobile-bar .ssjx__mobile-bar-art img,html body > .ssjx__mobile-bar button .ssjx__mobile-bar-art img{
        width: 33px !important;
        height: 33px !important;
    }

    html body > .ssjx__mobile-bar small{
        font-size: 10.5px !important;
    }

    html body > .ssjx__mobile-bar b,html body > .ssjx__mobile-bar button b{
        top: 4px !important;
        right: 5px !important;
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        font-size: 8px !important;
    }
}

@media (max-width: 380px){
    html body > .ssjx__mobile-bar{
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        padding: 6px !important;
        gap: 8px !important;
        border-radius: 18px !important;
    }

    html body > .ssjx__mobile-bar > button,html body > .ssjx__mobile-bar > button:hover,html body > .ssjx__mobile-bar > button:focus,html body > .ssjx__mobile-bar > button:focus-visible,html body > .ssjx__mobile-bar > button:active{
        grid-template-columns: 30px minmax(0, 1fr) !important;
        min-height: 48px !important;
        height: 48px !important;
        max-height: 48px !important;
        padding: 5px 6px !important;
        gap: 5px !important;
        border-radius: 14px !important;
    }

    html body > .ssjx__mobile-bar > button:last-child{
        padding-right: 22px !important;
    }

    html body > .ssjx__mobile-bar .ssjx__mobile-bar-art,html body > .ssjx__mobile-bar button .ssjx__mobile-bar-art{
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
    }

    html body > .ssjx__mobile-bar .ssjx__mobile-bar-art img,html body > .ssjx__mobile-bar button .ssjx__mobile-bar-art img{
        width: 29px !important;
        height: 29px !important;
    }

    html body > .ssjx__mobile-bar small{
        font-size: 9.8px !important;
    }

    html body > .ssjx__mobile-bar b,html body > .ssjx__mobile-bar button b{
        width: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;
        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
        font-size: 7.5px !important;
    }
}

html body .ssjx .ssjx__journey-toolbar{
    position: sticky !important;
    top: 0 !important;
    z-index: 120 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 64px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px clamp(14px, 2.2vw, 28px) !important;
    gap: 12px !important;
    overflow: visible !important;
    color: #dce7dd !important;
    background: rgba(7, 12, 16, .975) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(103, 255, 82, .22) !important;
    border-radius: 24px 24px 0 0 !important;
    box-shadow: 0 9px 24px rgba(0, 0, 0, .20) !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
    box-sizing: border-box !important;
}

html body .ssjx .ssjx__journey-toolbar-actions{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .ssjx .ssjx__journey-toolbar > .ssjx__journey-back,html body .ssjx .ssjx__journey-toolbar > .ssjx__journey-back:hover,html body .ssjx .ssjx__journey-toolbar > .ssjx__journey-back:focus,html body .ssjx .ssjx__journey-toolbar > .ssjx__journey-back:focus-visible,html body .ssjx .ssjx__journey-toolbar > .ssjx__journey-back:active,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__journey-toolbar-pdf,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__journey-toolbar-pdf:hover,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__journey-toolbar-pdf:focus,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__journey-toolbar-pdf:focus-visible,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__journey-toolbar-pdf:active,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button:hover,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button:focus,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button:focus-visible,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button:active{
    all: unset !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    gap: 8px !important;
    overflow: hidden !important;
    color: #dce7dd !important;
    background: rgba(9, 15, 20, .90) !important;
    border: 1px solid rgba(103, 255, 82, .34) !important;
    border-radius: 11px !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    transition: color 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease !important;
}

html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button:hover,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button:focus,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button:focus-visible,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button:active{
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
    color: #c8ffbf !important;
}

html body .ssjx .ssjx__journey-toolbar > .ssjx__journey-back:hover,html body .ssjx .ssjx__journey-toolbar > .ssjx__journey-back:focus-visible,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__journey-toolbar-pdf:hover,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__journey-toolbar-pdf:focus-visible,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button:hover,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button:focus-visible{
    color: #ffffff !important;
    background: rgba(103, 255, 82, .075) !important;
    border-color: rgba(103, 255, 82, .70) !important;
    box-shadow: 0 0 16px rgba(103, 255, 82, .09), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html body .ssjx .ssjx__journey-toolbar > .ssjx__journey-back:active,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__journey-toolbar-pdf:active,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button:active{
    transform: translateY(1px) !important;
}

html body .ssjx .ssjx__journey-toolbar button::before,html body .ssjx .ssjx__journey-toolbar button::after{
    content: none !important;
    display: none !important;
}

html body .ssjx .ssjx__journey-toolbar svg{
    display: block !important;
    flex: 0 0 17px !important;
    width: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: currentColor !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    stroke: currentColor !important;
    transform: none !important;
}

html body .ssjx .ssjx__journey-toolbar > .ssjx__journey-back svg{
    transform: rotate(180deg) !important;
}

html body .ssjx .ssjx__journey-toolbar span{
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font: inherit !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

@media (max-width: 720px){
    html body .ssjx .ssjx__journey-toolbar{
        min-height: 56px !important;
        padding: 7px 9px !important;
        gap: 7px !important;
        border-radius: 19px 19px 0 0 !important;
    }

    html body .ssjx .ssjx__journey-toolbar > .ssjx__journey-back,html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__journey-toolbar-pdf{
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        padding: 0 10px !important;
        gap: 6px !important;
        font-size: 11px !important;
    }

    html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__icon-button{
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }

    html body .ssjx .ssjx__journey-toolbar-actions > .ssjx__journey-toolbar-pdf span{
        display: none !important;
    }
}

@media (max-width: 420px){
    html body .ssjx .ssjx__journey-toolbar > .ssjx__journey-back{
        padding: 0 8px !important;
    }

    html body .ssjx .ssjx__journey-toolbar > .ssjx__journey-back span{
        font-size: 10.5px !important;
    }
}

html body.ssjx-has-modal .ssjx{
    --ssjx-modal-header-gap: clamp(18px, 1.25vw, 24px);
    --ssjx-modal-edge: clamp(12px, 2vw, 26px);
}

html body.ssjx-has-modal .ssjx .ssjx__modal{
    top: var(--ssjx-site-header-offset, 0px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: var(--ssjx-modal-header-gap) var(--ssjx-modal-edge) var(--ssjx-modal-edge) !important;
    place-items: start center !important;
}

html body.ssjx-has-modal .ssjx .ssjx__detail-canvas,html body.ssjx-has-modal .ssjx .ssjx__journey-panel{
    max-height: calc(100dvh - var(--ssjx-site-header-offset, 0px) - var(--ssjx-modal-header-gap) - var(--ssjx-modal-edge)) !important;
}

html body.ssjx-has-modal .ssjx .ssjx__detail-toolbar,html body.ssjx-has-modal .ssjx .ssjx__journey-toolbar{
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
}

@media (max-width: 720px){
    html body.ssjx-has-modal .ssjx{
        --ssjx-modal-header-gap: 12px;
        --ssjx-modal-edge: 7px;
    }
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"],html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] *,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] *::before,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] *::after{
    box-sizing: border-box !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"]{
    --rm220-blue: 72, 188, 255;
    --rm220-blue-soft: 164, 236, 255;
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 6px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    color: #b7c4d8 !important;
    background:
        radial-gradient(circle at 50% 118%, rgba(var(--rm220-blue), .055), transparent 54%),
        linear-gradient(180deg, #071426 0%, #030b18 100%) !important;
    border: 1px solid rgba(128, 165, 209, .34) !important;
    border-radius: 23px !important;
    outline: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        inset 0 0 22px rgba(51,120,184,.03),
        0 8px 22px rgba(0,0,0,.24) !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    transition:
        color 200ms ease,
        background 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"]::before{
    content: "" !important;
    position: absolute !important;
    inset: 5px !important;
    z-index: 0 !important;
    display: block !important;
    pointer-events: none !important;
    border: 1px dotted rgba(127, 172, 220, .32) !important;
    border-radius: 17px !important;
    background: transparent !important;
    transition: border-color 220ms ease !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment:hover,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment:focus,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment:focus-visible,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment:active{
    all: unset !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    overflow: hidden !important;
    color: #aebbd0 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    outline: 0 !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    transition:
        color 180ms ease,
        background 200ms ease,
        border-color 200ms ease,
        box-shadow 200ms ease !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment::before,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment::after{
    content: none !important;
    display: none !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment.is-active,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment[aria-pressed="true"],html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment.is-active:hover,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment[aria-pressed="true"]:hover,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment.is-active:focus-visible,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment[aria-pressed="true"]:focus-visible{
    color: #f7faff !important;
    background:
        radial-gradient(circle at 24% 28%, rgba(var(--rm220-blue-soft), .17), transparent 42%),
        linear-gradient(145deg, rgba(15, 55, 93, .98), rgba(7, 27, 52, .995)) !important;
    border-color: rgba(var(--rm220-blue), .95) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 0 17px rgba(var(--rm220-blue), .05),
        0 0 0 1px rgba(var(--rm220-blue), .06),
        0 0 17px rgba(var(--rm220-blue), .19) !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment:not(.is-active):not([aria-pressed="true"]):hover,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment:not(.is-active):not([aria-pressed="true"]):focus-visible{
    color: #e4edf9 !important;
    background: rgba(var(--rm220-blue), .035) !important;
    border-color: rgba(var(--rm220-blue), .12) !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] .ssjx-rmode2__glyph{
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-shadow: none !important;
    transform: none !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] .ssjx-rmode2__glyph--sun{
    font-size: 22px !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment.is-active .ssjx-rmode2__glyph,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment[aria-pressed="true"] .ssjx-rmode2__glyph{
    color: #aaf1ff !important;
    text-shadow: 0 0 9px rgba(113, 223, 255, .36) !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] .ssjx-rmode2__label{
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: inherit !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"]{
    color: #617086 !important;
    background:
        radial-gradient(circle at 76% 20%, rgba(var(--rm220-blue-soft), .22), transparent 38%),
        linear-gradient(180deg, rgba(253,254,255,.995), rgba(237,244,251,.995)) !important;
    border-color: rgba(115, 143, 173, .42) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 0 18px rgba(64,126,178,.035),
        0 8px 20px rgba(25,57,88,.11) !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"]::before{
    border-color: rgba(103, 138, 173, .34) !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment:hover,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment:focus,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment:focus-visible,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment:active{
    color: #69788d !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment.is-active,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment[aria-pressed="true"],html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment.is-active:hover,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment[aria-pressed="true"]:hover,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment.is-active:focus-visible,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment[aria-pressed="true"]:focus-visible{
    color: #152235 !important;
    background:
        radial-gradient(circle at 30% 26%, rgba(119, 222, 255, .30), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.995), rgba(226,243,254,.995)) !important;
    border-color: rgba(55, 178, 239, .88) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 0 15px rgba(56,177,233,.06),
        0 0 0 1px rgba(49,169,228,.06),
        0 0 14px rgba(50,172,231,.16) !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment.is-active .ssjx-rmode2__glyph,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment[aria-pressed="true"] .ssjx-rmode2__glyph{
    color: #159fd9 !important;
    text-shadow: 0 0 8px rgba(70,190,238,.23) !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment:not(.is-active):not([aria-pressed="true"]):hover,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"][data-ssjx-current="light"] > .ssjx-rmode2__segment:not(.is-active):not([aria-pressed="true"]):focus-visible{
    color: #35465d !important;
    background: rgba(74, 169, 218, .055) !important;
    border-color: rgba(70, 161, 207, .13) !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar{
    width: 272px !important;
    min-width: 272px !important;
    max-width: 272px !important;
    flex: 0 0 272px !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar > .ssjx-rmode2__segment{
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 12px !important;
    gap: 7px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar .ssjx-rmode2__glyph{
    flex-basis: 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    font-size: 22px !important;
    line-height: 20px !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar .ssjx-rmode2__glyph--sun{
    font-size: 21px !important;
}

html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--panel{
    width: min(100%, 284px) !important;
    max-width: 284px !important;
    margin-top: 10px !important;
}

@media (max-width: 980px){
    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar{
        width: 232px !important;
        min-width: 232px !important;
        max-width: 232px !important;
        flex-basis: 232px !important;
        padding: 6px !important;
        border-radius: 21px !important;
    }

    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar::before{
        inset: 5px !important;
        border-radius: 15px !important;
    }

    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar > .ssjx-rmode2__segment{
        height: 43px !important;
        min-height: 43px !important;
        max-height: 43px !important;
        padding: 0 9px !important;
        gap: 6px !important;
        border-radius: 13px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 780px){
    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar{
        width: 194px !important;
        min-width: 194px !important;
        max-width: 194px !important;
        flex: 0 0 194px !important;
        padding: 5px !important;
        gap: 3px !important;
        border-radius: 18px !important;
    }

    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar::before,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--panel::before{
        inset: 4px !important;
        border-radius: 13px !important;
    }

    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] > .ssjx-rmode2__segment,html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--panel > .ssjx-rmode2__segment{
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 8px !important;
        gap: 6px !important;
        border-radius: 13px !important;
        font-size: 13px !important;
    }

    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar > .ssjx-rmode2__segment{
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        padding: 0 6px !important;
        gap: 4px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
    }

    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] .ssjx-rmode2__glyph{
        flex-basis: 19px !important;
        width: 19px !important;
        min-width: 19px !important;
        max-width: 19px !important;
        height: 19px !important;
        min-height: 19px !important;
        max-height: 19px !important;
        font-size: 21px !important;
        line-height: 19px !important;
    }

    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"] .ssjx-rmode2__glyph--sun{
        font-size: 20px !important;
    }

    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--panel{
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 420px){
    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar{
        width: 176px !important;
        min-width: 176px !important;
        max-width: 176px !important;
        flex-basis: 176px !important;
        padding: 4px !important;
    }

    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar > .ssjx-rmode2__segment{
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 0 4px !important;
        gap: 4px !important;
        font-size: 11.5px !important;
    }

    html body .ssjx .ssjx-rmode2[data-ssjx-rmode="v220"].ssjx-rmode2--toolbar .ssjx-rmode2__glyph{
        flex-basis: 17px !important;
        width: 17px !important;
        min-width: 17px !important;
        max-width: 17px !important;
        height: 17px !important;
        min-height: 17px !important;
        max-height: 17px !important;
        font-size: 19px !important;
        line-height: 17px !important;
    }
}

.ssjx-modal-header-reserve[hidden]{
    display: none !important;
}

body > .simme-global-header.ssjx-modal-header-mounted,body > .simme-global-header.ssjx-modal-header-mounted:hover{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 2147483646 !important;
    display: block !important;
    width: 100vw !important;
    margin: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
}

body.admin-bar > .simme-global-header.ssjx-modal-header-mounted{
    top: 32px !important;
}

@media screen and (max-width: 782px){
    body.admin-bar > .simme-global-header.ssjx-modal-header-mounted{
        top: 46px !important;
    }
}

body.ssjx-has-modal > .simme-global-header.ssjx-modal-header-mounted .simme-global-header__menu{
    z-index: 2147483647 !important;
}

body.ld-cookie-theme--simme{
	--simme-cookie-navy: #021b2b;
	--simme-cookie-navy-deep: #00121d;
	--simme-cookie-panel: rgba(2, 23, 36, .985);
	--simme-cookie-panel-2: rgba(0, 14, 24, .99);
	--simme-cookie-cyan: #07c7f4;
	--simme-cookie-cyan-bright: #5ee7ff;
	--simme-cookie-blue: #315ff4;
	--simme-cookie-white: #f6fbff;
	--simme-cookie-text: #d6e6ef;
	--simme-cookie-muted: #9db9c8;
	--simme-cookie-line: rgba(7, 199, 244, .42);
	--simme-cookie-line-soft: rgba(7, 199, 244, .18);
	--simme-cookie-logo: url("https://www.simme.co.uk/wp-content/uploads/2026/06/Simme-Soul.png");
}

body.ld-cookie-theme--simme .cky-consent-container,body.ld-cookie-theme--simme .cky-consent-container *,body.ld-cookie-theme--simme .cky-consent-container *::before,body.ld-cookie-theme--simme .cky-consent-container *::after,body.ld-cookie-theme--simme .cky-preference-center,body.ld-cookie-theme--simme .cky-preference-center *,body.ld-cookie-theme--simme .cky-preference-center *::before,body.ld-cookie-theme--simme .cky-preference-center *::after,body.ld-cookie-theme--simme .cky-btn-revisit-wrapper,body.ld-cookie-theme--simme .cky-btn-revisit-wrapper *,body.ld-cookie-theme--simme .cky-btn-revisit-wrapper *::before,body.ld-cookie-theme--simme .cky-btn-revisit-wrapper *::after{
	box-sizing: border-box !important;
}

body.ld-cookie-theme--simme .cky-overlay{
	background: rgba(0, 10, 17, .64) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

body.ld-cookie-theme--simme .cky-consent-container{
	position: fixed !important;
	top: auto !important;
	left: 50% !important;
	right: auto !important;
	bottom: max(18px, env(safe-area-inset-bottom)) !important;
	width: min(780px, calc(100vw - 28px)) !important;
	max-width: 780px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: translateX(-50%) !important;
	z-index: 2147483646 !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-consent-bar{
	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 22px 24px 20px !important;
	overflow: hidden !important;
	background:
		linear-gradient(145deg, var(--simme-cookie-panel) 0%, var(--simme-cookie-panel-2) 100%) !important;
	border: 1px solid var(--simme-cookie-line) !important;
	border-radius: 20px !important;
	box-shadow:
		0 16px 44px rgba(0, 0, 0, .48),
		0 0 0 1px rgba(49, 95, 244, .08),
		inset 0 1px 0 rgba(255, 255, 255, .05) !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-consent-bar::before{
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 3px !important;
	background: linear-gradient(90deg, var(--simme-cookie-blue), var(--simme-cookie-cyan), var(--simme-cookie-blue)) !important;
	box-shadow: 0 0 12px rgba(7, 199, 244, .28) !important;
	pointer-events: none !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-consent-bar::after{
	content: none !important;
	display: none !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-notice,body.ld-cookie-theme--simme .cky-consent-container .cky-notice-group{
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-title{
	position: relative !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	color: var(--simme-cookie-white) !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: clamp(24px, 3vw, 34px) !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -.025em !important;
	text-align: left !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-title::before{
	content: "" !important;
	display: block !important;
	width: 154px !important;
	height: 48px !important;
	margin: 0 0 13px !important;
	background-image: var(--simme-cookie-logo) !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	filter: none !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-title::after{
	content: none !important;
	display: none !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-notice-des,body.ld-cookie-theme--simme .cky-consent-container .cky-notice-des p,body.ld-cookie-theme--simme .cky-consent-container .cky-notice-des *{
	color: var(--simme-cookie-text) !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-notice-des{
	max-width: 700px !important;
	margin: 0 0 17px !important;
	padding: 0 !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-notice-des a{
	color: var(--simme-cookie-cyan-bright) !important;
	text-decoration-color: rgba(94, 231, 255, .5) !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-notice-btn-wrapper{
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 10px !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-btn,body.ld-cookie-theme--simme .cky-consent-container .cky-btn:hover,body.ld-cookie-theme--simme .cky-consent-container .cky-btn:focus,body.ld-cookie-theme--simme .cky-consent-container .cky-btn:active{
	min-width: 0 !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 11px 14px !important;
	color: var(--simme-cookie-white) !important;
	background: rgba(0, 9, 16, .64) !important;
	border: 1px solid rgba(94, 231, 255, .38) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: .015em !important;
	text-transform: none !important;
	transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-btn:hover,body.ld-cookie-theme--simme .cky-consent-container .cky-btn:focus-visible{
	background: rgba(7, 199, 244, .10) !important;
	border-color: rgba(94, 231, 255, .82) !important;
	box-shadow: 0 0 14px rgba(7, 199, 244, .12) !important;
	transform: translateY(-1px) !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-btn-accept,body.ld-cookie-theme--simme .cky-consent-container .cky-btn-accept:hover,body.ld-cookie-theme--simme .cky-consent-container .cky-btn-accept:focus,body.ld-cookie-theme--simme .cky-consent-container .cky-btn-accept:active{
	color: #00121d !important;
	background: linear-gradient(120deg, var(--simme-cookie-cyan-bright), var(--simme-cookie-cyan) 58%, #31a9ff) !important;
	border-color: rgba(163, 242, 255, .92) !important;
	box-shadow: 0 6px 18px rgba(7, 199, 244, .16) !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-btn-accept:hover,body.ld-cookie-theme--simme .cky-consent-container .cky-btn-accept:focus-visible{
	background: linear-gradient(120deg, #a7f6ff, #28d3fa 58%, #4f7dff) !important;
	box-shadow: 0 8px 22px rgba(7, 199, 244, .24) !important;
}

body.ld-cookie-theme--simme .cky-preference-center{
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	right: auto !important;
	bottom: auto !important;
	width: min(720px, calc(100vw - 28px)) !important;
	max-width: 720px !important;
	max-height: min(760px, calc(100vh - 28px)) !important;
	max-height: min(760px, calc(100dvh - 28px)) !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	color: var(--simme-cookie-text) !important;
	background: linear-gradient(145deg, #031d2d, #00121d 72%) !important;
	border: 1px solid var(--simme-cookie-line) !important;
	border-radius: 20px !important;
	box-shadow: 0 22px 70px rgba(0, 0, 0, .68) !important;
	transform: translate(-50%, -50%) !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-preference-header{
	position: relative !important;
	min-height: 84px !important;
	padding: 20px 58px 15px 22px !important;
	background: rgba(0, 13, 22, .72) !important;
	border-bottom: 1px solid var(--simme-cookie-line-soft) !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-preference-header::before{
	content: "" !important;
	display: block !important;
	width: 145px !important;
	height: 42px !important;
	margin: 0 0 8px !important;
	background-image: var(--simme-cookie-logo) !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-preference-title{
	margin: 0 !important;
	padding: 0 !important;
	color: var(--simme-cookie-white) !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-btn-close,body.ld-cookie-theme--simme .cky-preference-center .cky-btn-close:hover,body.ld-cookie-theme--simme .cky-preference-center .cky-btn-close:focus,body.ld-cookie-theme--simme .cky-preference-center .cky-btn-close:active{
	top: 18px !important;
	right: 18px !important;
	width: 34px !important;
	height: 34px !important;
	padding: 7px !important;
	background: rgba(7, 199, 244, .08) !important;
	border: 1px solid rgba(94, 231, 255, .38) !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	filter: none !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-btn-close img,body.ld-cookie-theme--simme .cky-preference-center .cky-btn-close svg{
	filter: brightness(0) invert(1) !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-preference-body-wrapper,body.ld-cookie-theme--simme .cky-preference-center .cky-preference-content-wrapper{
	background: transparent !important;
	color: var(--simme-cookie-text) !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-preference-body-wrapper{
	overflow-y: auto !important;
	scrollbar-color: rgba(7, 199, 244, .55) rgba(255,255,255,.04);
}

body.ld-cookie-theme--simme .cky-preference-center .cky-preference-content-wrapper{
	padding: 18px 20px !important;
}

body.ld-cookie-theme--simme .cky-preference-center p,body.ld-cookie-theme--simme .cky-preference-center .cky-preference-content-wrapper,body.ld-cookie-theme--simme .cky-preference-center .cky-accordion-header-des,body.ld-cookie-theme--simme .cky-preference-center .cky-accordion-header-des *{
	color: var(--simme-cookie-text) !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

body.ld-cookie-theme--simme .cky-preference-center a{
	color: var(--simme-cookie-cyan-bright) !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-accordion-wrapper{
	margin: 12px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-accordion-item{
	margin: 0 0 9px !important;
	padding: 0 !important;
	background: rgba(255,255,255,.025) !important;
	border: 1px solid rgba(7, 199, 244, .16) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-accordion-header{
	min-height: 52px !important;
	padding: 12px 14px !important;
	background: rgba(7, 199, 244, .025) !important;
	border: 0 !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-accordion-btn,body.ld-cookie-theme--simme .cky-preference-center .cky-accordion-btn:hover,body.ld-cookie-theme--simme .cky-preference-center .cky-accordion-btn:focus{
	color: var(--simme-cookie-white) !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 800 !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-accordion-header-des{
	padding: 0 14px 12px !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-accordion-body{
	padding: 0 14px 14px !important;
	background: rgba(0, 8, 14, .32) !important;
	border-top: 1px solid rgba(7, 199, 244, .10) !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-always-active{
	color: var(--simme-cookie-cyan-bright) !important;
	font-weight: 800 !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-switch input[type="checkbox"] + .cky-slider{
	background: #243946 !important;
	border: 1px solid rgba(255,255,255,.10) !important;
	box-shadow: none !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-switch input[type="checkbox"]:checked + .cky-slider{
	background: linear-gradient(90deg, var(--simme-cookie-blue), var(--simme-cookie-cyan)) !important;
	border-color: rgba(94, 231, 255, .56) !important;
	box-shadow: 0 0 9px rgba(7, 199, 244, .16) !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-switch .cky-slider::before{
	background: #fff !important;
	box-shadow: 0 1px 4px rgba(0,0,0,.38) !important;
}

body.ld-cookie-theme--simme .cky-preference-center table,body.ld-cookie-theme--simme .cky-preference-center th,body.ld-cookie-theme--simme .cky-preference-center td{
	color: var(--simme-cookie-text) !important;
	background: transparent !important;
	border-color: rgba(7, 199, 244, .14) !important;
}

body.ld-cookie-theme--simme .cky-preference-center th{
	color: var(--simme-cookie-cyan-bright) !important;
	font-weight: 800 !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-footer-wrapper,body.ld-cookie-theme--simme .cky-preference-center .cky-prefrence-btn-wrapper,body.ld-cookie-theme--simme .cky-preference-center .cky-preference-footer{
	background: rgba(0, 10, 17, .88) !important;
	border-top: 1px solid var(--simme-cookie-line-soft) !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-prefrence-btn-wrapper,body.ld-cookie-theme--simme .cky-preference-center .cky-preference-footer{
	display: flex !important;
	flex-wrap: wrap !important;
	padding: 14px 18px !important;
	gap: 9px !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-btn,body.ld-cookie-theme--simme .cky-preference-center .cky-btn:hover,body.ld-cookie-theme--simme .cky-preference-center .cky-btn:focus,body.ld-cookie-theme--simme .cky-preference-center .cky-btn:active{
	flex: 1 1 150px !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 10px 13px !important;
	color: var(--simme-cookie-white) !important;
	background: rgba(255,255,255,.025) !important;
	border: 1px solid rgba(94, 231, 255, .30) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	font-size: 12px !important;
	font-weight: 800 !important;
}

body.ld-cookie-theme--simme .cky-preference-center .cky-btn-accept,body.ld-cookie-theme--simme .cky-preference-center .cky-btn-accept:hover,body.ld-cookie-theme--simme .cky-preference-center .cky-btn-accept:focus{
	color: #00121d !important;
	background: linear-gradient(120deg, var(--simme-cookie-cyan-bright), var(--simme-cookie-cyan), #31a9ff) !important;
	border-color: rgba(163, 242, 255, .88) !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-btn:focus-visible,body.ld-cookie-theme--simme .cky-preference-center .cky-btn:focus-visible,body.ld-cookie-theme--simme .cky-preference-center button:focus-visible,body.ld-cookie-theme--simme .cky-btn-revisit-wrapper:focus-visible{
	outline: 2px solid var(--simme-cookie-cyan-bright) !important;
	outline-offset: 3px !important;
	box-shadow: 0 0 0 3px rgba(0,18,29,.9), 0 0 0 5px rgba(7,199,244,.48) !important;
}

body.ld-cookie-theme--simme .cky-btn-revisit-wrapper,body.ld-cookie-theme--simme .cky-btn-revisit-wrapper:hover,body.ld-cookie-theme--simme .cky-btn-revisit-wrapper:focus,body.ld-cookie-theme--simme .cky-btn-revisit-wrapper:active{
	width: 42px !important;
	height: 42px !important;
	background: linear-gradient(145deg, #04324b, #00121d) !important;
	border: 1px solid rgba(94, 231, 255, .64) !important;
	border-radius: 50% !important;
	box-shadow: 0 6px 18px rgba(0,0,0,.34), 0 0 11px rgba(7,199,244,.12) !important;
	transition: transform 160ms ease, border-color 160ms ease !important;
}

body.ld-cookie-theme--simme .cky-btn-revisit-wrapper:hover{
	transform: translateY(-1px) scale(1.035) !important;
	border-color: var(--simme-cookie-cyan-bright) !important;
}

body.ld-cookie-theme--simme .cky-btn-revisit-wrapper img,body.ld-cookie-theme--simme .cky-btn-revisit-wrapper svg{
	filter: brightness(0) invert(1) !important;
}

@media (max-width: 640px){
	body.ld-cookie-theme--simme .cky-consent-container{
		bottom: max(8px, env(safe-area-inset-bottom)) !important;
		width: calc(100vw - 16px) !important;
	}

	body.ld-cookie-theme--simme .cky-consent-container .cky-consent-bar{
		padding: 18px 17px 16px !important;
		border-radius: 16px !important;
	}

	body.ld-cookie-theme--simme .cky-consent-container .cky-title{
		font-size: 24px !important;
	}

	body.ld-cookie-theme--simme .cky-consent-container .cky-title::before{
		width: 132px !important;
		height: 40px !important;
		margin-bottom: 10px !important;
	}

	body.ld-cookie-theme--simme .cky-consent-container .cky-notice-des,body.ld-cookie-theme--simme .cky-consent-container .cky-notice-des p,body.ld-cookie-theme--simme .cky-consent-container .cky-notice-des *{
		font-size: 12.5px !important;
		line-height: 1.45 !important;
	}

	body.ld-cookie-theme--simme .cky-consent-container .cky-notice-btn-wrapper{
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}

	body.ld-cookie-theme--simme .cky-consent-container .cky-btn{
		min-height: 44px !important;
	}

	body.ld-cookie-theme--simme .cky-preference-center{
		width: calc(100vw - 16px) !important;
		max-height: calc(100vh - 16px) !important;
		max-height: calc(100dvh - 16px) !important;
		border-radius: 16px !important;
	}

	body.ld-cookie-theme--simme .cky-preference-center .cky-preference-header{
		padding: 16px 52px 13px 16px !important;
	}

	body.ld-cookie-theme--simme .cky-preference-center .cky-preference-header::before{
		width: 126px !important;
		height: 36px !important;
	}

	body.ld-cookie-theme--simme .cky-preference-center .cky-preference-content-wrapper{
		padding: 14px 13px !important;
	}

	body.ld-cookie-theme--simme .cky-preference-center .cky-prefrence-btn-wrapper,body.ld-cookie-theme--simme .cky-preference-center .cky-preference-footer{
		padding: 11px 12px !important;
	}
}

@media (prefers-reduced-motion: reduce){
	body.ld-cookie-theme--simme .cky-consent-container *,body.ld-cookie-theme--simme .cky-preference-center *,body.ld-cookie-theme--simme .cky-btn-revisit-wrapper{
		animation: none !important;
		transition-duration: .01ms !important;
	}
}

html.ld-cookie-theme--simme,body.ld-cookie-theme--simme{
	--simme-cookie-navy: #021b2b;
	--simme-cookie-navy-deep: #00121d;
	--simme-cookie-panel: rgba(2, 23, 36, .992);
	--simme-cookie-panel-2: rgba(0, 14, 24, .996);
	--simme-cookie-cyan: #07c7f4;
	--simme-cookie-cyan-bright: #5ee7ff;
	--simme-cookie-blue: #315ff4;
	--simme-cookie-white: #f6fbff;
	--simme-cookie-text: #d6e6ef;
	--simme-cookie-muted: #9db9c8;
	--simme-cookie-line: rgba(7, 199, 244, .52);
	--simme-cookie-line-soft: rgba(7, 199, 244, .18);
}

body.ld-cookie-theme--simme .cky-consent-container .cky-consent-bar,html.ld-cookie-theme--simme body .cky-consent-container .cky-consent-bar{
	opacity: 1 !important;
	background-color: #00121d !important;
	background-image:
		linear-gradient(
			145deg,
			var(--simme-cookie-panel, rgba(2, 23, 36, .992)) 0%,
			var(--simme-cookie-panel-2, rgba(0, 14, 24, .996)) 100%
		) !important;
	border-color: var(--simme-cookie-line, rgba(7, 199, 244, .52)) !important;
	isolation: isolate !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-notice,body.ld-cookie-theme--simme .cky-consent-container .cky-notice-group,html.ld-cookie-theme--simme body .cky-consent-container .cky-notice,html.ld-cookie-theme--simme body .cky-consent-container .cky-notice-group{
	position: relative !important;
	z-index: 2 !important;
	opacity: 1 !important;
	background: transparent !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-title,html.ld-cookie-theme--simme body .cky-consent-container .cky-title{
	color: var(--simme-cookie-white, #f6fbff) !important;
	opacity: 1 !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-notice-des,body.ld-cookie-theme--simme .cky-consent-container .cky-notice-des p,body.ld-cookie-theme--simme .cky-consent-container .cky-notice-des *,html.ld-cookie-theme--simme body .cky-consent-container .cky-notice-des,html.ld-cookie-theme--simme body .cky-consent-container .cky-notice-des p,html.ld-cookie-theme--simme body .cky-consent-container .cky-notice-des *{
	color: var(--simme-cookie-text, #d6e6ef) !important;
	opacity: 1 !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-btn,html.ld-cookie-theme--simme body .cky-consent-container .cky-btn{
	color: var(--simme-cookie-white, #f6fbff) !important;
	background-color: rgba(0, 9, 16, .92) !important;
	border-color: rgba(94, 231, 255, .46) !important;
	opacity: 1 !important;
}

body.ld-cookie-theme--simme .cky-consent-container .cky-btn-accept,html.ld-cookie-theme--simme body .cky-consent-container .cky-btn-accept{
	color: #00121d !important;
	background-color: #07c7f4 !important;
	background-image:
		linear-gradient(
			120deg,
			var(--simme-cookie-cyan-bright, #5ee7ff),
			var(--simme-cookie-cyan, #07c7f4) 58%,
			#31a9ff
		) !important;
	border-color: rgba(163, 242, 255, .92) !important;
	opacity: 1 !important;
}

body.ld-cookie-theme--simme .cky-preference-center,html.ld-cookie-theme--simme body .cky-preference-center{
	opacity: 1 !important;
	background-color: #00121d !important;
	background-image: linear-gradient(145deg, #031d2d, #00121d 72%) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

.sscf,.sscf *,.sscf *::before,.sscf *::after{
    box-sizing: border-box;
}

.sscf{
    --sscf-card-width: clamp(190px, 16vw, 250px);
    --sscf-step: clamp(128px, 13.2vw, 202px);
    --sscf-radius: clamp(22px, 2.2vw, 32px);
    --sscf-ease: cubic-bezier(.2, .72, .18, 1);
    --sscf-current-accent: #ff8a00;
    --sscf-current-accent-rgb: 255,138,0;

    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: 1540px;
    margin: 0 auto;
    color: #f6f8fb;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.sscf__sr-only{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.sscf button,.sscf a,.sscf img{
    -webkit-tap-highlight-color: transparent;
}

.sscf__surface{
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: 610px;
    overflow: hidden;
    padding: clamp(18px, 2.4vw, 34px) clamp(8px, 2vw, 28px) 28px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.sscf__surface::before{
    content: none;
}

.sscf__surface::after{
    position: absolute;
    content: "";
    pointer-events: none;
}

.sscf__surface::after{
    z-index: 0;
    left: 4%;
    right: 4%;
    bottom: 72px;
    height: 28%;
    opacity: .34;
    background:
        linear-gradient(180deg, rgba(84, 145, 200, .07), transparent 40%),
        repeating-linear-gradient(90deg, rgba(145, 183, 219, .05) 0 1px, transparent 1px 74px);
    transform: perspective(380px) rotateX(67deg);
    transform-origin: 50% 100%;
    filter: blur(.2px);
    mask-image: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent);
}

.sscf__ambient{
    position: absolute;
    z-index: 0;
    top: 18%;
    width: 28%;
    height: 54%;
    border-radius: 50%;
    opacity: .07;
    filter: blur(70px);
    pointer-events: none;
}

.sscf__ambient--left{
    left: -12%;
    background: #00aeff;
}

.sscf__ambient--right{
    right: -12%;
    background: #659fe0;
}

.sscf__stage{
    position: relative;
    z-index: 2;
    width: 100%;
    height: clamp(520px, 42vw, 590px);
    margin: 0 auto;
    perspective: 1500px;
    perspective-origin: 50% 48%;
    transform-style: preserve-3d;
    --sscf-drag-x: 0px;
    touch-action: pan-y pinch-zoom;
    overscroll-behavior-x: contain;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.sscf__stage.is-dragging{
    cursor: grabbing;
}

.sscf__stage.is-dragging .sscf__card,.sscf__stage.is-dragging .sscf__card:hover,.sscf__stage.is-dragging .sscf__card:focus,.sscf__stage.is-dragging .sscf__card:active{
    cursor: grabbing !important;
    transition-duration: .22s !important;
}

.sscf__card,.sscf__card:hover,.sscf__card:focus,.sscf__card:active,.sscf__card:visited{
    --sscf-x: 0px;
    --sscf-z: 0px;
    --sscf-rotate: 0deg;
    --sscf-scale: 1;
    --sscf-opacity: 1;

    position: absolute !important;
    z-index: 2;
    left: 50% !important;
    top: 43% !important;
    display: grid !important;
    grid-template-rows: auto 1fr auto;
    width: var(--sscf-card-width) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 13px 11px 10px !important;
    overflow: visible !important;
    color: #f7f9fc !important;
    text-decoration: none !important;
    text-align: center !important;
    background:
        linear-gradient(180deg, rgba(23, 34, 46, .94), rgba(5, 10, 16, .965)) !important;
    background-color: #070d14 !important;
    border: 1px solid rgba(var(--sscf-accent-rgb), .38) !important;
    border-radius: 22px !important;
    outline: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .09),
        inset 0 -1px 0 rgba(var(--sscf-accent-rgb), .09),
        0 18px 38px rgba(0, 0, 0, .38),
        0 0 18px rgba(var(--sscf-accent-rgb), .08) !important;
    opacity: var(--sscf-opacity);
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transform:
        translate3d(calc(-50% + var(--sscf-x) + var(--sscf-drag-x, 0px)), -50%, var(--sscf-z))
        rotateY(var(--sscf-rotate))
        scale(var(--sscf-scale)) !important;
    transform-origin: 50% 52%;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition:
        transform .62s var(--sscf-ease),
        opacity .42s ease,
        border-color .34s ease,
        box-shadow .38s ease,
        filter .34s ease !important;
}

.sscf__card::before,.sscf__card::after{
    position: absolute;
    content: "";
    pointer-events: none;
}

.sscf__card::before{
    z-index: -1;
    inset: -1px;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(var(--sscf-accent-rgb), .15), transparent 28%);
    opacity: .42;
}

.sscf__card::after{
    z-index: -2;
    left: 18%;
    right: 18%;
    bottom: -13px;
    height: 13px;
    border-radius: 50%;
    background: rgba(var(--sscf-accent-rgb), .28);
    filter: blur(12px);
    opacity: .24;
    transform: scaleX(.82);
    transition: opacity .4s ease, transform .5s var(--sscf-ease);
}

.sscf__card.is-active{
    z-index: 20;
    border-color: rgba(var(--sscf-accent-rgb), .92) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .16),
        inset 0 0 42px rgba(var(--sscf-accent-rgb), .08),
        0 24px 50px rgba(0, 0, 0, .46),
        0 0 24px rgba(var(--sscf-accent-rgb), .54),
        0 0 76px rgba(var(--sscf-accent-rgb), .30) !important;
}

.sscf__card.is-active::after{
    opacity: .72;
    transform: scaleX(1.14);
}

.sscf__card.is-active:hover{
    filter: brightness(1.045);
}

.sscf__card:focus-visible{
    outline: 2px solid #fff !important;
    outline-offset: 5px !important;
    box-shadow:
        0 0 0 3px rgba(var(--sscf-accent-rgb), .48),
        0 24px 50px rgba(0, 0, 0, .46),
        0 0 34px rgba(var(--sscf-accent-rgb), .25) !important;
}

.sscf__card[data-pos="0"]{
    --sscf-x: 0px;
    --sscf-z: 94px;
    --sscf-rotate: 0deg;
    --sscf-scale: 1.08;
    --sscf-opacity: 1;
}

.sscf__card[data-pos="-1"]{
    --sscf-x: calc(var(--sscf-step) * -1);
    --sscf-z: 24px;
    --sscf-rotate: 19deg;
    --sscf-scale: .94;
    --sscf-opacity: .96;
    z-index: 15;
}

.sscf__card[data-pos="1"]{
    --sscf-x: var(--sscf-step);
    --sscf-z: 24px;
    --sscf-rotate: -19deg;
    --sscf-scale: .94;
    --sscf-opacity: .96;
    z-index: 15;
}

.sscf__card[data-pos="-2"]{
    --sscf-x: calc(var(--sscf-step) * -2);
    --sscf-z: -58px;
    --sscf-rotate: 30deg;
    --sscf-scale: .84;
    --sscf-opacity: .82;
    z-index: 8;
}

.sscf__card[data-pos="2"]{
    --sscf-x: calc(var(--sscf-step) * 2);
    --sscf-z: -58px;
    --sscf-rotate: -30deg;
    --sscf-scale: .84;
    --sscf-opacity: .82;
    z-index: 8;
}

.sscf__card[data-pos="-3"],.sscf__card[data-pos="3"]{
    --sscf-z: -126px;
    --sscf-scale: .76;
    --sscf-opacity: .62;
    z-index: 3;
}

.sscf__card[data-pos="-3"]{
    --sscf-x: calc(var(--sscf-step) * -2.88);
    --sscf-rotate: 38deg;
}

.sscf__card[data-pos="3"]{
    --sscf-x: calc(var(--sscf-step) * 2.88);
    --sscf-rotate: -38deg;
}

.sscf__card-top{
    position: relative;
    z-index: 3;
    display: grid;
    align-content: center;
    min-height: 66px;
    padding: 2px 4px 10px;
}

.sscf__card-title{
    display: block;
    margin: 0;
    color: var(--sscf-accent);
    font-size: clamp(20px, 1.72vw, 28px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.025em;
    text-shadow: 0 0 14px rgba(var(--sscf-accent-rgb), .24);
}

.sscf__card-subtitle{
    display: block;
    margin-top: 8px;
    color: rgba(var(--sscf-accent-rgb), .92);
    font-size: clamp(9px, .72vw, 11px);
    font-weight: 700;
    line-height: 1.24;
    letter-spacing: .025em;
}

.sscf__media{
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 600 / 746;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(207, 224, 240, .14);
    border-radius: 16px;
    background: #e9e9e9;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .15),
        0 8px 20px rgba(0, 0, 0, .28);
}

.sscf__media::after{
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(120deg, rgba(255, 255, 255, .09), transparent 18%, transparent 76%, rgba(var(--sscf-accent-rgb), .07));
}

.sscf__media img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    transform: translateZ(0);
    user-select: none;
    image-rendering: auto;
    -webkit-user-drag: none;
}

.sscf__card-foot{
    position: relative;
    z-index: 3;
    display: grid;
    place-items: center;
    min-height: 43px;
    padding-top: 8px;
}

.sscf__open-cue{
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: var(--sscf-accent);
    background:
        radial-gradient(circle at 38% 30%, rgba(255,255,255,.11), transparent 34%),
        rgba(5, 11, 18, .9);
    border: 1px solid rgba(var(--sscf-accent-rgb), .66);
    border-radius: 50%;
    box-shadow:
        inset 0 0 11px rgba(var(--sscf-accent-rgb), .06),
        0 0 10px rgba(var(--sscf-accent-rgb), .18);
    opacity: .72;
    transform: scale(.88);
    transition: opacity .3s ease, transform .38s var(--sscf-ease), box-shadow .3s ease;
}

.sscf__open-cue svg{
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sscf__card.is-active .sscf__open-cue{
    opacity: 1;
    transform: scale(1);
    box-shadow:
        inset 0 0 13px rgba(var(--sscf-accent-rgb), .08),
        0 0 14px rgba(var(--sscf-accent-rgb), .32);
}

.sscf__card--no-link.is-active .sscf__open-cue{
    opacity: .38;
}

.sscf__card-reflection{
    position: absolute;
    z-index: 1;
    left: 0;
    top: calc(100% + 4px);
    display: grid;
    grid-template-rows: auto 1fr auto;
    width: 100%;
    height: 100%;
    padding: 13px 11px 10px;
    overflow: hidden;
    color: #f7f9fc;
    text-align: center;
    background:
        linear-gradient(180deg, rgba(23, 34, 46, .88), rgba(5, 10, 16, .94));
    border: 1px solid rgba(var(--sscf-accent-rgb), .30);
    border-radius: 22px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 0 18px rgba(var(--sscf-accent-rgb), .07);
    opacity: .22;
    pointer-events: none;
    transform: scaleY(-1) scaleX(.988);
    transform-origin: 50% 50%;
    filter: blur(.45px) brightness(.82) saturate(.9);
    mask-image: linear-gradient(
        to bottom,
        transparent 52%,
        rgba(0,0,0,.08) 66%,
        rgba(0,0,0,.28) 82%,
        rgba(0,0,0,.62) 100%
    );
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 52%,
        rgba(0,0,0,.08) 66%,
        rgba(0,0,0,.28) 82%,
        rgba(0,0,0,.62) 100%
    );
    transition:
        opacity .38s ease,
        filter .38s ease,
        transform .48s var(--sscf-ease);
}

.sscf__reflection-top{
    display: grid;
    align-content: center;
    min-height: 66px;
    padding: 2px 4px 10px;
}

.sscf__reflection-title{
    display: block;
    color: var(--sscf-accent);
    font-size: clamp(20px, 1.72vw, 28px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.025em;
}

.sscf__reflection-subtitle{
    display: block;
    margin-top: 8px;
    color: rgba(var(--sscf-accent-rgb), .88);
    font-size: clamp(9px, .72vw, 11px);
    font-weight: 700;
    line-height: 1.24;
    letter-spacing: .025em;
}

.sscf__reflection-media{
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 600 / 746;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(207,224,240,.10);
    border-radius: 16px;
    background: #dfe3e7;
}

.sscf__reflection-media img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: .90;
}

.sscf__reflection-foot{
    display: grid;
    place-items: center;
    min-height: 43px;
    padding-top: 8px;
}

.sscf__reflection-cue{
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: var(--sscf-accent);
    background: rgba(5,11,18,.82);
    border: 1px solid rgba(var(--sscf-accent-rgb), .50);
    border-radius: 50%;
}

.sscf__reflection-cue svg{
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sscf__card[data-pos="0"] .sscf__card-reflection{
    opacity: .56;
    filter: blur(.35px) brightness(.9) saturate(.96);
    transform: scaleY(-1) scaleX(1.015);
}

.sscf__card[data-pos="-1"] .sscf__card-reflection,.sscf__card[data-pos="1"] .sscf__card-reflection{
    opacity: .32;
}

.sscf__card[data-pos="-2"] .sscf__card-reflection,.sscf__card[data-pos="2"] .sscf__card-reflection{
    opacity: .18;
}

.sscf__card[data-pos="-3"] .sscf__card-reflection,.sscf__card[data-pos="3"] .sscf__card-reflection{
    opacity: .07;
}

.sscf__nav,.sscf__nav:hover,.sscf__nav:focus,.sscf__nav:active{
    position: absolute !important;
    z-index: 40;
    top: 48% !important;
    display: grid !important;
    place-items: center;
    width: 48px !important;
    height: 48px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #dcecff !important;
    background: rgba(4, 11, 19, .78) !important;
    border: 1px solid rgba(177, 211, 243, .42) !important;
    border-radius: 50% !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 6px 20px rgba(0,0,0,.32),
        0 0 12px rgba(74, 163, 241, .08) !important;
    outline: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    transform: translateY(-50%);
    transition: border-color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease !important;
}

.sscf__nav--prev{
    left: clamp(10px, 2.2vw, 32px) !important;
}

.sscf__nav--next{
    right: clamp(10px, 2.2vw, 32px) !important;
}

.sscf__nav svg{
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sscf__nav:hover,.sscf__nav:focus-visible{
    color: #fff !important;
    background: rgba(8, 22, 35, .96) !important;
    border-color: rgba(152, 211, 255, .78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        0 7px 22px rgba(0,0,0,.36),
        0 0 18px rgba(68, 164, 244, .2) !important;
}

.sscf__nav:focus-visible{
    outline: 2px solid #fff !important;
    outline-offset: 3px !important;
}

.sscf__nav:active{
    transform: translateY(-50%) scale(.93) !important;
}

.sscf__controls{
    position: relative;
    z-index: 45;
    display: grid;
    justify-items: center;
    margin-top: -14px;
}

.sscf__dots{
    display: flex;
    position: relative;
    z-index: 46;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 10px 5px;
    gap: 10px;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.sscf__dot,.sscf__dot:hover,.sscf__dot:focus,.sscf__dot:active{
    display: block !important;
    width: 9px !important;
    height: 9px !important;
    min-width: 9px !important;
    min-height: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(232, 239, 246, .68) !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    outline: 0 !important;
    opacity: .55;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transform: scale(1);
    transition: transform .25s ease, opacity .25s ease, background .25s ease, box-shadow .25s ease !important;
}

.sscf__dot.is-active{
    background: var(--sscf-current-accent) !important;
    opacity: 1;
    transform: scale(1.28);
    box-shadow: 0 0 0 3px rgba(var(--sscf-current-accent-rgb), .18), 0 0 12px rgba(var(--sscf-current-accent-rgb), .42) !important;
}

.sscf__dot:hover,.sscf__dot:focus-visible{
    opacity: 1;
    transform: scale(1.18);
}

.sscf__dot:focus-visible{
    outline: 2px solid #fff !important;
    outline-offset: 3px !important;
}

.sscf__hint{
    margin: 2px 0 0 !important;
    color: rgba(214, 225, 236, .64) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
}

.sscf__hint-touch{
    display: none;
}

.sscf__coming-soon{
    --sscf-coming-accent: #5fb7ff;
    --sscf-coming-accent-rgb: 95,183,255;

    position: absolute;
    z-index: 80;
    left: 50%;
    bottom: 18px;
    width: min(640px, calc(100% - 56px));
    min-height: 138px;
    padding: 20px 62px 20px 24px;
    overflow: hidden;
    color: #f5f9fd;
    background: linear-gradient(180deg, rgba(22, 31, 42, .97), rgba(5, 10, 16, .985));
    border: 1px solid rgba(var(--sscf-coming-accent-rgb), .48);
    border-radius: 19px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -1px 0 rgba(var(--sscf-coming-accent-rgb), .12),
        0 18px 44px rgba(0,0,0,.55),
        0 0 24px rgba(var(--sscf-coming-accent-rgb), .12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(-50%, 48px, 0) scale(.93) rotateX(-8deg);
    transform-origin: 50% 100%;
    transition:
        opacity .3s ease,
        visibility 0s linear .48s,
        transform .52s cubic-bezier(.16,.82,.22,1),
        border-color .3s ease,
        box-shadow .3s ease;
}

.sscf__coming-soon::before,.sscf__coming-soon::after{
    position: absolute;
    content: "";
    pointer-events: none;
}

.sscf__coming-soon::before{
    top: 0;
    left: 18px;
    right: 18px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(var(--sscf-coming-accent-rgb), .42) 12%, var(--sscf-coming-accent) 50%, rgba(var(--sscf-coming-accent-rgb), .42) 88%, transparent);
    box-shadow: 0 0 14px rgba(var(--sscf-coming-accent-rgb), .42);
}

.sscf__coming-soon::after{
    right: -50px;
    bottom: -76px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--sscf-coming-accent-rgb), .17), transparent 68%);
    filter: blur(8px);
}

.sscf__coming-soon.is-open{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(-50%, 0, 0) scale(1) rotateX(0deg);
    transition-delay: 0s;
}

.sscf__coming-soon-beam{
    position: absolute;
    z-index: 0;
    top: -52px;
    left: 50%;
    width: 72%;
    height: 92px;
    opacity: .52;
    background: radial-gradient(ellipse at 50% 100%, rgba(var(--sscf-coming-accent-rgb), .34), rgba(var(--sscf-coming-accent-rgb), .10) 42%, transparent 72%);
    filter: blur(13px);
    transform: translateX(-50%);
    pointer-events: none;
}

.sscf__coming-soon-kicker,.sscf__coming-soon-title,.sscf__coming-soon-copy,.sscf__coming-soon-progress,.sscf__coming-soon-close{
    position: relative;
    z-index: 2;
}

.sscf__coming-soon-kicker{
    display: block;
    margin: 0 0 7px;
    color: var(--sscf-coming-accent);
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .18em;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(var(--sscf-coming-accent-rgb), .32);
}

.sscf__coming-soon-title{
    display: block;
    margin: 0;
    color: #fff;
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.sscf__coming-soon-copy{
    max-width: 470px;
    margin: 8px 0 0 !important;
    color: rgba(229, 238, 246, .78) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

.sscf__coming-soon-progress{
    display: flex;
    align-items: flex-end;
    width: 94px;
    height: 14px;
    margin-top: 13px;
    gap: 5px;
}

.sscf__coming-soon-progress span{
    display: block;
    flex: 1 1 0;
    height: 3px;
    border-radius: 999px;
    background: rgba(var(--sscf-coming-accent-rgb), .32);
    box-shadow: 0 0 7px rgba(var(--sscf-coming-accent-rgb), .13);
    transform-origin: 50% 100%;
}

.sscf__coming-soon.is-open .sscf__coming-soon-progress span{
    animation: sscf-coming-pulse 1.25s ease-in-out infinite;
}

.sscf__coming-soon-progress span:nth-child(2){ animation-delay: .12s !important; }
.sscf__coming-soon-progress span:nth-child(3){ animation-delay: .24s !important; }
.sscf__coming-soon-progress span:nth-child(4){ animation-delay: .36s !important; }
.sscf__coming-soon-progress span:nth-child(5){ animation-delay: .48s !important; }

.sscf__coming-soon-close,.sscf__coming-soon-close:hover,.sscf__coming-soon-close:focus,.sscf__coming-soon-close:active{
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    display: grid !important;
    place-items: center;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(239, 247, 255, .82) !important;
    background: rgba(2, 7, 12, .58) !important;
    border: 1px solid rgba(var(--sscf-coming-accent-rgb), .32) !important;
    border-radius: 50% !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
    outline: 0 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: transform .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease !important;
}

.sscf__coming-soon-close svg{
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.sscf__coming-soon-close:hover,.sscf__coming-soon-close:focus-visible{
    color: #fff !important;
    border-color: rgba(var(--sscf-coming-accent-rgb), .72) !important;
    box-shadow: 0 0 13px rgba(var(--sscf-coming-accent-rgb), .20) !important;
    transform: scale(1.07);
}

.sscf__coming-soon-close:focus-visible{
    outline: 2px solid #fff !important;
    outline-offset: 3px !important;
}

@keyframes sscf-coming-pulse{
    0%, 100% { height: 3px; opacity: .35; }
    50% {
        height: 12px;
        opacity: 1;
        background: var(--sscf-coming-accent);
        box-shadow: 0 0 9px rgba(var(--sscf-coming-accent-rgb), .42);
    }
}

@media (max-width: 1180px){
    .sscf{
        --sscf-card-width: clamp(178px, 19vw, 224px);
        --sscf-step: clamp(120px, 15.5vw, 178px);
    }

    .sscf__surface{
        min-height: 570px;
    }

    .sscf__stage{
        height: 510px;
    }

    .sscf__card[data-pos="-3"],.sscf__card[data-pos="3"]{
        --sscf-opacity: .42;
    }
}

@media (max-width: 860px){
    .sscf{
        --sscf-card-width: clamp(185px, 27vw, 226px);
        --sscf-step: clamp(118px, 22vw, 166px);
    }

    .sscf__surface{
        min-height: 575px;
        padding-right: 4px;
        padding-left: 4px;
    }

    .sscf__stage{
        height: 520px;
    }

    .sscf__card[data-pos="-3"],.sscf__card[data-pos="3"]{
        opacity: 0;
        pointer-events: none;
    }

    .sscf__nav{
        width: 44px !important;
        height: 44px !important;
    }
}

@media (max-width: 640px){
    .sscf{
        --sscf-card-width: min(72vw, 280px);
        --sscf-step: min(68vw, 260px);
        --sscf-radius: 20px;
    }

    .sscf__surface{
        min-height: 0;
        padding: 24px 0 20px;
        overflow: hidden;
        border-radius: 0;
    }

    .sscf__surface::after{
        bottom: 82px;
        height: 20%;
        opacity: .22;
    }

    .sscf__ambient{
        display: none;
    }

    .sscf__stage{
        height: clamp(570px, 138vw, 610px);
        perspective: 1180px;
        perspective-origin: 50% 42%;
    }

    .sscf__card,.sscf__card:hover,.sscf__card:focus,.sscf__card:active,.sscf__card:visited{
        top: 42% !important;
        padding: 10px 9px 8px !important;
        border-radius: 19px !important;
    }

    .sscf__card[data-pos="0"]{
        --sscf-z: 68px;
        --sscf-scale: 1;
    }

    .sscf__card[data-pos="-1"]{
        --sscf-x: calc(var(--sscf-step) * -1);
        --sscf-z: -18px;
        --sscf-rotate: 23deg;
        --sscf-scale: .82;
        --sscf-opacity: .68;
    }

    .sscf__card[data-pos="1"]{
        --sscf-x: var(--sscf-step);
        --sscf-z: -18px;
        --sscf-rotate: -23deg;
        --sscf-scale: .82;
        --sscf-opacity: .68;
    }

    .sscf__card[data-pos="-2"],.sscf__card[data-pos="2"],.sscf__card[data-pos="-3"],.sscf__card[data-pos="3"]{
        --sscf-opacity: 0;
        pointer-events: none;
    }

    .sscf__card-top,.sscf__reflection-top{
        min-height: 58px;
        padding: 1px 3px 7px;
    }

    .sscf__card-title,.sscf__reflection-title{
        font-size: clamp(21px, 6.8vw, 27px);
    }

    .sscf__card-subtitle,.sscf__reflection-subtitle{
        margin-top: 6px;
        font-size: clamp(8px, 2.7vw, 10px);
    }

    .sscf__media,.sscf__reflection-media{
        border-radius: 14px;
    }

    .sscf__card-foot,.sscf__reflection-foot{
        min-height: 36px;
        padding-top: 5px;
    }

    .sscf__open-cue,.sscf__reflection-cue{
        width: 31px;
        height: 31px;
    }

    .sscf__card-reflection{
        top: calc(100% + 5px);
        padding: 10px 9px 8px;
        border-radius: 19px;
        opacity: .12;
        mask-image: linear-gradient(
            to bottom,
            transparent 57%,
            rgba(0,0,0,.07) 70%,
            rgba(0,0,0,.24) 84%,
            rgba(0,0,0,.56) 100%
        );
        -webkit-mask-image: linear-gradient(
            to bottom,
            transparent 57%,
            rgba(0,0,0,.07) 70%,
            rgba(0,0,0,.24) 84%,
            rgba(0,0,0,.56) 100%
        );
    }

    .sscf__card[data-pos="0"] .sscf__card-reflection{
        opacity: .46;
        filter: blur(.4px) brightness(.88) saturate(.94);
    }

    .sscf__card[data-pos="-1"] .sscf__card-reflection,.sscf__card[data-pos="1"] .sscf__card-reflection{
        opacity: .24;
    }

    .sscf__nav,.sscf__nav:hover,.sscf__nav:focus,.sscf__nav:active{
        top: 41% !important;
        bottom: auto !important;
        width: 42px !important;
        height: 42px !important;
        transform: translateY(-50%);
    }

    .sscf__nav--prev{
        left: 10px !important;
    }

    .sscf__nav--next{
        right: 10px !important;
    }

    .sscf__nav:active{
        transform: translateY(-50%) scale(.93) !important;
    }

    .sscf__controls{
        margin-top: -10px;
        padding-bottom: 2px;
    }

    .sscf__dots{
        gap: 9px;
    }

    .sscf__hint{
        margin-top: 3px !important;
    }

    .sscf__hint-desktop{
        display: none;
    }

    .sscf__hint-touch{
        display: inline;
    }

    .sscf__coming-soon{
        bottom: 12px;
        width: calc(100% - 22px);
        min-height: 0;
        padding: 17px 52px 16px 17px;
        border-radius: 16px;
    }

    .sscf__coming-soon-title{
        font-size: 22px;
    }

    .sscf__coming-soon-copy{
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    .sscf__coming-soon-close,.sscf__coming-soon-close:hover,.sscf__coming-soon-close:focus,.sscf__coming-soon-close:active{
        top: 10px !important;
        right: 10px !important;
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
        min-height: 31px !important;
    }
}

@media (max-width: 380px){
    .sscf{
        --sscf-card-width: min(73vw, 268px);
        --sscf-step: min(69vw, 246px);
    }

    .sscf__surface{
        padding-top: 20px;
    }

    .sscf__stage{
        height: 560px;
    }

    .sscf__card,.sscf__card:hover,.sscf__card:focus,.sscf__card:active,.sscf__card:visited{
        top: 41% !important;
    }

    .sscf__card-top,.sscf__reflection-top{
        min-height: 54px;
    }

    .sscf__card-title,.sscf__reflection-title{
        font-size: clamp(20px, 6.7vw, 25px);
    }

    .sscf__card-foot,.sscf__reflection-foot{
        min-height: 34px;
        padding-top: 4px;
    }

    .sscf__open-cue,.sscf__reflection-cue{
        width: 29px;
        height: 29px;
    }
}

@supports not ((mask-image: linear-gradient(#000, transparent)) or (-webkit-mask-image: linear-gradient(#000, transparent))){
    .sscf__card-reflection{
        display: none !important;
    }

    .sscf__controls{
        margin-top: 6px;
    }
}

@supports not (aspect-ratio: 1 / 1){
    .sscf__media,.sscf__reflection-media{
        height: calc(var(--sscf-card-width) * 1.243333);
    }
}

@media (hover: none), (pointer: coarse){
    .sscf__card.is-active:hover{
        filter: none;
    }

    .sscf__hint-desktop{
        display: none;
    }

    .sscf__hint-touch{
        display: inline;
    }
}

@media (prefers-reduced-motion: reduce){
    .sscf *,.sscf *::before,.sscf *::after{
        scroll-behavior: auto !important;
        animation: none !important;
        transition-duration: .01ms !important;
    }

    .sscf__card{
        backface-visibility: visible;
        -webkit-backface-visibility: visible;
    }
}

@supports not (transform-style: preserve-3d){
    .sscf__stage{
        perspective: none;
    }

    .sscf__card,.sscf__card:hover,.sscf__card:focus,.sscf__card:active,.sscf__card:visited{
        transform:
            translate3d(calc(-50% + var(--sscf-x) + var(--sscf-drag-x, 0px)), -50%, 0)
            scale(var(--sscf-scale)) !important;
    }
}

.saic,.saic *,.saic *::before,.saic *::after{
    box-sizing: border-box;
}

.saic{
    --saic-blue: #18baff;
    --saic-blue-rgb: 24,186,255;
    --saic-gap: clamp(46px, 4.9vw, 82px);
    --saic-rail-height: clamp(96px, 7.8vw, 116px);

    position: relative;
    isolation: isolate;
    width: 100%;
    margin: 0 auto;
    color: #eef7ff;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.saic__sr-only{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.saic button,.saic img{
    -webkit-tap-highlight-color: transparent;
}

.saic__intro{
    position: relative;
    width: min(1120px, calc(100% - 28px));
    margin: 0 auto clamp(7px, .7vw, 11px);
    text-align: center;
}

.saic__title{
    margin: 0 !important;
    color: #dcecff !important;
    font-size: clamp(25px, 2.35vw, 38px) !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
    letter-spacing: -.025em !important;
    text-transform: uppercase;
    text-wrap: balance;
}

.saic__title span{
    color: #dcecff;
}

.saic__title strong{
    color: #24bfff;
    font-weight: 700;
    text-shadow: 0 0 22px rgba(36, 191, 255, .12);
}

.saic__subtitle{
    width: min(760px, 100%);
    margin: 9px auto 0 !important;
    color: rgba(203, 222, 241, .78) !important;
    font-size: clamp(13px, 1.05vw, 17px) !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
    letter-spacing: .003em !important;
    text-wrap: balance;
}

.saic__brand-divider{
    display: grid;
    grid-template-columns: minmax(28px, 1fr) 5px auto 5px minmax(28px, 1fr);
    align-items: center;
    width: min(1040px, 96%);
    margin: clamp(10px, 1vw, 15px) auto 0;
    column-gap: 12px;
}

.saic__brand-line{
    display: block;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(26, 173, 247, .72));
    box-shadow: 0 0 7px rgba(26, 173, 247, .16);
}

.saic__brand-line--right{
    background: linear-gradient(90deg, rgba(26, 173, 247, .72), transparent);
}

.saic__brand-dot{
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #21bfff;
    box-shadow: 0 0 8px rgba(33, 191, 255, .7);
}

.saic__brand-mark{
    position: relative;
    display: grid;
    place-items: center;
    width: clamp(54px, 4.5vw, 68px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 44%, rgba(17, 91, 142, .17), rgba(0, 0, 0, .10) 68%, transparent 70%);
    border: 1px solid rgba(44, 192, 255, .58);
    box-shadow:
        inset 0 0 16px rgba(42, 184, 245, .08),
        0 0 16px rgba(20, 162, 232, .13);
}

.saic__brand-mark img{
    display: block !important;
    width: 72% !important;
    height: 72% !important;
    max-width: none !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 5px rgba(52, 193, 255, .16));
}

.saic__rail{
    position: relative;
    isolation: isolate;
    width: min(1680px, calc(100% - clamp(8px, 1.2vw, 24px)));
    height: var(--saic-rail-height);
    margin: 0 auto;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 50% 50%, rgba(16, 104, 162, .055), transparent 31%),
        linear-gradient(180deg, rgba(2, 6, 10, .42), rgba(0, 0, 0, 0));
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.saic__centre-glow{
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 12%;
    bottom: 12%;
    width: clamp(250px, 23vw, 380px);
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(50, 183, 255, .12) 0%, rgba(21, 106, 164, .05) 42%, transparent 74%);
    filter: blur(14px);
    opacity: .9;
    transform: translateX(-50%);
    pointer-events: none;
}

.saic__viewport{
    position: absolute;
    z-index: 3;
    inset: 0 clamp(8px, 1.2vw, 18px);
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    cursor: grab;
    outline: 0;
    mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
}

.saic__viewport::-webkit-scrollbar{
    display: none;
}

.saic.is-dragging .saic__viewport{
    cursor: grabbing;
    user-select: none;
    -webkit-user-select: none;
}

.saic__viewport:focus-visible{
    outline: 2px solid rgba(139, 218, 255, .85);
    outline-offset: -4px;
    border-radius: 999px;
}

.saic__track{
    display: flex;
    align-items: stretch;
    width: max-content;
    min-width: 100%;
    height: 100%;
}

.saic__set{
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    height: 100%;
    padding-right: var(--saic-gap);
    gap: var(--saic-gap);
}

.saic__item,.saic__item:hover,.saic__item:focus,.saic__item:active{
    position: relative;
    display: grid !important;
    place-items: center;
    flex: 0 0 auto;
    width: clamp(194px, 14.6vw, 266px) !important;
    height: calc(var(--saic-rail-height) - 14px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    opacity: .74;
    filter: brightness(.84) saturate(.88);
    transform: translateZ(0) scale(.955);
    transform-origin: 50% 50%;
    transition:
        opacity .35s ease,
        filter .38s ease,
        transform .44s cubic-bezier(.18,.72,.2,1) !important;
}

.saic__item::before{
    display: none;
    content: none;
}

.saic__item::after{
    position: absolute;
    top: 50%;
    right: calc((var(--saic-gap) / -2) - 2px);
    width: 4px;
    height: 4px;
    content: "";
    border-radius: 50%;
    background: rgba(var(--saic-blue-rgb), .66);
    box-shadow: 0 0 8px rgba(var(--saic-blue-rgb), .42);
    transform: translateY(-50%);
    pointer-events: none;
}

.saic__logo-shell{
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: calc(100% - 14px);
    padding: 5px 8px;
    overflow: hidden;
    background: #000 !important;
    border: 1px solid rgba(122, 160, 190, .12) !important;
    border-radius: 10px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 -1px 0 rgba(255,255,255,.02),
        0 0 0 1px rgba(0,0,0,.48);
    isolation: isolate;
}

.saic__item img{
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: min(100%, 244px) !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

.saic__item.is-near{
    opacity: .88;
    filter: brightness(.96) saturate(.95);
    transform: translateZ(0) scale(.99);
}

.saic__item.is-active{
    z-index: 4;
    opacity: 1;
    filter: brightness(1.06) saturate(1.01);
    transform: translateZ(0) scale(1.028);
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.saic__item.is-active::before{
    opacity: 0;
    transform: none;
}

.saic__item.is-active img{
    filter: none;
}

.saic__item:hover,.saic__item:focus-visible{
    opacity: 1;
    filter: brightness(1.08) saturate(1.02);
}

.saic__item:focus-visible{
    border-color: transparent !important;
    outline: 2px solid rgba(228, 248, 255, .78) !important;
    outline-offset: 3px !important;
}

@media (max-width: 900px){
    .saic{
        --saic-gap: clamp(34px, 5vw, 56px);
        --saic-rail-height: 100px;
    }

    .saic__rail{
        width: calc(100% - 18px);
    }

    .saic__item,.saic__item:hover,.saic__item:focus,.saic__item:active{
        width: clamp(176px, 23vw, 232px) !important;
    }

    .saic__logo-shell{
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: calc(100% - 14px);
    padding: 5px 8px;
    overflow: hidden;
    background: #000 !important;
    border: 1px solid rgba(122, 160, 190, .12) !important;
    border-radius: 10px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 -1px 0 rgba(255,255,255,.02),
        0 0 0 1px rgba(0,0,0,.48);
    isolation: isolate;
}

.saic__item img{
        max-width: 220px !important;
        max-height: 56px !important;
    }
}

@media (max-width: 640px){
    .saic{
        --saic-gap: 28px;
        --saic-rail-height: 84px;
    }

    .saic__intro{
        width: calc(100% - 22px);
        margin-bottom: 6px;
    }

    .saic__title{
        font-size: clamp(21px, 6.6vw, 29px) !important;
    }

    .saic__subtitle{
        width: min(440px, 100%);
        margin-top: 7px !important;
        font-size: 12.5px !important;
        line-height: 1.38 !important;
    }

    .saic__brand-divider{
        grid-template-columns: minmax(18px, 1fr) 4px auto 4px minmax(18px, 1fr);
        width: 96%;
        margin-top: 9px;
        column-gap: 8px;
    }

    .saic__brand-mark{
        width: 48px;
    }

    .saic__rail{
        width: calc(100% - 4px);
        border-radius: 0;
    }

    .saic__viewport{
        left: 4px;
        right: 4px;
        mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
    }

    .saic__item,.saic__item:hover,.saic__item:focus,.saic__item:active{
        width: clamp(164px, 48vw, 196px) !important;
        height: 70px !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    .saic__logo-shell{
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: calc(100% - 14px);
    padding: 5px 8px;
    overflow: hidden;
    background: #000 !important;
    border: 1px solid rgba(122, 160, 190, .12) !important;
    border-radius: 10px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 -1px 0 rgba(255,255,255,.02),
        0 0 0 1px rgba(0,0,0,.48);
    isolation: isolate;
}

.saic__item img{
        max-width: 188px !important;
        max-height: 50px !important;
    }

    .saic__item.is-active{
        transform: translateZ(0) scale(1.02);
    }

    .saic__centre-glow{
        width: 220px;
    }

    .saic__rail::before,.saic__rail::after{
        display: none;
    }
}

@media (prefers-reduced-motion: reduce){
    .saic *,.saic *::before,.saic *::after{
        scroll-behavior: auto !important;
        animation: none !important;
        transition-duration: .01ms !important;
    }
}

.saic__intro{
    width: min(1120px, calc(100% - 28px));
    margin: 0 auto clamp(14px, 1.2vw, 20px);
}

.saic__title{
    color: #e6f1ff !important;
    font-size: clamp(29px, 2.65vw, 46px) !important;
    font-weight: 700 !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
    text-transform: none !important;
}

.saic__title span{
    color: inherit !important;
}

.saic__title strong{
    color: #8dd7ff !important;
    font-weight: 700 !important;
    text-shadow: 0 0 18px rgba(36, 191, 255, .10) !important;
}

.saic__subtitle{
    margin: 12px auto 0 !important;
    color: rgba(203, 222, 241, .82) !important;
    font-size: clamp(14px, 1.06vw, 17px) !important;
    line-height: 1.48 !important;
    letter-spacing: .002em !important;
}

.saic__brand-divider{
    display: none !important;
}

@media (max-width: 640px){
    .saic__intro{
        width: calc(100% - 18px);
        margin-bottom: 10px;
    }

    .saic__title{
        font-size: clamp(24px, 7.6vw, 33px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.04em !important;
    }

    .saic__subtitle{
        margin-top: 10px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 480px){
    .saic__intro{
        width: calc(100% - 12px);
        margin-bottom: 12px;
    }

    .saic__title{
        font-size: clamp(22px, 8.6vw, 29px) !important;
    }
}

.sscr,.sscr *,.sscr *::before,.sscr *::after{
    box-sizing: border-box;
}

.sscr{
    --sscr-panel: rgba(3, 8, 16, .96);
    --sscr-panel-2: rgba(4, 10, 19, .94);
    --sscr-text: #dbe7ff;
    --sscr-muted: #96a9c8;
    --sscr-blue: #37b7ff;
    --sscr-blue-rgb: 55, 183, 255;
    --sscr-green: #7CFF3D;
    --sscr-green-rgb: 124, 255, 61;
    --sscr-red: #ff4337;
    --sscr-red-rgb: 255, 67, 55;
    position: relative;
    width: min(100%, 1320px);
    margin: 0 auto;
    padding: clamp(18px, 2.2vw, 30px);
    color: var(--sscr-text);
    background:
        radial-gradient(circle at top center, rgba(var(--sscr-blue-rgb), .05), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0)),
        transparent;
    font-family: inherit;
}

.sscr__intro{
    max-width: 900px;
    margin: 0 auto clamp(18px, 2vw, 24px);
    text-align: center;
}

.sscr__headline{
    margin: 0;
    color: #e1edfa;
    font-size: clamp(2rem, 4vw, 3.55rem);
    font-weight: 800;
    line-height: .98;
}

.sscr__summary{
    max-width: 860px;
    margin: 14px auto 0;
    color: #b5c9eb;
    font-size: clamp(1rem, 1.4vw, 1.28rem);
    line-height: 1.5;
}

.sscr__shell{
    display: block;
}

.sscr__rail,.sscr__stage,.sscr__principles{
    border: 1px solid rgba(104, 154, 205, .14);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(17, 28, 49, .30), rgba(5, 11, 21, .90)),
        var(--sscr-panel-2);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 0 0 1px rgba(0, 0, 0, .28),
        0 16px 48px rgba(0, 0, 0, .28);
}

.sscr__rail{
    margin-bottom: clamp(14px, 1.8vw, 20px);
    padding: 16px 16px 18px;
}

.sscr__rail-label{
    margin: 0 0 12px;
    color: #92a9cb;
    font-size: .78rem;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.sscr__rail-list{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(8px, .9vw, 14px);
}

.sscr__topic{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 88px;
    padding: 10px 8px 12px;
    border: 1px solid rgba(92, 129, 169, .20);
    border-radius: 18px;
    background: rgba(4, 9, 17, .72);
    color: #d8e5fb;
    text-align: center;
    font: inherit;
    cursor: pointer;
    transition: transform .22s ease, border-color .22s ease, box-shadow .28s ease, background .22s ease;
}

.sscr__topic:hover,.sscr__topic:focus-visible{
    transform: translateY(-1px);
    border-color: rgba(var(--sscr-blue-rgb), .34);
    box-shadow: 0 0 0 3px rgba(var(--sscr-blue-rgb), .08), 0 0 18px rgba(var(--sscr-blue-rgb), .10);
    outline: none;
}

.sscr__topic.is-active{
    border-color: rgba(var(--sscr-blue-rgb), .58);
    background: linear-gradient(180deg, rgba(18, 31, 59, .88), rgba(5, 10, 19, .88));
    box-shadow: 0 0 0 3px rgba(var(--sscr-blue-rgb), .10), 0 0 22px rgba(var(--sscr-blue-rgb), .12);
}

.sscr__topic::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 0;
    height: 0;
    margin-left: -11px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid rgba(159, 196, 255, .92);
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity .22s ease, transform .22s ease;
    filter: drop-shadow(0 0 10px rgba(var(--sscr-blue-rgb), .28));
}

.sscr__topic.is-active::after{
    opacity: 1;
    transform: translateY(0);
}

.sscr__topic-visual{
    position: relative;
    width: clamp(28px, 3vw, 44px);
    height: clamp(28px, 3vw, 44px);
    flex: 0 0 auto;
}

.sscr__topic-icon-img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: opacity .2s ease;
}

.sscr__topic-icon-img--on{
    opacity: 0;
}

.sscr__topic.is-active .sscr__topic-icon-img--on{
    opacity: 1;
}

.sscr__topic.is-active .sscr__topic-icon-img--off{
    opacity: 0;
}

.sscr__topic-text{
    display: block;
    min-width: 0;
    font-size: clamp(.88rem, 1.2vw, 1.03rem);
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: -.01em;
    text-wrap: balance;
}

.sscr__stage{
    position: relative;
    padding: clamp(18px, 2vw, 26px);
    overflow: hidden;
}

.sscr__panel[hidden]{
    display: none !important;
}

.sscr__panel-head{
    margin-bottom: clamp(18px, 2vw, 24px);
}

.sscr__chip{
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border: 1px solid rgba(100, 149, 219, .20);
    border-radius: 999px;
    background: rgba(4, 10, 18, .78);
    color: #b9d0f6;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sscr__panel-title{
    margin: 14px 0 8px;
    color: #f0f6ff;
    font-size: clamp(1.8rem, 2.8vw, 2.65rem);
    line-height: 1.02;
}

.sscr__panel-intro{
    margin: 0;
    color: #b8cae7;
    font-size: clamp(1rem, 1.35vw, 1.22rem);
}

.sscr__compare{
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(72px, 8vw, 112px) minmax(0, 1fr);
    gap: 0;
    align-items: center;
}

.sscr__card{
    position: relative;
    min-width: 0;
    padding: clamp(22px, 2.2vw, 30px);
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)), var(--sscr-panel);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 38px rgba(0,0,0,.28);
    overflow: hidden;
}

.sscr__card::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.sscr__card::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 28%);
}

.sscr__card--with{
    border-color: rgba(var(--sscr-green-rgb), .34);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(0,0,0,.26), 0 0 26px rgba(var(--sscr-green-rgb), .08), 0 16px 38px rgba(0,0,0,.30);
}

.sscr__card--with::before{
    background:
        radial-gradient(circle at 8% 10%, rgba(var(--sscr-green-rgb), .18), transparent 28%),
        radial-gradient(circle at 18% 50%, rgba(var(--sscr-green-rgb), .10), transparent 42%),
        linear-gradient(90deg, rgba(var(--sscr-green-rgb), .15), rgba(var(--sscr-green-rgb), .06) 30%, rgba(var(--sscr-green-rgb), 0) 64%),
        linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
}

.sscr__card--without{
    border-color: rgba(var(--sscr-red-rgb), .34);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(0,0,0,.26), 0 0 26px rgba(var(--sscr-red-rgb), .08), 0 16px 38px rgba(0,0,0,.30);
}

.sscr__card--without::before{
    background:
        radial-gradient(circle at 8% 10%, rgba(var(--sscr-red-rgb), .18), transparent 28%),
        radial-gradient(circle at 18% 50%, rgba(var(--sscr-red-rgb), .10), transparent 42%),
        linear-gradient(90deg, rgba(var(--sscr-red-rgb), .15), rgba(var(--sscr-red-rgb), .06) 30%, rgba(var(--sscr-red-rgb), 0) 64%),
        linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
}

.sscr__card-top,.sscr__points{
    position: relative;
    z-index: 1;
}

.sscr__card-top{
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    align-items: start;
    margin-bottom: 18px;
}

.sscr__badge{
    width: 96px;
    height: 96px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 96px;
    border-radius: 50%;
    overflow: hidden;
    background: transparent;
}

.sscr__badge img{
    width: 100%;
    height: auto;
    display: block;
}

.sscr__label{
    display: inline-flex;
    margin-bottom: 10px;
    padding: 8px 13px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.sscr__card--with .sscr__label{
    background: rgba(var(--sscr-green-rgb), .11);
    color: #95ff6c;
    border: 1px solid rgba(var(--sscr-green-rgb), .18);
}

.sscr__card--without .sscr__label{
    background: rgba(var(--sscr-red-rgb), .11);
    color: #ff8a82;
    border: 1px solid rgba(var(--sscr-red-rgb), .18);
}

.sscr__card-title{
    margin: 0;
    color: #f4f7ff;
    font-size: clamp(1.28rem, 1.9vw, 1.78rem);
    line-height: 1.14;
}

.sscr__points{
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sscr__points li{
    position: relative;
    padding-left: 28px;
    color: #d5e1f5;
    font-size: 1.03rem;
    line-height: 1.45;
}

.sscr__points li::before{
    content: "✓";
    position: absolute;
    left: 0;
    top: .02em;
    color: var(--sscr-green);
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1;
    text-shadow: 0 0 10px rgba(var(--sscr-green-rgb), .18);
}

.sscr__points--negative li::before{
    content: "✕";
    color: var(--sscr-red);
    text-shadow: 0 0 10px rgba(var(--sscr-red-rgb), .18);
}

.sscr__vs{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 100%;
    min-height: 100%;
    padding: 0 6px;
}

.sscr__vs img{
    display: block;
    width: clamp(72px, 7vw, 100px);
    height: auto;
    filter: drop-shadow(0 0 16px rgba(var(--sscr-blue-rgb), .14));
}

.sscr__principles{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: clamp(18px, 2vw, 28px);
    padding: 18px;
}

.sscr__principle{
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    align-items: start;
    padding: 14px;
    border-radius: 18px;
    background: rgba(4, 9, 17, .52);
}

.sscr__principle-mark{
    width: 14px;
    height: 14px;
    margin-top: 5px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.9), rgba(var(--sscr-blue-rgb), .9) 40%, rgba(7,16,28,1) 72%);
    box-shadow: 0 0 14px rgba(var(--sscr-blue-rgb), .20);
}

.sscr__principle h4{
    margin: 0 0 6px;
    color: #edf5ff;
    font-size: 1rem;
    font-weight: 700;
}

.sscr__principle p{
    margin: 0;
    color: #9fb2d0;
    font-size: .95rem;
    line-height: 1.45;
}

@media (max-width: 1100px){
    .sscr__stage{
        padding: 18px;
    }

    .sscr__card{
        padding: 20px;
    }

    .sscr__card-top{
        grid-template-columns: 84px 1fr;
    }

    .sscr__badge{
        width: 84px;
        height: 84px;
        flex-basis: 84px;
    }

    .sscr__card-title{
        font-size: clamp(1.18rem, 2vw, 1.55rem);
    }

    .sscr__points li{
        font-size: .98rem;
    }

    .sscr__principles{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px){
    .sscr{
        padding: 16px;
    }

    .sscr__rail{
        padding: 12px 12px 16px;
    }

    .sscr__rail-list{
        gap: 8px;
    }

    .sscr__topic{
        min-height: 82px;
        padding: 9px 6px 11px;
        border-radius: 16px;
    }

    .sscr__topic::after{
        bottom: -9px;
        margin-left: -9px;
        border-left-width: 9px;
        border-right-width: 9px;
        border-top-width: 9px;
    }

    .sscr__topic-text{
        font-size: .92rem;
    }

    .sscr__compare{
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .sscr__vs{
        order: 2;
        min-height: 0;
        padding: 0;
        margin: -2px 0;
    }

    .sscr__vs img{
        width: 84px;
    }

    .sscr__card--with{
        order: 1;
    }

    .sscr__card--without{
        order: 3;
    }

    .sscr__principles{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px){
    .sscr__headline{
        font-size: clamp(1.82rem, 11vw, 2.45rem);
    }

    .sscr__summary{
        font-size: 1rem;
    }

    .sscr__rail-label{
        margin-bottom: 10px;
        font-size: .7rem;
    }

    .sscr__topic{
        min-height: 74px;
        gap: 6px;
        padding: 8px 4px 10px;
        border-radius: 14px;
    }

    .sscr__topic-text{
        font-size: .84rem;
        line-height: 1.06;
    }

    .sscr__panel-title{
        font-size: 1.9rem;
    }

    .sscr__card-top{
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .sscr__badge{
        width: 78px;
        height: 78px;
        flex-basis: 78px;
    }

    .sscr__card-title{
        font-size: 1.18rem;
    }

    .sscr__points li{
        font-size: .96rem;
    }
}

@media (max-width: 480px){
    .sscr__topic{
        min-height: 68px;
        padding: 7px 3px 10px;
        border-radius: 12px;
    }

    .sscr__topic-visual{
        width: 26px;
        height: 26px;
    }

    .sscr__topic-text{
        font-size: .76rem;
    }

    .sscr__panel-head{
        margin-bottom: 16px;
    }

    .sscr__panel-title{
        font-size: 1.72rem;
    }

    .sscr__panel-intro{
        font-size: .98rem;
    }

    .sscr__card{
        padding: 18px 16px;
        border-radius: 20px;
    }

    .sscr__label{
        font-size: .72rem;
    }
}

@media (max-width: 360px){
    .sscr__topic{
        min-height: 64px;
    }

    .sscr__topic-visual{
        width: 22px;
        height: 22px;
    }

    .sscr__topic-text{
        font-size: .71rem;
    }

    .sscr__card-title{
        font-size: 1.08rem;
    }

    .sscr__points li{
        font-size: .92rem;
    }
}

@media (hover: none){
    .sscr__topic:hover{
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce){
    .sscr__topic,.sscr__topic-icon-img{
        transition: none !important;
    }
}

.sscr__intro{
    max-width: 1120px !important;
    margin: 0 auto clamp(14px, 1.2vw, 20px) !important;
}

.sscr__headline{
    margin: 0 !important;
    color: #e1edfa !important;
    font-size: clamp(29px, 2.65vw, 46px) !important;
    font-weight: 700 !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
    text-transform: none !important;
}

.sscr__summary{
    max-width: 760px !important;
    margin: 12px auto 0 !important;
    color: rgba(203, 222, 241, .82) !important;
    font-size: clamp(14px, 1.06vw, 17px) !important;
    font-weight: 400 !important;
    line-height: 1.48 !important;
    letter-spacing: .002em !important;
}

.sscr__topic,.sscr__topic:hover,.sscr__topic:focus,.sscr__topic:focus-visible,.sscr__topic:active{
    background-color: #050a12 !important;
    background-image: linear-gradient(180deg, rgba(13, 23, 40, .84), rgba(3, 7, 13, .96)) !important;
    color: #d8e5fb !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.sscr__topic.is-active,.sscr__topic.is-active:hover,.sscr__topic.is-active:focus,.sscr__topic.is-active:focus-visible,.sscr__topic.is-active:active{
    background-color: #07101e !important;
    background-image: linear-gradient(180deg, rgba(15, 32, 58, .96), rgba(4, 10, 19, .96)) !important;
    border-color: rgba(var(--sscr-blue-rgb), .60) !important;
    color: #eff7ff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 0 0 2px rgba(var(--sscr-blue-rgb), .08),
        0 0 20px rgba(var(--sscr-blue-rgb), .12) !important;
}

@media (min-width: 861px){
    .sscr__compare{
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: clamp(18px, 1.8vw, 26px) !important;
        align-items: stretch !important;
    }

    .sscr__card--with{
        padding-right: clamp(52px, 5vw, 70px) !important;
    }

    .sscr__card--without{
        padding-left: clamp(52px, 5vw, 70px) !important;
    }

    .sscr__vs{
        position: absolute !important;
        z-index: 6 !important;
        left: 50% !important;
        top: 50% !important;
        width: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important;
        pointer-events: none !important;
    }

    .sscr__vs img{
        width: clamp(80px, 7vw, 102px) !important;
        height: auto !important;
    }
}

@media (max-width: 860px){
    .sscr__compare{
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
    }

    .sscr__card--with{
        order: 1 !important;
        padding-bottom: 54px !important;
    }

    .sscr__vs{
        position: relative !important;
        z-index: 6 !important;
        order: 2 !important;
        left: auto !important;
        top: auto !important;
        width: max-content !important;
        min-height: 0 !important;
        margin: -38px auto !important;
        padding: 0 !important;
        transform: none !important;
        pointer-events: none !important;
    }

    .sscr__vs img{
        width: 82px !important;
        height: auto !important;
    }

    .sscr__card--without{
        order: 3 !important;
        padding-top: 54px !important;
    }
}

@media (max-width: 640px){
    .sscr__headline{
        font-size: clamp(24px, 7.6vw, 33px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.04em !important;
    }

    .sscr__summary{
        margin-top: 10px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .sscr__card--with{
        padding-bottom: 50px !important;
    }

    .sscr__card--without{
        padding-top: 50px !important;
    }

    .sscr__vs{
        margin: -34px auto !important;
    }

    .sscr__vs img{
        width: 74px !important;
    }
}

@media (max-width: 480px){
    .sscr__headline{
        font-size: clamp(22px, 8.6vw, 29px) !important;
    }
}

.sscr__intro{
    margin-bottom: clamp(10px, .9vw, 14px) !important;
}

.sscr__rail{
    margin-bottom: clamp(8px, .8vw, 11px) !important;
    padding: 10px 12px 12px !important;
}

.sscr__rail-label{
    margin-bottom: 7px !important;
    font-size: .72rem !important;
}

.sscr__rail-list{
    gap: clamp(6px, .65vw, 10px) !important;
}

.sscr__topic,.sscr__topic:hover,.sscr__topic:focus,.sscr__topic:focus-visible,.sscr__topic:active{
    min-height: 66px !important;
    gap: 5px !important;
    padding: 7px 6px 8px !important;
    border-radius: 15px !important;
}

.sscr__topic-visual{
    width: clamp(25px, 2.35vw, 34px) !important;
    height: clamp(25px, 2.35vw, 34px) !important;
}

.sscr__topic-text{
    font-size: clamp(.82rem, 1vw, .96rem) !important;
    line-height: 1.06 !important;
}

.sscr__topic::after{
    bottom: -8px !important;
    margin-left: -8px !important;
    border-left-width: 8px !important;
    border-right-width: 8px !important;
    border-top-width: 8px !important;
}

.sscr__stage{
    padding: clamp(13px, 1.3vw, 17px) !important;
}

.sscr__panel-head{
    margin-bottom: clamp(12px, 1.2vw, 16px) !important;
}

.sscr__chip{
    padding: 6px 11px !important;
    font-size: .72rem !important;
}

.sscr__panel-title{
    margin-top: 9px !important;
    margin-bottom: 5px !important;
}

.sscr__panel-intro{
    margin-bottom: 0 !important;
}

@media (max-width: 860px){
    .sscr__rail{
        padding: 9px 9px 11px !important;
        margin-bottom: 8px !important;
    }

    .sscr__topic,.sscr__topic:hover,.sscr__topic:focus,.sscr__topic:focus-visible,.sscr__topic:active{
        min-height: 60px !important;
        padding: 6px 4px 7px !important;
        border-radius: 13px !important;
    }

    .sscr__topic-visual{
        width: 26px !important;
        height: 26px !important;
    }

    .sscr__topic-text{
        font-size: .80rem !important;
    }

    .sscr__stage{
        padding: 12px !important;
    }

    .sscr__panel-head{
        margin-bottom: 12px !important;
    }
}

@media (max-width: 640px){
    .sscr__rail-label{
        margin-bottom: 6px !important;
        font-size: .66rem !important;
    }

    .sscr__topic,.sscr__topic:hover,.sscr__topic:focus,.sscr__topic:focus-visible,.sscr__topic:active{
        min-height: 56px !important;
        gap: 4px !important;
        padding: 5px 3px 7px !important;
        border-radius: 12px !important;
    }

    .sscr__topic-visual{
        width: 23px !important;
        height: 23px !important;
    }

    .sscr__topic-text{
        font-size: .74rem !important;
    }

    .sscr__stage{
        padding: 11px !important;
    }
}

@media (max-width: 420px){
    .sscr__rail{
        padding: 8px 7px 10px !important;
    }

    .sscr__rail-list{
        gap: 5px !important;
    }

    .sscr__topic,.sscr__topic:hover,.sscr__topic:focus,.sscr__topic:focus-visible,.sscr__topic:active{
        min-height: 52px !important;
        padding: 4px 2px 6px !important;
        border-radius: 11px !important;
    }

    .sscr__topic-visual{
        width: 21px !important;
        height: 21px !important;
    }

    .sscr__topic-text{
        font-size: .68rem !important;
        letter-spacing: -.015em !important;
    }
}

.sscr__rail{
    margin-bottom: 6px !important;
}

.sscr__stage{
    min-height: 0 !important;
    height: auto !important;
    padding: clamp(10px, 1vw, 14px) !important;
    overflow: visible !important;
}

.sscr__panel,.sscr__panel.is-active{
    min-height: 0 !important;
    height: auto !important;
}

.sscr__panel-head,.sscr__chip,.sscr__panel-title,.sscr__panel-intro{
    display: none !important;
}

.sscr__compare{
    grid-template-columns: minmax(0, 1fr) clamp(38px, 4.2vw, 54px) minmax(0, 1fr) !important;
    gap: 0 !important;
    align-items: stretch !important;
    min-height: 0 !important;
}

.sscr__vs{
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
}

.sscr__vs img{
    width: clamp(76px, 6.5vw, 94px) !important;
    max-width: none !important;
}

.sscr__principles{
    margin-top: 10px !important;
}

@media (max-width: 860px){
    .sscr__rail{
        margin-bottom: 6px !important;
    }

    .sscr__stage{
        padding: 10px !important;
    }

    .sscr__compare{
        grid-template-columns: 1fr !important;
        grid-template-rows: auto 34px auto !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    .sscr__card--with{
        grid-row: 1 !important;
        padding-bottom: 30px !important;
    }

    .sscr__vs{
        grid-row: 2 !important;
        align-self: center !important;
        justify-self: stretch !important;
        margin: 0 !important;
        min-height: 34px !important;
        height: 34px !important;
        z-index: 5 !important;
    }

    .sscr__vs img{
        width: 80px !important;
    }

    .sscr__card--without{
        grid-row: 3 !important;
        padding-top: 30px !important;
    }

    .sscr__principles{
        margin-top: 8px !important;
    }
}

@media (max-width: 640px){
    .sscr__stage{
        padding: 8px !important;
    }

    .sscr__compare{
        grid-template-rows: auto 32px auto !important;
    }

    .sscr__vs{
        height: 32px !important;
        min-height: 32px !important;
    }

    .sscr__vs img{
        width: 74px !important;
    }

    .sscr__card--with{
        padding-bottom: 28px !important;
    }

    .sscr__card--without{
        padding-top: 28px !important;
    }
}

@media (max-width: 420px){
    .sscr__stage{
        padding: 7px !important;
    }

    .sscr__compare{
        grid-template-rows: auto 30px auto !important;
    }

    .sscr__vs{
        height: 30px !important;
        min-height: 30px !important;
    }

    .sscr__vs img{
        width: 70px !important;
    }
}

@media (min-width: 861px){
    .sscr__compare{
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) clamp(44px, 4.6vw, 60px) minmax(0, 1fr) !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    .sscr__card--with{
        grid-column: 1 !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .sscr__vs{
        grid-column: 2 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        align-self: stretch !important;
        justify-self: stretch !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
        pointer-events: none !important;
    }

    .sscr__vs img{
        position: relative !important;
        z-index: 7 !important;
        flex: 0 0 auto !important;
        width: clamp(78px, 6.3vw, 96px) !important;
        max-width: none !important;
        height: auto !important;
    }

    .sscr__card--without{
        grid-column: 3 !important;
        width: auto !important;
        min-width: 0 !important;
    }
}

@media (max-width: 860px){
    .sscr__vs{
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        justify-self: stretch !important;
        align-self: center !important;
        display: grid !important;
        place-items: center !important;
    }

    .sscr__vs img{
        position: relative !important;
        left: auto !important;
        right: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
    }
}

@media (max-width: 860px){
    .sscr__compare{
        row-gap: 0 !important;
    }

    .sscr__card--with{
        margin-bottom: 46px !important;
    }

    .sscr__vs{
        position: relative !important;
        z-index: 8 !important;
        width: 100% !important;
        min-height: 0 !important;
        height: 0 !important;
        margin: -44px 0 -44px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        overflow: visible !important;
        pointer-events: none !important;
    }

    .sscr__vs img{
        position: relative !important;
        z-index: 9 !important;
        width: clamp(82px, 18vw, 108px) !important;
        margin: 0 auto !important;
        display: block !important;
    }

    .sscr__card--without{
        margin-top: 46px !important;
    }
}

@media (max-width: 640px){
    .sscr__card--with{
        margin-bottom: 42px !important;
    }

    .sscr__vs{
        margin: -40px 0 -40px !important;
    }

    .sscr__vs img{
        width: clamp(78px, 24vw, 98px) !important;
    }

    .sscr__card--without{
        margin-top: 42px !important;
    }
}

@media (max-width: 480px){
    .sscr__card--with{
        margin-bottom: 38px !important;
    }

    .sscr__vs{
        margin: -36px 0 -36px !important;
    }

    .sscr__vs img{
        width: clamp(74px, 28vw, 92px) !important;
    }

    .sscr__card--without{
        margin-top: 38px !important;
    }
}

@media (max-width: 860px){
    .sscr__card--with{
        margin-bottom: 22px !important;
    }

    .sscr__vs{
        margin: -22px 0 -22px !important;
    }

    .sscr__vs img{
        width: clamp(68px, 14vw, 84px) !important;
    }

    .sscr__card--without{
        margin-top: 22px !important;
    }
}

@media (max-width: 640px){
    .sscr__card--with{
        margin-bottom: 18px !important;
    }

    .sscr__vs{
        margin: -18px 0 -18px !important;
    }

    .sscr__vs img{
        width: clamp(66px, 20vw, 80px) !important;
    }

    .sscr__card--without{
        margin-top: 18px !important;
    }
}

@media (max-width: 480px){
    .sscr__card--with{
        margin-bottom: 14px !important;
    }

    .sscr__vs{
        margin: -14px 0 -14px !important;
    }

    .sscr__vs img{
        width: clamp(62px, 24vw, 74px) !important;
    }

    .sscr__card--without{
        margin-top: 14px !important;
    }
}

@media (max-width: 860px){
    .sscr__compare{
        position: relative !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        row-gap: 0 !important;
    }

    .sscr__card--with{
        margin: 0 0 8px !important;
    }

    .sscr__vs{
        position: relative !important;
        z-index: 10 !important;
        width: 100% !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        overflow: visible !important;
        pointer-events: none !important;
    }

    .sscr__vs img{
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        width: clamp(64px, 12vw, 78px) !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important;
        display: block !important;
    }

    .sscr__card--without{
        margin: 8px 0 0 !important;
    }
}

@media (max-width: 640px){
    .sscr__card--with{
        margin-bottom: 7px !important;
    }

    .sscr__card--without{
        margin-top: 7px !important;
    }

    .sscr__vs img{
        width: clamp(62px, 17vw, 74px) !important;
    }
}

@media (max-width: 480px){
    .sscr__card--with{
        margin-bottom: 6px !important;
    }

    .sscr__card--without{
        margin-top: 6px !important;
    }

    .sscr__vs img{
        width: clamp(60px, 20vw, 70px) !important;
    }
}

.saic__title{
    text-shadow:
        0 0 8px rgba(160, 218, 255, .10),
        0 0 18px rgba(36, 191, 255, .06) !important;
}

.saic__title span{
    text-shadow:
        0 0 8px rgba(160, 218, 255, .10),
        0 0 18px rgba(36, 191, 255, .06) !important;
}

.saic__title strong{
    text-shadow:
        0 0 10px rgba(77, 203, 255, .28),
        0 0 22px rgba(36, 191, 255, .18),
        0 0 34px rgba(36, 191, 255, .08) !important;
}

.saic__title{
    color: #eef7ff !important;
    text-shadow:
        0 0 6px rgba(255, 255, 255, .10),
        0 0 14px rgba(120, 205, 255, .10) !important;
}

.saic__title span{
    color: #eef7ff !important;
    text-shadow:
        0 0 6px rgba(255, 255, 255, .10),
        0 0 14px rgba(120, 205, 255, .10) !important;
}

.saic__title strong{
    color: #8fd9ff !important;
    text-shadow:
        0 0 3px rgba(255,255,255,.72),
        0 0 10px rgba(88, 202, 255, .90),
        0 0 20px rgba(36, 191, 255, .78),
        0 0 36px rgba(36, 191, 255, .52),
        0 0 58px rgba(36, 191, 255, .26) !important;
}

.sscr__principles{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(18px, 2.1vw, 26px);
    margin-top: clamp(18px, 2vw, 28px);
    padding: 0;
}

.sscr__principle{
    position: relative;
    display: grid;
    grid-template-columns: clamp(128px, 18vw, 172px) minmax(0, 1fr);
    gap: clamp(18px, 2vw, 28px);
    align-items: center;
    min-height: clamp(180px, 20vw, 240px);
    padding: clamp(20px, 2.1vw, 28px);
    border-radius: 26px;
    border: 1px solid rgba(122, 177, 255, .34);
    background:
        radial-gradient(circle at 85% 15%, rgba(61, 178, 255, .16), rgba(61, 178, 255, 0) 15%),
        linear-gradient(180deg, rgba(8, 16, 31, .88), rgba(4, 10, 22, .92));
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.03),
        0 0 0 1px rgba(11, 28, 51, .35),
        0 18px 38px rgba(0, 0, 0, .22);
    overflow: hidden;
}

.sscr__principle::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 50%, rgba(35, 156, 255, .10), transparent 32%),
        linear-gradient(90deg, rgba(31, 115, 255, .08), rgba(31, 115, 255, 0) 38%);
    pointer-events: none;
}

.sscr__principle-art{
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
}

.sscr__principle-art img{
    display: block;
    width: min(100%, 138px);
    height: auto;
    filter: drop-shadow(0 0 18px rgba(var(--sscr-blue-rgb), .16));
}

.sscr__principle-content{
    position: relative;
    z-index: 1;
    min-width: 0;
    padding-right: clamp(8px, 1vw, 16px);
}

.sscr__principle-orb{
    position: absolute;
    top: 2px;
    right: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(73, 182, 255, .98) 45%, rgba(22, 82, 255, .96) 72%, rgba(11, 18, 32, .98) 100%);
    box-shadow: 0 0 14px rgba(var(--sscr-blue-rgb), .44);
}

.sscr__principle h4{
    margin: 0;
    color: #f5f8ff;
    font-size: clamp(1.55rem, 1.1rem + 1.5vw, 2.05rem);
    line-height: 1.06;
    font-weight: 800;
    letter-spacing: -.035em;
}

.sscr__principle-rule{
    display: block;
    width: 64px;
    height: 5px;
    margin: 16px 0 18px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(42, 150, 255, .96), rgba(72, 190, 255, .76));
    box-shadow: 0 0 12px rgba(var(--sscr-blue-rgb), .24);
}

.sscr__principle p{
    margin: 0;
    color: #b7c5dd;
    font-size: clamp(1rem, .92rem + .42vw, 1.18rem);
    line-height: 1.42;
    letter-spacing: -.01em;
}

.sscr__principle-mark{
    display: none !important;
}

@media (max-width: 1100px){
    .sscr__principles{
        grid-template-columns: 1fr;
    }

    .sscr__principle{
        grid-template-columns: 132px minmax(0, 1fr);
        min-height: 0;
    }
}

@media (max-width: 760px){
    .sscr__principle{
        grid-template-columns: 110px minmax(0, 1fr);
        gap: 16px;
        padding: 18px;
        border-radius: 22px;
    }

    .sscr__principle-art img{
        width: min(100%, 100px);
    }

    .sscr__principle-orb{
        width: 18px;
        height: 18px;
    }

    .sscr__principle-rule{
        width: 54px;
        height: 4px;
        margin: 12px 0 14px;
    }
}

@media (max-width: 520px){
    .sscr__principle{
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 14px;
        padding: 16px;
    }

    .sscr__principle-art img{
        width: min(100%, 82px);
    }

    .sscr__principle h4{
        font-size: clamp(1.25rem, 1rem + 1.2vw, 1.6rem);
    }

    .sscr__principle p{
        font-size: .98rem;
        line-height: 1.38;
    }
}

.sscr__principles{
    gap: clamp(14px, 1.6vw, 20px);
    margin-top: clamp(14px, 1.6vw, 22px);
}

.sscr__principle{
    grid-template-columns: clamp(96px, 14vw, 132px) minmax(0, 1fr);
    gap: clamp(14px, 1.5vw, 20px);
    min-height: clamp(140px, 16vw, 190px);
    padding: clamp(16px, 1.65vw, 22px);
    border-radius: 22px;
}

.sscr__principle-art img{
    width: min(100%, 112px);
}

.sscr__principle-content{
    padding-right: clamp(4px, .6vw, 10px);
}

.sscr__principle-orb{
    top: 0;
    right: 2px;
    width: 18px;
    height: 18px;
    box-shadow: 0 0 10px rgba(var(--sscr-blue-rgb), .34);
}

.sscr__principle h4{
    font-size: clamp(1.28rem, 1rem + 1vw, 1.72rem);
    line-height: 1.04;
}

.sscr__principle-rule{
    width: 52px;
    height: 4px;
    margin: 10px 0 12px;
}

.sscr__principle p{
    font-size: clamp(.92rem, .86rem + .26vw, 1.04rem);
    line-height: 1.36;
}

@media (max-width: 1100px){
    .sscr__principle{
        grid-template-columns: 108px minmax(0, 1fr);
        min-height: 0;
        padding: 18px;
    }

    .sscr__principle-art img{
        width: min(100%, 94px);
    }
}

@media (max-width: 760px){
    .sscr__principle{
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 12px;
        padding: 16px;
        border-radius: 20px;
    }

    .sscr__principle-art img{
        width: min(100%, 82px);
    }

    .sscr__principle-orb{
        width: 16px;
        height: 16px;
    }

    .sscr__principle h4{
        font-size: clamp(1.18rem, 1rem + .7vw, 1.45rem);
    }

    .sscr__principle-rule{
        width: 46px;
        margin: 9px 0 11px;
    }

    .sscr__principle p{
        font-size: .92rem;
        line-height: 1.34;
    }
}

@media (max-width: 520px){
    .sscr__principles{
        gap: 12px;
    }

    .sscr__principle{
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 10px;
        padding: 14px;
    }

    .sscr__principle-art img{
        width: min(100%, 70px);
    }

    .sscr__principle h4{
        font-size: 1.12rem;
    }

    .sscr__principle p{
        font-size: .88rem;
        line-height: 1.32;
    }
}

.sscr__principles{
    gap: clamp(10px, 1.15vw, 14px) !important;
    margin-top: clamp(10px, 1.15vw, 16px) !important;
}

.sscr__principle{
    grid-template-columns: clamp(74px, 10vw, 102px) minmax(0, 1fr) !important;
    gap: clamp(10px, 1.1vw, 14px) !important;
    min-height: clamp(108px, 12vw, 142px) !important;
    padding: clamp(12px, 1.2vw, 16px) !important;
    border-radius: 18px !important;
}

.sscr__principle-art img{
    width: min(100%, 84px) !important;
}

.sscr__principle-content{
    padding-right: 4px !important;
}

.sscr__principle-orb{
    top: 0 !important;
    right: 0 !important;
    width: 14px !important;
    height: 14px !important;
    box-shadow: 0 0 8px rgba(var(--sscr-blue-rgb), .26) !important;
}

.sscr__principle h4{
    font-size: clamp(1rem, .88rem + .65vw, 1.28rem) !important;
    line-height: 1.04 !important;
}

.sscr__principle-rule{
    width: 40px !important;
    height: 3px !important;
    margin: 8px 0 10px !important;
}

.sscr__principle p{
    font-size: clamp(.82rem, .78rem + .16vw, .92rem) !important;
    line-height: 1.28 !important;
}

@media (max-width: 1100px){
    .sscr__principles{
        grid-template-columns: 1fr !important;
    }

    .sscr__principle{
        grid-template-columns: 82px minmax(0, 1fr) !important;
        min-height: 0 !important;
        padding: 14px !important;
    }

    .sscr__principle-art img{
        width: min(100%, 72px) !important;
    }
}

@media (max-width: 760px){
    .sscr__principle{
        grid-template-columns: 68px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 12px !important;
        border-radius: 16px !important;
    }

    .sscr__principle-art img{
        width: min(100%, 58px) !important;
    }

    .sscr__principle-orb{
        width: 12px !important;
        height: 12px !important;
    }

    .sscr__principle h4{
        font-size: 1rem !important;
    }

    .sscr__principle-rule{
        width: 34px !important;
        margin: 7px 0 8px !important;
    }

    .sscr__principle p{
        font-size: .82rem !important;
        line-height: 1.24 !important;
    }
}

@media (max-width: 520px){
    .sscr__principles{
        gap: 10px !important;
    }

    .sscr__principle{
        grid-template-columns: 58px minmax(0, 1fr) !important;
        gap: 9px !important;
        padding: 11px !important;
    }

    .sscr__principle-art img{
        width: min(100%, 50px) !important;
    }

    .sscr__principle h4{
        font-size: .95rem !important;
    }

    .sscr__principle p{
        font-size: .78rem !important;
        line-height: 1.22 !important;
    }
}

.sscr__principle-orb{
    display: none !important;
}

@media (max-width: 1100px){
    .sscr__principles{
        justify-items: center;
    }

    .sscr__principle{
        width: min(100%, 760px) !important;
        max-width: 760px !important;
        justify-self: center;
    }
}

@media (max-width: 760px){
    .sscr__principles{
        justify-items: stretch;
    }

    .sscr__principle{
        width: 100% !important;
        max-width: none !important;
    }
}

.saic__subtitle{
    display: none !important;
}

.saic__intro{
    margin: 0 auto clamp(10px, 1vw, 14px) !important;
}

@media (max-width: 640px){
    .saic__intro{
        margin-bottom: 8px !important;
    }
}

@media (max-width: 480px){
    .saic__intro{
        margin-bottom: 8px !important;
    }
}

@media (max-width: 1100px){
    .sscr__principles{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        justify-items: stretch !important;
        align-items: stretch !important;
    }

    .sscr__principle{
        width: 100% !important;
        max-width: none !important;
        min-height: clamp(102px, 15vw, 132px) !important;
        padding: 13px !important;
        grid-template-columns: 72px minmax(0, 1fr) !important;
        gap: 11px !important;
    }

    .sscr__principle-art img{
        width: min(100%, 62px) !important;
    }

    .sscr__principle h4{
        font-size: clamp(.96rem, .9rem + .28vw, 1.12rem) !important;
    }

    .sscr__principle-rule{
        width: 34px !important;
        margin: 7px 0 8px !important;
    }

    .sscr__principle p{
        font-size: clamp(.76rem, .73rem + .14vw, .86rem) !important;
        line-height: 1.22 !important;
    }
}

@media (max-width: 760px){
    .sscr__principles{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .sscr__principle{
        grid-template-columns: 60px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 12px !important;
        min-height: 0 !important;
    }

    .sscr__principle-art img{
        width: min(100%, 52px) !important;
    }

    .sscr__principle h4{
        font-size: .93rem !important;
    }

    .sscr__principle p{
        font-size: .76rem !important;
        line-height: 1.2 !important;
    }
}

@media (max-width: 620px){
    .sscr__principles{
        grid-template-columns: 1fr !important;
        justify-items: stretch !important;
    }

    .sscr__principle{
        grid-template-columns: 58px minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: none !important;
    }

    .sscr__principle-art img{
        width: min(100%, 50px) !important;
    }
}

.sscr__principles{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    gap: clamp(18px, 2.2vw, 30px) !important;
}

.sscr__principle{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    min-height: 0 !important;
    padding: clamp(8px, .8vw, 12px) !important;
}

.sscr__principle::before,.sscr__principle::after{
    display: none !important;
    content: none !important;
}

.sscr__principle-art img{
    filter: drop-shadow(0 0 14px rgba(var(--sscr-blue-rgb), .16)) !important;
}

.sscr__principle-content{
    padding-right: 0 !important;
}

@media (max-width: 1100px){
    .sscr__principles{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .sscr__principle{
        width: 100% !important;
        max-width: none !important;
        padding: 8px !important;
    }
}

@media (max-width: 760px){
    .sscr__principles{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .sscr__principle{
        padding: 6px !important;
    }
}

@media (max-width: 620px){
    .sscr__principles{
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .sscr__principle{
        padding: 4px !important;
    }
}

.saic{
    --saic-rail-height: clamp(82px, 6.7vw, 98px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.saic__intro,.saic__title,.saic__subtitle,.saic__brand-divider{
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
}

.saic__rail{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 640px){
    .saic{
        --saic-rail-height: 78px !important;
    }
}

@media (max-width: 480px){
    .saic{
        --saic-rail-height: 74px !important;
    }
}

.sscr{
    position: relative !important;
    z-index: 0 !important;
    isolation: isolate !important;
}

.sscr__shell,.sscr__rail,.sscr__stage,.sscr__panel,.sscr__compare{
    position: relative;
    z-index: 0 !important;
}

.sscr__card{
    position: relative !important;
    z-index: 1 !important;
}

.sscr__card-top,.sscr__card-copy,.sscr__points,.sscr__badge{
    position: relative !important;
    z-index: 2 !important;
}

.sscr__vs,.sscr__vs img{
    z-index: 3 !important;
}

.sscr [class^="sscr__"],.sscr [class*=" sscr__"]{
    --sscr-local-stack: 1;
}

.simme-na{
    --sna-bg: #f4f6fc;
    --sna-bg-deep: #eef1f9;
    --sna-surface: #ffffff;
    --sna-surface-soft: #f8f9fd;
    --sna-surface-strong: #edf0f8;
    --sna-text: #151b2a;
    --sna-text-soft: #5b6680;
    --sna-muted: #8490aa;
    --sna-border: rgba(57, 67, 98, .14);
    --sna-border-strong: rgba(36, 191, 255, .34);
    --sna-accent: #247cff;
    --sna-accent-2: #24bfff;
    --sna-accent-soft: rgba(36, 191, 255, .105);
    --sna-accent-softer: rgba(36, 124, 255, .055);
    --sna-icon-bg: #363a43;
    --sna-shadow: 0 24px 70px rgba(32, 39, 69, .09);
    --sna-shadow-small: 0 12px 30px rgba(32, 39, 69, .075);

    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    color: var(--sna-text);
    font-family: inherit;
    position: relative;
    isolation: isolate;
}

.simme-na[data-theme="dark"]{
    --sna-bg: #060a12;
    --sna-bg-deep: #09101b;
    --sna-surface: #0d1420;
    --sna-surface-soft: #101927;
    --sna-surface-strong: #162132;
    --sna-text: #eef3ff;
    --sna-text-soft: #b7c1d7;
    --sna-muted: #8995ae;
    --sna-border: rgba(185, 198, 227, .14);
    --sna-border-strong: rgba(88, 202, 255, .44);
    --sna-accent: #8fd9ff;
    --sna-accent-2: #24bfff;
    --sna-accent-soft: rgba(36, 191, 255, .12);
    --sna-accent-softer: rgba(88, 202, 255, .065);
    --sna-icon-bg: #333841;
    --sna-shadow: 0 24px 80px rgba(0, 0, 0, .25);
    --sna-shadow-small: 0 12px 34px rgba(0, 0, 0, .23);
}

.simme-na *,.simme-na *::before,.simme-na *::after{
    box-sizing: border-box;
}

.simme-na a,.simme-na button,.simme-na input{
    font: inherit;
}

.simme-na button,.simme-na input{
    color: inherit;
}

.simme-na h1,.simme-na h2,.simme-na h3,.simme-na p,.simme-na dl,.simme-na dd{
    margin-top: 0;
}

.simme-na__shell{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid var(--sna-border);
    border-radius: 28px;
    background:
        radial-gradient(circle at 12% 0%, var(--sna-accent-softer) 0, transparent 30%),
        radial-gradient(circle at 88% 2%, var(--sna-accent-soft) 0, transparent 26%),
        var(--sna-bg);
    box-shadow: var(--sna-shadow);
    transition: background-color .22s ease, color .22s ease, border-color .22s ease;
}

.simme-na__hero{
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 270px);
    gap: clamp(26px, 4vw, 58px);
    align-items: start;
    padding: clamp(34px, 4.5vw, 64px);
    border-bottom: 1px solid var(--sna-border);
    background: linear-gradient(135deg, transparent 0 58%, var(--sna-accent-softer) 100%);
}

.simme-na__hero::before{
    content: "";
    position: absolute;
    left: clamp(34px, 4.5vw, 64px);
    right: clamp(34px, 4.5vw, 64px);
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--sna-accent), var(--sna-accent-2), transparent);
    opacity: .65;
}

.simme-na__hero-copy{
    max-width: 880px;
}

.simme-na__eyebrow{
    display: inline-block;
    color: var(--sna-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.simme-na h1{
    color: var(--sna-text);
    font-size: clamp(38px, 5.1vw, 68px);
    line-height: 1.01;
    font-weight: 500;
    letter-spacing: -.04em;
    margin-bottom: 18px;
}

.simme-na h2{
    color: var(--sna-text);
    font-size: clamp(26px, 2.6vw, 38px);
    line-height: 1.1;
    font-weight: 560;
    letter-spacing: -.03em;
}

.simme-na h3{
    color: var(--sna-text);
    font-weight: 650;
}

.simme-na__lead{
    max-width: 820px;
    color: var(--sna-text);
    font-size: clamp(18px, 2vw, 23px);
    line-height: 1.52;
    margin-bottom: 12px;
}

.simme-na__support{
    max-width: 760px;
    color: var(--sna-text-soft);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 0;
}

.simme-na__hero-side{
    display: grid;
    gap: 12px;
    width: 100%;
}

.simme-na__count{
    position: relative;
    display: grid;
    gap: 4px;
    padding: 23px;
    overflow: hidden;
    border: 1px solid var(--sna-border-strong);
    border-radius: 20px;
    background: color-mix(in srgb, var(--sna-surface) 94%, var(--sna-accent) 6%);
    box-shadow: var(--sna-shadow-small);
}

.simme-na__count::after{
    content: "";
    position: absolute;
    width: 92px;
    height: 92px;
    border: 1px solid var(--sna-border-strong);
    border-radius: 50%;
    right: -34px;
    top: -38px;
    opacity: .55;
}

.simme-na__count strong{
    color: var(--sna-text);
    font-size: 48px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -.04em;
}

.simme-na__count span{
    color: var(--sna-text);
    font-size: 15px;
    font-weight: 700;
}

.simme-na__count small{
    color: var(--sna-text-soft);
    font-size: 12px;
}

.simme-na__theme-toggle{
    --thumb-size: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 56px;
    padding: 4px;
    border: 1px solid var(--sna-border-strong);
    border-radius: 999px;
    background: color-mix(in srgb, var(--sna-surface) 88%, var(--sna-accent) 12%);
    color: var(--sna-text);
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), var(--sna-shadow-small);
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.simme-na__theme-toggle:hover{
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--sna-accent) 72%, white 28%);
    box-shadow: 0 16px 34px rgba(24, 31, 56, .10), inset 0 1px 0 rgba(255,255,255,.08);
}

.simme-na__theme-toggle:focus-visible{
    outline: 2px solid var(--sna-accent);
    outline-offset: 2px;
}

.simme-na__theme-track{
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    width: 100%;
    min-height: 48px;
    border-radius: 999px;
}

.simme-na__theme-option{
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    color: var(--sna-text-soft);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .02em;
    transition: color .18s ease, opacity .18s ease;
}

.simme-na__theme-thumb{
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(50% - 5px);
    height: calc(100% - 10px);
    border: 1px solid var(--sna-border-strong);
    border-radius: 999px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--sna-surface-soft) 76%, var(--sna-accent) 24%), color-mix(in srgb, var(--sna-surface) 80%, var(--sna-accent-2) 20%));
    box-shadow: 0 8px 22px rgba(18, 24, 46, .16);
    transition: transform .22s ease, background .22s ease, border-color .22s ease;
}

.simme-na[data-theme="light"] .simme-na__theme-thumb{
    transform: translateX(calc(100% - 0px));
}

.simme-na[data-theme="dark"] .simme-na__theme-option--dark,.simme-na[data-theme="light"] .simme-na__theme-option--light{
    color: var(--sna-text);
}

.simme-na__theme-icon{
    position: relative;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.simme-na__theme-icon--sun::before,.simme-na__theme-icon--moon::before,.simme-na__theme-icon--moon::after{
    content: "";
    position: absolute;
}

.simme-na__theme-icon--sun::before{
    inset: 3px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 -7px 0 -6px currentColor, 0 7px 0 -6px currentColor, 7px 0 0 -6px currentColor, -7px 0 0 -6px currentColor, 5px 5px 0 -6px currentColor, -5px 5px 0 -6px currentColor, 5px -5px 0 -6px currentColor, -5px -5px 0 -6px currentColor;
}

.simme-na__theme-icon--moon::before{
    inset: 1px;
    border-radius: 50%;
    background: currentColor;
}

.simme-na__theme-icon--moon::after{
    top: 1px;
    right: -1px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--sna-surface);
}

.simme-na__controls{
    padding: 24px clamp(28px, 4vw, 58px) 19px;
    border-bottom: 1px solid var(--sna-border);
    background: color-mix(in srgb, var(--sna-surface-soft) 88%, transparent);
}

.simme-na__search-label{
    display: block;
    margin-bottom: 8px;
    color: var(--sna-text);
    font-size: 13px;
    font-weight: 700;
}

.simme-na__search{
    width: 100% !important;
    min-height: 54px;
    margin: 0 !important;
    padding: 0 17px !important;
    border: 1px solid var(--sna-border-strong) !important;
    border-radius: 15px !important;
    background: var(--sna-surface) !important;
    color: var(--sna-text) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.3) inset !important;
    outline: none;
}

.simme-na__search::placeholder{
    color: var(--sna-muted);
    opacity: 1;
}

.simme-na__search:focus{
    border-color: var(--sna-accent) !important;
    box-shadow: 0 0 0 4px var(--sna-accent-soft) !important;
}

.simme-na__filters{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.simme-na__filter{
    min-height: 38px;
    padding: 7px 13px;
    border: 1px solid var(--sna-border);
    border-radius: 999px;
    background: var(--sna-surface);
    color: var(--sna-text-soft);
    cursor: pointer;
    font-size: 12px;
    line-height: 1.2;
    transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.simme-na__filter:hover{
    transform: translateY(-1px);
    border-color: var(--sna-border-strong);
    color: var(--sna-text);
}

.simme-na__filter.is-active{
    border-color: var(--sna-accent);
    background: var(--sna-accent-soft);
    color: var(--sna-text);
    box-shadow: 0 0 0 1px var(--sna-accent-soft) inset;
}

.simme-na__results{
    margin-top: 11px;
    color: var(--sna-muted);
    font-size: 12px;
}

.simme-na__workspace{
    width: 100% !important;
    max-width: none !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 31%);
    gap: clamp(18px, 2vw, 28px);
    align-items: start;
    padding: clamp(28px, 3.6vw, 54px);
}

.simme-na__directory,.simme-na__detail{
    min-width: 0;
    width: 100%;
}

.simme-na__directory-heading{
    display: grid;
    grid-template-columns: minmax(250px, .75fr) minmax(320px, 1.25fr);
    gap: 28px;
    align-items: end;
    margin-bottom: 22px;
}

.simme-na__directory-heading h2{
    margin-bottom: 0;
}

.simme-na__directory-heading p{
    color: var(--sna-text-soft);
    font-size: 14px;
    line-height: 1.65;
    margin-bottom: 3px;
}

.simme-na__grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
}

.simme-na__node{
    position: relative;
    min-width: 0;
    min-height: 235px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 15px;
    overflow: hidden;
    border: 1px solid var(--sna-border);
    border-radius: 18px;
    background: var(--sna-surface);
    color: var(--sna-text) !important;
    text-decoration: none !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.25) inset;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.simme-na__node::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--sna-accent), var(--sna-accent-2));
    opacity: 0;
    transition: opacity .2s ease;
}

.simme-na__node:hover,.simme-na__node:focus-visible,.simme-na__node.is-selected{
    transform: translateY(-3px);
    border-color: var(--sna-border-strong);
    background: color-mix(in srgb, var(--sna-surface) 95%, var(--sna-accent) 5%);
    box-shadow: var(--sna-shadow-small);
}

.simme-na__node:hover::before,.simme-na__node:focus-visible::before,.simme-na__node.is-selected::before{
    opacity: 1;
}

.simme-na__node[hidden]{
    display: none !important;
}

.simme-na__node-media{
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 15px;
    background: var(--sna-icon-bg);
    margin-bottom: 14px;
}

.simme-na__node-media img,.simme-na__detail-icon img,.simme-na__neighbour-media img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.simme-na__node-media.is-missing{
    border: 1px dashed var(--sna-border-strong);
    background: transparent;
}

.simme-na__node-number-only,.simme-na__detail-number-only{
    color: var(--sna-muted);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .08em;
}

.simme-na__node-copy{
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
}

.simme-na__node-number{
    color: var(--sna-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .13em;
    margin-bottom: 6px;
}

.simme-na__node-title{
    display: block;
    color: var(--sna-text);
    font-size: 15px;
    line-height: 1.26;
    font-weight: 730;
    margin-bottom: 8px;
    overflow-wrap: anywhere;
}

.simme-na__node-summary{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--sna-text-soft);
    font-size: 11px;
    line-height: 1.5;
    margin-bottom: 13px;
}

.simme-na__node-action{
    margin-top: auto;
    color: var(--sna-accent);
    font-size: 11px;
    font-weight: 750;
}

.simme-na__no-results{
    padding: 36px;
    border: 1px dashed var(--sna-border-strong);
    border-radius: 18px;
    background: var(--sna-surface);
    text-align: center;
}

.simme-na__no-results strong,.simme-na__no-results span{
    display: block;
}

.simme-na__no-results span{
    margin-top: 7px;
    color: var(--sna-text-soft);
}

.simme-na__detail{
    position: sticky;
    top: 86px;
    overflow: hidden;
    border: 1px solid var(--sna-border-strong);
    border-radius: 22px;
    background: var(--sna-surface);
    box-shadow: var(--sna-shadow-small);
}

.simme-na__detail-empty{
    position: relative;
    min-height: 320px;
    padding: 30px;
    overflow: hidden;
    background:
        linear-gradient(145deg, transparent 0 62%, var(--sna-accent-soft) 100%),
        var(--sna-surface);
}

.simme-na__detail-empty::after{
    content: "32";
    position: absolute;
    right: 12px;
    bottom: -28px;
    color: var(--sna-accent-soft);
    font-size: 150px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.08em;
    pointer-events: none;
}

.simme-na__detail-empty h2{
    position: relative;
    z-index: 1;
    font-size: clamp(26px, 2.4vw, 34px);
    margin-bottom: 14px;
}

.simme-na__detail-empty p{
    position: relative;
    z-index: 1;
    color: var(--sna-text-soft);
    font-size: 14px;
    line-height: 1.65;
}

.simme-na__detail-empty-note{
    margin-top: 18px !important;
    padding-top: 18px;
    border-top: 1px solid var(--sna-border);
    font-size: 12px !important;
}

.simme-na.is-detail-open .simme-na__workspace{
    grid-template-columns: minmax(280px, 330px) minmax(0, 1fr);
    gap: clamp(18px, 2.2vw, 32px);
}

.simme-na.is-detail-open .simme-na__directory-heading{
    grid-template-columns: 1fr;
    gap: 6px;
    margin-bottom: 16px;
}

.simme-na.is-detail-open .simme-na__directory-heading h2{
    font-size: 25px;
}

.simme-na.is-detail-open .simme-na__directory-heading p{
    display: none;
}

.simme-na.is-detail-open .simme-na__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.simme-na.is-detail-open .simme-na__node{
    min-height: 142px;
    padding: 10px;
}

.simme-na.is-detail-open .simme-na__node-media{
    width: 54px;
    height: 54px;
    flex-basis: 54px;
    margin-bottom: 9px;
    border-radius: 12px;
}

.simme-na.is-detail-open .simme-na__node-title{
    font-size: 11px;
    margin-bottom: 0;
}

.simme-na.is-detail-open .simme-na__node-summary,.simme-na.is-detail-open .simme-na__node-action,.simme-na.is-detail-open .simme-na__node-number{
    display: none;
}

.simme-na.is-detail-open .simme-na__detail{
    position: relative;
    top: auto;
    border-color: var(--sna-border-strong);
    background: var(--sna-surface);
}

.simme-na__detail-content{
    min-width: 0;
}

.simme-na__detail-hero{
    position: relative;
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr) auto;
    gap: 22px;
    align-items: start;
    padding: clamp(28px, 3.3vw, 46px);
    overflow: hidden;
    border-bottom: 1px solid var(--sna-border);
    background:
        radial-gradient(circle at 86% 14%, var(--sna-accent-soft) 0, transparent 28%),
        linear-gradient(145deg, var(--sna-surface) 0 70%, var(--sna-accent-softer) 100%);
}

.simme-na__detail-hero::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--sna-accent), var(--sna-accent-2), transparent 80%);
}

.simme-na__detail-icon{
    width: 110px;
    height: 110px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    background: var(--sna-icon-bg);
    box-shadow: 0 14px 30px rgba(24, 30, 54, .16);
}

.simme-na__detail-hero-copy{
    min-width: 0;
}

.simme-na__detail-number{
    display: inline-block;
    color: var(--sna-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    margin: 2px 0 7px;
}

.simme-na__detail-hero h2{
    font-size: clamp(34px, 4.1vw, 56px);
    line-height: 1.02;
    margin-bottom: 8px;
}

.simme-na__detail-tagline{
    color: var(--sna-accent);
    font-size: clamp(16px, 1.6vw, 20px);
    line-height: 1.4;
    font-weight: 650;
    margin-bottom: 9px;
}

.simme-na__detail-summary{
    max-width: 790px;
    color: var(--sna-text-soft);
    font-size: 14px;
    line-height: 1.65;
    margin-bottom: 0;
}

.simme-na__back-to-atlas{
    min-height: 40px;
    padding: 8px 13px;
    border: 1px solid var(--sna-border);
    border-radius: 12px;
    background: var(--sna-surface-soft);
    color: var(--sna-text-soft);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
}

.simme-na__back-to-atlas:hover{
    border-color: var(--sna-accent);
    color: var(--sna-text);
}

.simme-na__detail-layout{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(235px, 270px);
    gap: clamp(24px, 3vw, 42px);
    padding: clamp(28px, 3.3vw, 46px);
    align-items: start;
}

.simme-na__reading{
    min-width: 0;
}

.simme-na__intro-block{
    position: relative;
    margin-bottom: 12px;
    padding: 24px 26px 24px 30px;
    border: 1px solid var(--sna-border);
    border-radius: 18px;
    background: var(--sna-surface-soft);
}

.simme-na__intro-block::before{
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 3px;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--sna-accent), var(--sna-accent-2));
}

.simme-na__intro-block p{
    color: var(--sna-text);
    font-size: 16px;
    line-height: 1.76;
    margin-bottom: 12px;
}

.simme-na__intro-block p:last-child{
    margin-bottom: 0;
}

.simme-na__sections{
    display: block;
}

.simme-na__reading-section{
    position: relative;
    padding: 30px 4px 31px 28px;
    border-bottom: 1px solid var(--sna-border);
    scroll-margin-top: 100px;
}

.simme-na__reading-section::before{
    content: "";
    position: absolute;
    left: 0;
    top: 37px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--sna-accent);
    box-shadow: 0 0 0 6px var(--sna-accent-soft);
}

.simme-na__reading-section > h3{
    font-size: clamp(23px, 2.2vw, 31px);
    line-height: 1.15;
    letter-spacing: -.025em;
    margin-bottom: 17px;
}

.simme-na__section-copy{
    color: var(--sna-text-soft);
    font-size: 15px;
    line-height: 1.76;
}

.simme-na__section-copy p,.simme-na__section-copy ul,.simme-na__section-copy ol,.simme-na__section-copy blockquote{
    margin-top: 0;
    margin-bottom: 15px;
}

.simme-na__section-copy p:last-child,.simme-na__section-copy ul:last-child,.simme-na__section-copy ol:last-child,.simme-na__section-copy blockquote:last-child{
    margin-bottom: 0;
}

.simme-na__section-copy ul,.simme-na__section-copy ol{
    padding-left: 22px;
}

.simme-na__section-copy li{
    margin-bottom: 8px;
    padding-left: 4px;
}

.simme-na__section-copy h3{
    margin: 24px 0 9px;
    color: var(--sna-text);
    font-size: 17px;
    line-height: 1.35;
    font-weight: 720;
}

.simme-na__section-copy blockquote{
    padding: 16px 19px;
    border-left: 3px solid var(--sna-accent);
    background: var(--sna-accent-soft);
    color: var(--sna-text);
}

.simme-na__section-copy a{
    color: var(--sna-accent) !important;
}

.simme-na__loading{
    padding: 18px;
    border: 1px dashed var(--sna-border-strong);
    border-radius: 15px;
    background: var(--sna-surface-soft);
    color: var(--sna-text-soft);
    font-size: 13px;
    line-height: 1.6;
}

.simme-na__passport{
    position: sticky;
    top: 92px;
    display: grid;
    gap: 12px;
}

.simme-na__passport-card,.simme-na__toc{
    padding: 18px;
    border: 1px solid var(--sna-border);
    border-radius: 17px;
    background: var(--sna-surface-soft);
}

.simme-na__passport-card dl{
    display: grid;
    gap: 13px;
    margin-bottom: 17px;
}

.simme-na__passport-card dl > div{
    display: grid;
    gap: 4px;
}

.simme-na__passport-card dt,.simme-na__runtime > span{
    color: var(--sna-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.simme-na__passport-card dd{
    color: var(--sna-text);
    font-size: 12px;
    line-height: 1.48;
    font-weight: 650;
    margin-bottom: 0;
}

.simme-na__runtime{
    display: grid;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--sna-border);
}

.simme-na__runtime > div{
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 6px;
    align-items: baseline;
    padding: 9px 10px;
    border: 1px solid var(--sna-border);
    border-radius: 11px;
    background: var(--sna-surface);
}

.simme-na__runtime b{
    color: var(--sna-text-soft);
    font-size: 11px;
    font-weight: 650;
}

.simme-na__runtime strong{
    color: var(--sna-text);
    font-size: 14px;
}

.simme-na__runtime small{
    color: var(--sna-muted);
    font-size: 9px;
}

.simme-na__toc > div{
    display: grid;
    gap: 2px;
}

.simme-na__toc a{
    position: relative;
    display: block;
    padding: 8px 8px 8px 13px;
    border-radius: 9px;
    color: var(--sna-text-soft) !important;
    text-decoration: none !important;
    font-size: 11px;
    line-height: 1.42;
}

.simme-na__toc a::before{
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--sna-accent);
}

.simme-na__toc a:hover{
    background: var(--sna-accent-soft);
    color: var(--sna-text) !important;
}

.simme-na__canonical-link{
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    border: 1px solid var(--sna-accent);
    border-radius: 13px;
    background: var(--sna-accent);
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 750;
    text-align: center;
}

.simme-na[data-theme="dark"] .simme-na__canonical-link{
    color: #080b12 !important;
}

.simme-na__node-nav{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 12px;
    align-items: stretch;
    margin-top: 28px;
    padding-top: 24px;
}

.simme-na__neighbour{
    min-height: 66px;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 9px 11px;
    border: 1px solid var(--sna-border);
    border-radius: 14px;
    background: var(--sna-surface-soft);
    color: var(--sna-text) !important;
    text-decoration: none !important;
}

.simme-na__neighbour--next{
    justify-content: flex-end;
    text-align: right;
}

.simme-na__neighbour:hover{
    border-color: var(--sna-border-strong);
    background: var(--sna-accent-soft);
}

.simme-na__neighbour-media{
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 10px;
    background: var(--sna-icon-bg);
}

.simme-na__neighbour-media .simme-na__detail-number-only{
    font-size: 11px;
}

.simme-na__neighbour-copy{
    min-width: 0;
    display: grid;
    gap: 2px;
}

.simme-na__neighbour-copy small{
    color: var(--sna-muted);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.simme-na__neighbour-copy b{
    color: var(--sna-text);
    font-size: 11px;
    line-height: 1.35;
}

.simme-na__atlas-button{
    min-width: 108px;
    border: 1px solid var(--sna-border-strong);
    border-radius: 13px;
    background: var(--sna-surface);
    color: var(--sna-text);
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
}

.simme-na__atlas-button:hover{
    background: var(--sna-accent-soft);
}

.simme-na__index-block{
    display: grid;
    grid-template-columns: minmax(280px, .8fr) minmax(0, 1.55fr);
    gap: 32px;
    padding: clamp(30px, 4vw, 54px);
    border-top: 1px solid var(--sna-border);
    background: var(--sna-surface-soft);
}

.simme-na__index-block h2{
    font-size: clamp(24px, 2.4vw, 33px);
    margin-bottom: 11px;
}

.simme-na__index-block p{
    color: var(--sna-text-soft);
    font-size: 13px;
    line-height: 1.65;
    margin-bottom: 0;
}

.simme-na__index-list{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px 15px;
    align-content: start;
}

.simme-na__index-list a{
    display: flex;
    gap: 7px;
    align-items: baseline;
    min-width: 0;
    color: var(--sna-text-soft) !important;
    text-decoration: none !important;
    font-size: 11px;
    line-height: 1.45;
}

.simme-na__index-list a:hover{
    color: var(--sna-accent) !important;
}

.simme-na__index-list span{
    color: var(--sna-accent);
    font-weight: 800;
    flex: 0 0 auto;
}

.simme-na__mobile-backdrop{
    display: none;
}

html.simme-na-detail-lock,html.simme-na-detail-lock body{
    overflow: hidden !important;
}

.simme-na a:focus-visible,.simme-na button:focus-visible,.simme-na input:focus-visible{
    outline: 2px solid var(--sna-accent) !important;
    outline-offset: 3px;
}

@media (min-width: 1500px){
    .simme-na__workspace{
        grid-template-columns: minmax(0, 1fr) minmax(410px, 30%);
    }

    .simme-na.is-detail-open .simme-na__workspace{
        grid-template-columns: 330px minmax(0, 1fr);
    }

    .simme-na__grid{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1240px){
    .simme-na__workspace{
        grid-template-columns: minmax(0, 1fr) minmax(330px, 35%);
    }

    .simme-na__grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .simme-na.is-detail-open .simme-na__workspace{
        grid-template-columns: 280px minmax(0, 1fr);
    }

    .simme-na.is-detail-open .simme-na__grid{
        grid-template-columns: 1fr 1fr;
    }

    .simme-na__detail-layout{
        grid-template-columns: minmax(0, 1fr) 220px;
        gap: 24px;
    }

    .simme-na__index-list{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1050px){
    .simme-na__workspace,.simme-na.is-detail-open .simme-na__workspace{
        grid-template-columns: 1fr;
    }

    .simme-na__detail{
        position: relative;
        top: auto;
    }

    .simme-na.is-detail-open .simme-na__directory{
        display: none;
    }

    .simme-na__grid{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 900px){
    .simme-na__shell{
        border-radius: 20px;
    }

    .simme-na__hero{
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 30px 22px;
    }

    .simme-na__hero::before{
        left: 22px;
        right: 22px;
    }

    .simme-na h1{
        font-size: clamp(36px, 11vw, 52px);
    }

    .simme-na__hero-side{
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: stretch;
    }

    .simme-na__count{
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "count label"
            "count small";
        align-items: center;
        column-gap: 12px;
        padding: 15px 16px;
    }

    .simme-na__count strong{ grid-area: count; font-size: 38px; }
    .simme-na__count span{ grid-area: label; }
    .simme-na__count small{ grid-area: small; }

    .simme-na__theme-toggle{
        width: auto;
        min-width: 112px;
        padding: 0 13px;
    }

    .simme-na__controls{
        padding: 20px 18px 16px;
    }

    .simme-na__filters{
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 5px;
        scrollbar-width: none;
    }

    .simme-na__filters::-webkit-scrollbar{
        display: none;
    }

    .simme-na__filter{
        flex: 0 0 auto;
    }

    .simme-na__workspace,.simme-na.is-detail-open .simme-na__workspace{
        display: block;
        padding: 22px 16px 28px;
    }

    .simme-na__directory-heading{
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .simme-na__directory-heading p{
        display: block !important;
    }

    .simme-na__grid,.simme-na.is-detail-open .simme-na__grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .simme-na__node,.simme-na.is-detail-open .simme-na__node{
        min-height: 188px;
        padding: 12px;
    }

    .simme-na__node-media,.simme-na.is-detail-open .simme-na__node-media{
        width: 62px;
        height: 62px;
        flex-basis: 62px;
        margin-bottom: 10px;
    }

    .simme-na.is-detail-open .simme-na__node-number{
        display: block;
    }

    .simme-na.is-detail-open .simme-na__node-title{
        font-size: 13px;
    }

    .simme-na.is-detail-open .simme-na__node-summary,.simme-na.is-detail-open .simme-na__node-action{
        display: none;
    }

    .simme-na__detail{
        position: fixed;
        z-index: 100001;
        inset: 10px;
        max-height: calc(100dvh - 20px);
        overflow-y: auto;
        border-radius: 20px;
        transform: translateY(calc(100% + 30px));
        opacity: 0;
        pointer-events: none;
        transition: transform .25s ease, opacity .25s ease;
        -webkit-overflow-scrolling: touch;
    }

    .simme-na.is-mobile-detail-open .simme-na__detail{
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
    }

    .simme-na__detail-empty{
        display: none;
    }

    .simme-na__detail-hero{
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 14px;
        padding: 20px 18px;
    }

    .simme-na__detail-icon{
        width: 76px;
        height: 76px;
        border-radius: 16px;
    }

    .simme-na__detail-hero h2{
        font-size: clamp(28px, 8vw, 38px);
    }

    .simme-na__detail-summary{
        font-size: 13px;
    }

    .simme-na__back-to-atlas{
        grid-column: 1 / -1;
        width: 100%;
        min-height: 42px;
    }

    .simme-na__detail-layout{
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 18px;
    }

    .simme-na__passport{
        position: static;
        grid-row: 1;
        grid-template-columns: 1fr 1fr;
    }

    .simme-na__canonical-link{
        grid-column: 1 / -1;
    }

    .simme-na__reading{
        grid-row: 2;
    }

    .simme-na__intro-block{
        padding: 20px 18px 20px 23px;
    }

    .simme-na__intro-block p,.simme-na__section-copy{
        font-size: 15px;
        line-height: 1.72;
    }

    .simme-na__reading-section{
        padding: 25px 0 26px 22px;
    }

    .simme-na__reading-section > h3{
        font-size: 24px;
    }

    .simme-na__toc{
        display: none;
    }

    .simme-na__node-nav{
        grid-template-columns: 1fr 1fr;
    }

    .simme-na__atlas-button{
        grid-column: 1 / -1;
        grid-row: 1;
        min-height: 44px;
    }

    .simme-na__mobile-backdrop{
        position: fixed;
        z-index: 100000;
        inset: 0;
        background: rgba(4, 7, 14, .62);
        backdrop-filter: blur(6px);
    }

    .simme-na__mobile-backdrop:not([hidden]){
        display: block;
    }

    .simme-na__index-block{
        grid-template-columns: 1fr;
        padding: 28px 20px;
    }

    .simme-na__index-list{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px){
    .simme-na__hero-side{
        grid-template-columns: 1fr;
    }

    .simme-na__theme-toggle{
        width: 100%;
    }

    .simme-na__grid,.simme-na.is-detail-open .simme-na__grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .simme-na__node,.simme-na.is-detail-open .simme-na__node{
        min-height: 170px;
    }

    .simme-na__node-summary{
        -webkit-line-clamp: 3;
    }

    .simme-na__passport{
        grid-template-columns: 1fr;
    }

    .simme-na__canonical-link{
        grid-column: auto;
    }

    .simme-na__node-nav{
        grid-template-columns: 1fr;
    }

    .simme-na__atlas-button{
        grid-column: auto;
        grid-row: auto;
        min-height: 42px;
    }

    .simme-na__index-list{
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce){
    .simme-na *,.simme-na *::before,.simme-na *::after{
        scroll-behavior: auto !important;
        animation: none !important;
        transition-duration: .01ms !important;
    }
}

@media (max-width: 640px){
    .simme-na__theme-toggle{ min-height: 52px; }
    .simme-na__theme-option{ gap: 8px; font-size: 12px; }
    .simme-na__theme-label{ display: inline-block; }
}

.simme-na{
    container-type: inline-size;
    container-name: simme-node-atlas;
}

.simme-na[data-theme="light"]{
    --sna-bg: #f5f8fc;
    --sna-bg-deep: #edf3fa;
    --sna-surface: #ffffff;
    --sna-surface-soft: #f7faff;
    --sna-surface-strong: #eaf2fb;
    --sna-text: #121a2a;
    --sna-text-soft: #52617a;
    --sna-muted: #7d8da8;
    --sna-border: rgba(32, 70, 111, .13);
    --sna-border-strong: rgba(36, 191, 255, .34);
    --sna-accent: #247cff;
    --sna-accent-2: #24bfff;
    --sna-accent-soft: rgba(36, 191, 255, .105);
    --sna-accent-softer: rgba(36, 124, 255, .055);
    --sna-icon-bg: #343a44;
    --sna-shadow: 0 24px 70px rgba(30, 57, 91, .085);
    --sna-shadow-small: 0 12px 30px rgba(30, 57, 91, .07);
}

.simme-na[data-theme="dark"]{
    --sna-bg: #050a12;
    --sna-bg-deep: #08101c;
    --sna-surface: #0a1321;
    --sna-surface-soft: #0d1828;
    --sna-surface-strong: #12243a;
    --sna-text: #eef7ff;
    --sna-text-soft: #b5c7dc;
    --sna-muted: #829bb8;
    --sna-border: rgba(143, 217, 255, .14);
    --sna-border-strong: rgba(88, 202, 255, .44);
    --sna-accent: #8fd9ff;
    --sna-accent-2: #24bfff;
    --sna-accent-soft: rgba(36, 191, 255, .12);
    --sna-accent-softer: rgba(88, 202, 255, .065);
    --sna-icon-bg: #303842;
    --sna-shadow: 0 24px 80px rgba(0, 0, 0, .3);
    --sna-shadow-small: 0 12px 34px rgba(0, 0, 0, .25);
}

.simme-na[data-theme="dark"] .simme-na__shell{
    background:
        radial-gradient(circle at 10% -3%, rgba(36, 191, 255, .105), transparent 30%),
        radial-gradient(circle at 91% 2%, rgba(88, 202, 255, .07), transparent 25%),
        linear-gradient(180deg, #07101d 0%, var(--sna-bg) 38%, #060c15 100%) !important;
}

.simme-na__hero::before,.simme-na__detail-hero::before{
    background: linear-gradient(90deg, transparent 0%, #8fd9ff 18%, #24bfff 55%, rgba(36,191,255,0) 100%) !important;
    box-shadow:
        0 0 3px rgba(255,255,255,.45),
        0 0 10px rgba(88,202,255,.65),
        0 0 22px rgba(36,191,255,.34);
}

.simme-na[data-theme="dark"] .simme-na__eyebrow,.simme-na[data-theme="dark"] .simme-na__detail-number,.simme-na[data-theme="dark"] .simme-na__detail-tagline{
    color: #8fd9ff;
    text-shadow:
        0 0 3px rgba(255,255,255,.28),
        0 0 10px rgba(88,202,255,.42),
        0 0 20px rgba(36,191,255,.22);
}

.simme-na button,.simme-na button:hover,.simme-na button:focus,.simme-na button:active,.simme-na button:visited,.simme-na .simme-na__back-to-atlas,.simme-na .simme-na__back-to-atlas:hover,.simme-na .simme-na__atlas-button,.simme-na .simme-na__atlas-button:hover,.simme-na .simme-na__filter,.simme-na .simme-na__filter:hover,.simme-na .simme-na__theme-toggle,.simme-na .simme-na__theme-toggle:hover{
    background-image: none !important;
    text-shadow: none !important;
}

.simme-na__filter,.simme-na__back-to-atlas,.simme-na__atlas-button,.simme-na__theme-toggle{
    -webkit-appearance: none !important;
    appearance: none !important;
}

.simme-na .simme-na__theme-toggle,.simme-na .simme-na__theme-toggle:hover,.simme-na .simme-na__theme-toggle:focus,.simme-na .simme-na__theme-toggle:active{
    width: 100%;
    min-height: 50px;
    padding: 4px !important;
    border: 1px solid var(--sna-border-strong) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--sna-surface) 92%, transparent) !important;
    color: var(--sna-text) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 8px 22px rgba(0,0,0,.10) !important;
}

.simme-na .simme-na__theme-toggle:hover{
    transform: translateY(-1px);
    border-color: var(--sna-accent-2) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 3px rgba(255,255,255,.16),
        0 0 10px rgba(88,202,255,.38),
        0 0 22px rgba(36,191,255,.18) !important;
}

.simme-na__theme-track{
    min-height: 42px;
}

.simme-na__theme-option{
    min-height: 42px;
    gap: 8px;
    font-size: 12px;
    letter-spacing: .015em;
}

.simme-na__theme-thumb{
    top: 3px;
    left: 3px;
    width: calc(50% - 3px);
    height: calc(100% - 6px);
    border: 1px solid rgba(143,217,255,.28) !important;
    background: linear-gradient(145deg, rgba(35,61,88,.96), rgba(15,29,47,.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 12px rgba(36,191,255,.16) !important;
}

.simme-na[data-theme="light"] .simme-na__theme-thumb{
    background: linear-gradient(145deg, #ffffff, #eaf5ff) !important;
    border-color: rgba(36,124,255,.24) !important;
    box-shadow: 0 6px 16px rgba(43,91,145,.10) !important;
}

.simme-na[data-theme="dark"] .simme-na__theme-option--dark,.simme-na[data-theme="light"] .simme-na__theme-option--light{
    color: var(--sna-text) !important;
}

.simme-na[data-theme="dark"] .simme-na__theme-option--dark .simme-na__theme-icon,.simme-na[data-theme="light"] .simme-na__theme-option--light .simme-na__theme-icon{
    color: var(--sna-accent);
    filter: drop-shadow(0 0 5px rgba(88,202,255,.45));
}

.simme-na__search{
    border-color: var(--sna-border) !important;
    background: color-mix(in srgb, var(--sna-surface) 96%, transparent) !important;
}

.simme-na__search:focus{
    border-color: var(--sna-accent-2) !important;
    box-shadow: 0 0 0 3px rgba(36,191,255,.10), 0 0 14px rgba(36,191,255,.12) !important;
}

.simme-na .simme-na__filter,.simme-na .simme-na__filter:hover,.simme-na .simme-na__filter:focus,.simme-na .simme-na__filter:active{
    min-height: 36px;
    padding: 7px 13px !important;
    border: 1px solid var(--sna-border) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--sna-surface) 94%, transparent) !important;
    color: var(--sna-text-soft) !important;
    box-shadow: none !important;
}

.simme-na .simme-na__filter:hover{
    border-color: var(--sna-accent-2) !important;
    color: var(--sna-text) !important;
    background: var(--sna-accent-soft) !important;
}

.simme-na .simme-na__filter.is-active,.simme-na .simme-na__filter.is-active:hover{
    border-color: rgba(88,202,255,.68) !important;
    background: rgba(36,191,255,.12) !important;
    color: var(--sna-text) !important;
    box-shadow:
        inset 0 0 0 1px rgba(143,217,255,.08),
        0 0 10px rgba(88,202,255,.22),
        0 0 20px rgba(36,191,255,.10) !important;
}

.simme-na__node{
    border-color: var(--sna-border) !important;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--sna-surface) 98%, transparent), color-mix(in srgb, var(--sna-surface-soft) 94%, var(--sna-accent) 6%)) !important;
    box-shadow: 0 9px 24px rgba(0,0,0,.055) !important;
}

.simme-na[data-theme="dark"] .simme-na__node{
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 10px 26px rgba(0,0,0,.14) !important;
}

.simme-na__node:hover,.simme-na__node:focus-visible,.simme-na__node.is-active{
    border-color: rgba(88,202,255,.62) !important;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--sna-surface) 93%, var(--sna-accent) 7%), color-mix(in srgb, var(--sna-surface-soft) 90%, var(--sna-accent-2) 10%)) !important;
    box-shadow:
        0 0 3px rgba(255,255,255,.14),
        0 0 10px rgba(88,202,255,.24),
        0 0 22px rgba(36,191,255,.12),
        0 12px 28px rgba(0,0,0,.10) !important;
}

.simme-na__node-action{
    color: var(--sna-accent) !important;
}

.simme-na__detail,.simme-na.is-detail-open .simme-na__detail{
    min-width: 0 !important;
}

.simme-na__detail-content,.simme-na__detail-hero,.simme-na__detail-hero-copy,.simme-na__detail-layout,.simme-na__reading,.simme-na__passport,.simme-na__reading-section,.simme-na__section-copy{
    min-width: 0 !important;
}

.simme-na__detail-hero-copy h1,.simme-na__detail-hero-copy h2,.simme-na__detail-summary,.simme-na__detail-tagline,.simme-na__intro-block,.simme-na__section-copy,.simme-na__passport-card dd,.simme-na__neighbour-copy b{
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
}

.simme-na__detail-hero-copy h1,.simme-na__detail-hero-copy h2{
    overflow-wrap: normal;
    hyphens: manual;
}

.simme-na__detail-hero{
    grid-template-columns: 100px minmax(320px, 1fr) max-content;
    gap: clamp(18px, 2.4vw, 28px);
    align-items: start;
}

.simme-na__detail-icon{
    width: 100px;
    height: 100px;
    border-radius: 20px;
    border-color: rgba(143,217,255,.18) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 14px 30px rgba(0,0,0,.18),
        0 0 18px rgba(36,191,255,.08) !important;
}

.simme-na__detail-icon img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.simme-na__detail-hero h1,.simme-na__detail-hero h2{
    color: var(--sna-text) !important;
    font-size: clamp(34px, 3.7vw, 54px);
    line-height: 1.02;
    letter-spacing: -.038em;
    margin: 0 0 9px;
    max-width: 100%;
}

.simme-na .simme-na__back-to-atlas,.simme-na .simme-na__back-to-atlas:hover,.simme-na .simme-na__back-to-atlas:focus,.simme-na .simme-na__back-to-atlas:active{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    min-height: 38px;
    padding: 8px 12px !important;
    border: 1px solid var(--sna-border-strong) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--sna-surface-soft) 92%, transparent) !important;
    color: var(--sna-text-soft) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.2;
}

.simme-na .simme-na__back-to-atlas:hover{
    border-color: var(--sna-accent-2) !important;
    color: var(--sna-text) !important;
    background: var(--sna-accent-soft) !important;
    box-shadow: 0 0 10px rgba(88,202,255,.18) !important;
}

.simme-na__detail-layout{
    grid-template-columns: minmax(0, 1fr) minmax(225px, 260px);
    gap: clamp(24px, 3vw, 40px);
}

.simme-na__passport{
    width: 100%;
}

.simme-na__passport-card,.simme-na__toc{
    overflow: hidden;
    border-color: var(--sna-border) !important;
    background: color-mix(in srgb, var(--sna-surface-soft) 96%, transparent) !important;
}

.simme-na__passport-card dd{
    font-size: 12px;
    line-height: 1.55;
}

.simme-na__runtime > div{
    grid-template-columns: minmax(0, 1fr) auto auto;
    min-width: 0;
}

.simme-na__runtime b,.simme-na__runtime strong,.simme-na__runtime small{
    white-space: nowrap;
}

.simme-na__reading-section::before{
    background: var(--sna-accent-2) !important;
    box-shadow: 0 0 0 6px rgba(36,191,255,.09), 0 0 12px rgba(36,191,255,.22) !important;
}

.simme-na__reading-section > h2,.simme-na__reading-section > h3{
    color: var(--sna-text) !important;
    font-size: clamp(23px, 2.2vw, 31px);
    line-height: 1.15;
    letter-spacing: -.025em;
    margin: 0 0 17px;
}

.simme-na__canonical-link,.simme-na__canonical-link:hover,.simme-na__canonical-link:focus,.simme-na__canonical-link:active{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 10px 13px !important;
    border: 1px solid rgba(88,202,255,.58) !important;
    border-radius: 13px !important;
    background: rgba(36,191,255,.075) !important;
    color: var(--sna-text) !important;
    box-shadow: inset 0 0 0 1px rgba(143,217,255,.035) !important;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.35;
    text-align: center;
}

.simme-na__canonical-link:hover{
    border-color: #8fd9ff !important;
    background: rgba(36,191,255,.13) !important;
    box-shadow:
        0 0 3px rgba(255,255,255,.12),
        0 0 10px rgba(88,202,255,.28),
        0 0 20px rgba(36,191,255,.13) !important;
}

.simme-na__node-nav{
    grid-template-columns: minmax(0, 1fr) minmax(138px, auto) minmax(0, 1fr);
    gap: 10px;
}

.simme-na__neighbour{
    min-width: 0;
    min-height: 62px;
    padding: 8px 10px;
    border-color: var(--sna-border) !important;
    background: color-mix(in srgb, var(--sna-surface-soft) 96%, transparent) !important;
}

.simme-na__neighbour:hover{
    border-color: rgba(88,202,255,.48) !important;
    background: rgba(36,191,255,.075) !important;
    box-shadow: 0 0 12px rgba(36,191,255,.09) !important;
}

.simme-na .simme-na__atlas-button,.simme-na .simme-na__atlas-button:hover,.simme-na .simme-na__atlas-button:focus,.simme-na .simme-na__atlas-button:active{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 138px;
    min-height: 62px;
    padding: 9px 13px !important;
    border: 1px solid var(--sna-border-strong) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--sna-surface) 96%, transparent) !important;
    color: var(--sna-text) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    text-align: center;
    font-size: 11px;
    line-height: 1.3;
    white-space: normal;
}

.simme-na .simme-na__atlas-button:hover{
    border-color: var(--sna-accent-2) !important;
    background: rgba(36,191,255,.085) !important;
    box-shadow: 0 0 13px rgba(36,191,255,.12) !important;
}

.simme-na__index-block{
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--sna-surface-soft) 98%, transparent), color-mix(in srgb, var(--sna-surface-soft) 92%, var(--sna-accent-2) 8%)) !important;
}

.simme-na__index-block h2{
    max-width: 520px;
}

.simme-na__index-list a:hover{
    color: var(--sna-accent) !important;
    text-shadow: 0 0 9px rgba(88,202,255,.22);
}

body.simme-node-atlas-detail-page .page-title,body.simme-node-atlas-detail-page .post-title,body.simme-node-atlas-detail-page .entry-title,body.simme-node-atlas-detail-page h1.page-title,body.simme-node-atlas-detail-page h1.post-title,body.simme-node-atlas-detail-page h1.entry-title{
    display: none !important;
}

.simme-na--node-page{
    width: 100% !important;
}

.simme-na--node-page .simme-na__shell{
    overflow: visible;
}

.simme-na__nodepage-bar{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(190px, 250px);
    gap: 16px;
    align-items: center;
    padding: 14px clamp(20px, 3vw, 38px);
    border-bottom: 1px solid var(--sna-border);
    background: color-mix(in srgb, var(--sna-surface-soft) 94%, transparent);
}

.simme-na__nodepage-atlas-link{
    justify-self: start;
    color: var(--sna-text) !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 720;
}

.simme-na__nodepage-atlas-link:hover{
    color: var(--sna-accent) !important;
}

.simme-na__nodepage-context{
    color: var(--sna-muted);
    font-size: 11px;
    letter-spacing: .035em;
    text-align: center;
}

.simme-na--node-page .simme-na__theme-toggle{
    justify-self: end;
    width: 100%;
}

.simme-na--node-page .simme-na__detail--standalone,.simme-na--node-page.is-detail-open .simme-na__detail--standalone{
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.simme-na--node-page .simme-na__detail-layout{
    max-width: 1320px;
    margin: 0 auto;
}

.simme-na--node-page .simme-na__detail-hero{
    padding-left: clamp(28px, 4vw, 60px);
    padding-right: clamp(28px, 4vw, 60px);
}

.simme-na--node-page .simme-na__detail-hero h1{
    font-size: clamp(38px, 4.8vw, 64px);
}

@container simme-node-atlas (max-width: 1180px){
    .simme-na.is-detail-open:not(.simme-na--node-page) .simme-na__workspace{
        grid-template-columns: 1fr !important;
    }

    .simme-na.is-detail-open:not(.simme-na--node-page) .simme-na__directory{
        display: none !important;
    }

    .simme-na__detail-hero{
        grid-template-columns: 92px minmax(0, 1fr) !important;
        gap: 18px;
    }

    .simme-na__detail-icon{
        width: 92px;
        height: 92px;
    }

    .simme-na__back-to-atlas{
        grid-column: 2;
        justify-self: start;
        margin-top: 4px;
    }

    .simme-na__detail-layout{
        grid-template-columns: minmax(0, 1fr) minmax(220px, 250px) !important;
    }
}

@container simme-node-atlas (max-width: 900px){
    .simme-na__detail-hero{
        grid-template-columns: 78px minmax(0, 1fr) !important;
        padding: 24px 22px;
    }

    .simme-na__detail-icon{
        width: 78px;
        height: 78px;
        border-radius: 16px;
    }

    .simme-na__detail-hero h1,.simme-na__detail-hero h2{
        font-size: clamp(30px, 7cqw, 43px) !important;
    }

    .simme-na__back-to-atlas{
        grid-column: 1 / -1;
        justify-self: start;
    }

    .simme-na__detail-layout{
        grid-template-columns: 1fr !important;
        gap: 20px;
        padding: 22px;
    }

    .simme-na__passport{
        position: static !important;
        top: auto !important;
        grid-row: auto !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .simme-na__canonical-link{
        grid-column: 1 / -1;
    }

    .simme-na__toc{
        display: block;
    }

    .simme-na__node-nav{
        grid-template-columns: 1fr 1fr;
    }

    .simme-na__atlas-button{
        grid-column: 1 / -1;
        grid-row: 1;
        min-height: 46px !important;
    }

    .simme-na__nodepage-bar{
        grid-template-columns: minmax(0, 1fr) minmax(170px, 220px);
    }

    .simme-na__nodepage-context{
        display: none;
    }
}

@container simme-node-atlas (max-width: 620px){
    .simme-na__detail-hero{
        grid-template-columns: 68px minmax(0, 1fr) !important;
        gap: 14px;
        padding: 20px 17px;
    }

    .simme-na__detail-icon{
        width: 68px;
        height: 68px;
        border-radius: 15px;
    }

    .simme-na__detail-hero h1,.simme-na__detail-hero h2{
        font-size: clamp(28px, 9cqw, 38px) !important;
        line-height: 1.04;
    }

    .simme-na__detail-summary{
        font-size: 13px;
        line-height: 1.6;
    }

    .simme-na__detail-layout{
        padding: 17px;
    }

    .simme-na__passport{
        grid-template-columns: 1fr;
    }

    .simme-na__canonical-link{
        grid-column: auto;
    }

    .simme-na__intro-block{
        padding: 18px 16px 18px 21px;
    }

    .simme-na__reading-section{
        padding-left: 20px;
    }

    .simme-na__node-nav{
        grid-template-columns: 1fr;
    }

    .simme-na__atlas-button{
        grid-column: auto;
        grid-row: auto;
        min-height: 44px !important;
    }

    .simme-na__neighbour{
        min-height: 58px;
    }

    .simme-na__nodepage-bar{
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .simme-na--node-page .simme-na__theme-toggle{
        justify-self: stretch;
        max-width: 280px;
    }
}

@media (max-width: 900px){
    .simme-na:not(.simme-na--node-page) .simme-na__detail{
        width: auto !important;
    }

    .simme-na--node-page .simme-na__detail,.simme-na--node-page .simme-na__detail--standalone{
        position: relative !important;
        inset: auto !important;
        max-height: none !important;
        overflow: visible !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    .simme-na--node-page .simme-na__passport{
        grid-row: auto !important;
    }

    .simme-na--node-page .simme-na__reading{
        grid-row: auto !important;
    }
}

.simme-na,.simme-na__shell,.simme-na__workspace,.simme-na__detail,.simme-na__detail-content,.simme-na__detail-hero,.simme-na__detail-layout,.simme-na__reading,.simme-na__passport{
    max-width: 100% !important;
}

.simme-na{
    overflow-x: clip;
}

@supports not (overflow: clip){
    .simme-na{ overflow-x: hidden; }
}

body .simme-na .simme-na__theme-toggle,body .simme-na .simme-na__theme-toggle:hover,body .simme-na .simme-na__theme-toggle:focus,body .simme-na .simme-na__theme-toggle:active{
    background-color: var(--sna-surface) !important;
    background-image: none !important;
    color: var(--sna-text) !important;
    -webkit-text-fill-color: var(--sna-text) !important;
}

body .simme-na[data-theme="dark"] .simme-na__theme-toggle,body .simme-na[data-theme="dark"] .simme-na__theme-toggle:hover,body .simme-na[data-theme="dark"] .simme-na__theme-toggle:focus,body .simme-na[data-theme="dark"] .simme-na__theme-toggle:active{
    background: #091423 !important;
    background-color: #091423 !important;
}

body .simme-na[data-theme="light"] .simme-na__theme-toggle,body .simme-na[data-theme="light"] .simme-na__theme-toggle:hover,body .simme-na[data-theme="light"] .simme-na__theme-toggle:focus,body .simme-na[data-theme="light"] .simme-na__theme-toggle:active{
    background: #f7fbff !important;
    background-color: #f7fbff !important;
}

body .simme-na .simme-na__theme-toggle::before,body .simme-na .simme-na__theme-toggle::after{
    display: none !important;
    content: none !important;
}

body .simme-na .simme-na__theme-track{
    background: transparent !important;
    background-color: transparent !important;
}

body .simme-na .simme-na__theme-option{
    background: transparent !important;
    background-color: transparent !important;
    color: var(--sna-text-soft) !important;
    -webkit-text-fill-color: currentColor !important;
}

body .simme-na[data-theme="dark"] .simme-na__theme-option--dark,body .simme-na[data-theme="light"] .simme-na__theme-option--light{
    color: var(--sna-text) !important;
}

.simme-na__detail-hero{
    position: relative !important;
    display: grid !important;
    grid-template-columns: 100px minmax(0, 1fr) !important;
    column-gap: clamp(18px, 2.4vw, 28px) !important;
    row-gap: 10px !important;
    padding-right: clamp(150px, 15vw, 180px) !important;
    overflow: hidden !important;
}

.simme-na__detail-hero-copy{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.simme-na__detail-hero h1,.simme-na__detail-hero h2{
    width: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    text-overflow: clip !important;
}

.simme-na__back-to-atlas{
    position: absolute !important;
    top: clamp(22px, 3vw, 34px) !important;
    right: clamp(20px, 3vw, 34px) !important;
    grid-column: auto !important;
    margin: 0 !important;
    z-index: 3;
}

.simme-na__detail-layout{
    grid-template-columns: minmax(0, 1fr) minmax(260px, 290px) !important;
}

.simme-na__passport,.simme-na__passport-card,.simme-na__toc,.simme-na__canonical-link{
    min-width: 0 !important;
    max-width: 100% !important;
}

.simme-na__passport-card dd,.simme-na__toc a,.simme-na__canonical-link{
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: none !important;
}

.simme-na__intro-block a,.simme-na__section-copy a,.simme-na__intro-block a:hover,.simme-na__section-copy a:hover{
    color: var(--sna-accent) !important;
    -webkit-text-fill-color: var(--sna-accent) !important;
    background: transparent !important;
    text-decoration-color: color-mix(in srgb, var(--sna-accent) 55%, transparent) !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

body .simme-na .simme-na__canonical-link,body .simme-na .simme-na__canonical-link:hover,body .simme-na .simme-na__canonical-link:focus,body .simme-na .simme-na__canonical-link:active,body .simme-na .simme-na__atlas-button,body .simme-na .simme-na__atlas-button:hover,body .simme-na .simme-na__atlas-button:focus,body .simme-na .simme-na__atlas-button:active,body .simme-na .simme-na__back-to-atlas,body .simme-na .simme-na__back-to-atlas:hover,body .simme-na .simme-na__back-to-atlas:focus,body .simme-na .simme-na__back-to-atlas:active{
    color: var(--sna-text) !important;
    -webkit-text-fill-color: var(--sna-text) !important;
    text-shadow: none !important;
}

body .simme-na .simme-na__canonical-link{
    background: linear-gradient(135deg, rgba(36,191,255,.10), rgba(36,124,255,.055)) !important;
    background-color: rgba(36,191,255,.08) !important;
}

body .simme-na .simme-na__canonical-link:hover,body .simme-na .simme-na__canonical-link:focus-visible{
    background: linear-gradient(135deg, rgba(36,191,255,.18), rgba(36,124,255,.09)) !important;
    background-color: rgba(36,191,255,.14) !important;
}

@media (max-width: 1180px){
    .simme-na.is-detail-open:not(.simme-na--node-page) .simme-na__workspace{
        grid-template-columns: 1fr !important;
    }

    .simme-na.is-detail-open:not(.simme-na--node-page) .simme-na__directory{
        display: none !important;
    }

    .simme-na__detail-hero{
        grid-template-columns: 92px minmax(0, 1fr) !important;
        padding-right: 24px !important;
    }

    .simme-na__detail-icon{
        width: 92px !important;
        height: 92px !important;
    }

    .simme-na__back-to-atlas{
        position: static !important;
        grid-column: 2 !important;
        justify-self: start !important;
        width: auto !important;
        max-width: 180px !important;
    }

    .simme-na__detail-layout{
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .simme-na__passport{
        position: static !important;
        top: auto !important;
        grid-row: 1 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 14px !important;
        width: 100% !important;
    }

    .simme-na__reading{
        grid-row: 2 !important;
        width: 100% !important;
    }

    .simme-na__canonical-link{
        grid-column: 1 / -1 !important;
        width: auto !important;
        justify-self: stretch !important;
    }

    .simme-na--node-page .simme-na__detail-layout{
        max-width: 100% !important;
    }
}

@media (max-width: 900px){
    .simme-na__detail-hero{
        grid-template-columns: 78px minmax(0, 1fr) !important;
        gap: 16px !important;
        padding: 24px 20px !important;
    }

    .simme-na__detail-icon{
        width: 78px !important;
        height: 78px !important;
    }

    .simme-na__detail-hero h1,.simme-na__detail-hero h2{
        font-size: clamp(31px, 7.5vw, 44px) !important;
    }

    .simme-na__back-to-atlas{
        grid-column: 1 / -1 !important;
        margin-top: 2px !important;
    }

    .simme-na__detail-layout{
        padding: 22px 20px !important;
    }

    .simme-na__passport{
        grid-template-columns: 1fr 1fr !important;
    }

    .simme-na__node-nav{
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .simme-na__atlas-button{
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        min-height: 48px !important;
    }
}

@media (max-width: 640px){
    .simme-na__detail-hero{
        grid-template-columns: 68px minmax(0, 1fr) !important;
        gap: 14px !important;
        padding: 20px 16px !important;
    }

    .simme-na__detail-icon{
        width: 68px !important;
        height: 68px !important;
        border-radius: 15px !important;
    }

    .simme-na__detail-hero h1,.simme-na__detail-hero h2{
        font-size: clamp(28px, 9.5vw, 38px) !important;
        line-height: 1.04 !important;
    }

    .simme-na__detail-layout{
        padding: 17px 15px !important;
    }

    .simme-na__passport{
        grid-template-columns: 1fr !important;
        gap: 11px !important;
    }

    .simme-na__canonical-link{
        grid-column: auto !important;
    }

    .simme-na__node-nav{
        grid-template-columns: 1fr !important;
    }

    .simme-na__atlas-button{
        grid-column: auto !important;
        grid-row: auto !important;
    }
}

.simme-na{
    --sna-neon: #24bfff;
    --sna-neon-soft: #8fd9ff;
    --sna-neon-deep: #137fc2;
    --sna-corner-glow: rgba(36, 191, 255, .105);
    --sna-corner-glow-soft: rgba(143, 217, 255, .05);
}

.simme-na[data-theme="light"]{
    --sna-corner-glow: rgba(36, 124, 255, .08);
    --sna-corner-glow-soft: rgba(36, 191, 255, .045);
}

.simme-na__hero::before,.simme-na__detail-hero::before,.simme-na__node::before{
    display: none !important;
    content: none !important;
}

.simme-na[data-theme="dark"] .simme-na__hero,.simme-na[data-theme="dark"] .simme-na__count,.simme-na[data-theme="dark"] .simme-na__detail-hero,.simme-na[data-theme="dark"] .simme-na__passport-card,.simme-na[data-theme="dark"] .simme-na__toc,.simme-na[data-theme="dark"] .simme-na__intro-block,.simme-na[data-theme="dark"] .simme-na__reading-section,.simme-na[data-theme="dark"] .simme-na__detail-empty,.simme-na[data-theme="dark"] .simme-na__index-block,.simme-na[data-theme="dark"] .simme-na__nodepage-bar{
    background:
        radial-gradient(ellipse at 4% 0%, rgba(36,191,255,.115) 0%, rgba(36,191,255,.045) 24%, transparent 53%),
        radial-gradient(ellipse at 98% 0%, rgba(143,217,255,.045) 0%, transparent 38%),
        linear-gradient(145deg, #0c1727 0%, #091321 52%, #07101c 100%) !important;
}

.simme-na[data-theme="light"] .simme-na__hero,.simme-na[data-theme="light"] .simme-na__count,.simme-na[data-theme="light"] .simme-na__detail-hero,.simme-na[data-theme="light"] .simme-na__passport-card,.simme-na[data-theme="light"] .simme-na__toc,.simme-na[data-theme="light"] .simme-na__intro-block,.simme-na[data-theme="light"] .simme-na__reading-section,.simme-na[data-theme="light"] .simme-na__detail-empty,.simme-na[data-theme="light"] .simme-na__index-block,.simme-na[data-theme="light"] .simme-na__nodepage-bar{
    background:
        radial-gradient(ellipse at 4% 0%, rgba(36,124,255,.075) 0%, rgba(36,191,255,.028) 26%, transparent 54%),
        linear-gradient(145deg, #ffffff 0%, #f8fbff 60%, #f3f7fc 100%) !important;
}

.simme-na__passport-card,.simme-na__toc,.simme-na__intro-block,.simme-na__reading-section,.simme-na__detail-empty,.simme-na__nodepage-bar{
    border-color: rgba(92, 185, 231, .22) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        inset 18px 16px 38px rgba(36,191,255,.018),
        0 12px 30px rgba(0,0,0,.08) !important;
}

.simme-na__count{
    --sna-orbit-x: 0px;
    --sna-orbit-y: 0px;
    --sna-orbit-tilt-x: 0deg;
    --sna-orbit-tilt-y: 0deg;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 112px !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 154px;
    padding: 20px 18px 20px 22px !important;
    overflow: hidden;
    perspective: 700px;
    touch-action: pan-y;
}

.simme-na__count::after{
    display: none !important;
    content: none !important;
}

.simme-na__count-copy{
    position: relative;
    z-index: 3;
    display: grid;
    gap: 5px;
    min-width: 0;
}

.simme-na__count-copy strong,.simme-na__count-copy span,.simme-na__count-copy small{
    position: relative;
    z-index: 2;
}

.simme-na__orbit{
    position: relative;
    z-index: 2;
    width: 108px;
    height: 108px;
    justify-self: end;
    border-radius: 50%;
    transform:
        translate3d(var(--sna-orbit-x), var(--sna-orbit-y), 0)
        rotateX(var(--sna-orbit-tilt-x))
        rotateY(var(--sna-orbit-tilt-y));
    transform-style: preserve-3d;
    transition: transform .22s cubic-bezier(.2,.72,.2,1);
}

.simme-na__orbit::before,.simme-na__orbit::after{
    position: absolute;
    content: "";
    border-radius: 50%;
    pointer-events: none;
}

.simme-na__orbit::before{
    inset: 25%;
    background: radial-gradient(circle, rgba(143,217,255,.26), rgba(36,191,255,.07) 48%, transparent 72%);
    box-shadow: 0 0 20px rgba(36,191,255,.19), 0 0 46px rgba(36,191,255,.08);
    animation: simme-na-orbit-core-breathe 3.8s ease-in-out infinite;
}

.simme-na__orbit::after{
    inset: 5%;
    border: 1px solid rgba(143,217,255,.08);
    box-shadow: inset 0 0 24px rgba(36,191,255,.035);
}

.simme-na__orbit-core{
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #dff6ff;
    box-shadow:
        0 0 5px rgba(255,255,255,.8),
        0 0 13px rgba(143,217,255,.9),
        0 0 28px rgba(36,191,255,.52);
    transform: translate(-50%, -50%);
}

.simme-na__orbit-ring{
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    border: 1px solid rgba(143,217,255,.24);
    border-radius: 50%;
    transform-style: preserve-3d;
}

.simme-na__orbit-ring i{
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #78d5ff;
    box-shadow: 0 0 8px rgba(143,217,255,.86), 0 0 18px rgba(36,191,255,.42);
}

.simme-na__orbit-ring i:nth-child(1){ left: -4px; top: 50%; }
.simme-na__orbit-ring i:nth-child(2){ right: -4px; top: 24%; }

.simme-na__orbit-ring--one{
    width: 42px;
    height: 42px;
    margin: -21px 0 0 -21px;
    animation: simme-na-orbit-spin 7.2s linear infinite;
}

.simme-na__orbit-ring--two{
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    border-color: rgba(96,176,255,.20);
    transform: rotateX(64deg) rotateZ(22deg);
    animation: simme-na-orbit-spin-two 10.5s linear infinite reverse;
}

.simme-na__orbit-ring--three{
    width: 98px;
    height: 98px;
    margin: -49px 0 0 -49px;
    border-color: rgba(143,217,255,.12);
    transform: rotateY(58deg) rotateZ(-17deg);
    animation: simme-na-orbit-spin-three 14s linear infinite;
}

@keyframes simme-na-orbit-spin{
    to { transform: rotate(360deg); }
}

@keyframes simme-na-orbit-spin-two{
    from { transform: rotateX(64deg) rotateZ(22deg) rotate(0deg); }
    to { transform: rotateX(64deg) rotateZ(22deg) rotate(360deg); }
}

@keyframes simme-na-orbit-spin-three{
    from { transform: rotateY(58deg) rotateZ(-17deg) rotate(0deg); }
    to { transform: rotateY(58deg) rotateZ(-17deg) rotate(360deg); }
}

@keyframes simme-na-orbit-core-breathe{
    0%,100% { opacity: .58; transform: scale(.88); }
    50% { opacity: 1; transform: scale(1.14); }
}

body .simme-na .simme-na__theme-toggle,body .simme-na .simme-na__theme-toggle:hover,body .simme-na .simme-na__theme-toggle:focus,body .simme-na .simme-na__theme-toggle:active{
    min-height: 58px !important;
    padding: 5px !important;
    overflow: hidden;
    border: 1px solid rgba(88,202,255,.32) !important;
    background:
        radial-gradient(circle at 16% 50%, rgba(36,191,255,.10), transparent 24%),
        linear-gradient(180deg, #081321, #07101b) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 0 22px rgba(36,191,255,.025),
        0 9px 24px rgba(0,0,0,.16) !important;
}

body .simme-na[data-theme="light"] .simme-na__theme-toggle,body .simme-na[data-theme="light"] .simme-na__theme-toggle:hover,body .simme-na[data-theme="light"] .simme-na__theme-toggle:focus,body .simme-na[data-theme="light"] .simme-na__theme-toggle:active{
    background:
        radial-gradient(circle at 84% 50%, rgba(36,191,255,.11), transparent 25%),
        linear-gradient(180deg, #ffffff, #eef7ff) !important;
}

.simme-na__theme-track{
    position: relative;
    min-height: 48px !important;
    isolation: isolate;
}

.simme-na__theme-track::before{
    position: absolute;
    z-index: 0;
    left: 22%;
    right: 22%;
    top: 50%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(143,217,255,.18), transparent);
    transform: translateY(-50%);
}

.simme-na__theme-track::after{
    position: absolute;
    z-index: 4;
    left: 25%;
    top: 50%;
    width: 7px;
    height: 7px;
    content: "";
    border-radius: 50%;
    background: #a7e5ff;
    box-shadow: 0 0 6px #dff6ff, 0 0 14px rgba(36,191,255,.65), 0 0 28px rgba(36,191,255,.28);
    transform: translate(-50%, -50%);
    transition: left .34s cubic-bezier(.2,.75,.2,1), box-shadow .25s ease;
    pointer-events: none;
}

.simme-na[data-theme="light"] .simme-na__theme-track::after{
    left: 75%;
}

.simme-na__theme-thumb{
    top: 2px !important;
    left: 2px !important;
    width: calc(50% - 2px) !important;
    height: calc(100% - 4px) !important;
    border: 1px solid rgba(143,217,255,.30) !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(143,217,255,.17), transparent 34%),
        linear-gradient(145deg, #17283d, #0d1a2a) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 0 14px rgba(36,191,255,.16),
        0 8px 20px rgba(0,0,0,.18) !important;
}

.simme-na[data-theme="light"] .simme-na__theme-thumb{
    background:
        radial-gradient(circle at 80% 20%, rgba(36,191,255,.12), transparent 36%),
        linear-gradient(145deg, #ffffff, #e8f5ff) !important;
    box-shadow: 0 0 14px rgba(36,124,255,.10), 0 8px 18px rgba(39,78,122,.10) !important;
}

.simme-na__theme-option{
    z-index: 5 !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    letter-spacing: .025em !important;
}

.simme-na__theme-icon{
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
}

body .simme-na .simme-na__canonical-link,body .simme-na .simme-na__canonical-link:hover,body .simme-na .simme-na__canonical-link:focus,body .simme-na .simme-na__canonical-link:active{
    min-height: 50px !important;
    padding: 12px 18px !important;
    border: 1px solid rgba(143,217,255,.72) !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(255,255,255,.18), transparent 30%),
        linear-gradient(135deg, #168fcf 0%, #20b8f3 58%, #35c9ff 100%) !important;
    color: #04121d !important;
    -webkit-text-fill-color: #04121d !important;
    font-weight: 800 !important;
    letter-spacing: .005em;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.30),
        0 0 14px rgba(36,191,255,.18),
        0 10px 24px rgba(0,0,0,.12) !important;
}

body .simme-na .simme-na__canonical-link:hover,body .simme-na .simme-na__canonical-link:focus-visible{
    border-color: #d9f5ff !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, #28a9e8 0%, #45cfff 62%, #8be2ff 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.38),
        0 0 8px rgba(143,217,255,.44),
        0 0 22px rgba(36,191,255,.26),
        0 12px 28px rgba(0,0,0,.14) !important;
    transform: translateY(-1px);
}

body .simme-na .simme-na__atlas-button,body .simme-na .simme-na__back-to-atlas,body .simme-na .simme-na__nodepage-atlas-link{
    border: 1px solid rgba(88,202,255,.34) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(36,191,255,.08), transparent 42%),
        rgba(9,20,35,.78) !important;
    color: #eaf7ff !important;
    -webkit-text-fill-color: #eaf7ff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

body .simme-na .simme-na__atlas-button:hover,body .simme-na .simme-na__back-to-atlas:hover,body .simme-na .simme-na__nodepage-atlas-link:hover{
    border-color: rgba(143,217,255,.72) !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(36,191,255,.16), transparent 46%),
        rgba(10,29,48,.92) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 0 12px rgba(36,191,255,.18), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.simme-na[data-theme="light"] .simme-na__atlas-button,.simme-na[data-theme="light"] .simme-na__back-to-atlas,.simme-na[data-theme="light"] .simme-na__nodepage-atlas-link{
    background: linear-gradient(145deg, #ffffff, #edf7ff) !important;
    color: #18304c !important;
    -webkit-text-fill-color: #18304c !important;
}

.simme-na__nodepage-atlas-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 38px;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.simme-na__neighbour{
    position: relative;
    overflow: hidden;
    border-radius: 16px !important;
    border-color: rgba(88,202,255,.20) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(36,191,255,.07), transparent 44%),
        color-mix(in srgb, var(--sna-surface-soft) 96%, transparent) !important;
}

.simme-na__neighbour::after{
    position: absolute;
    inset: 0;
    content: "";
    background: radial-gradient(circle at 8% 0%, rgba(36,191,255,.13), transparent 45%);
    opacity: 0;
    transition: opacity .2s ease;
    pointer-events: none;
}

.simme-na__neighbour:hover::after{ opacity: 1; }
.simme-na__neighbour-copy,.simme-na__neighbour-media{ position: relative; z-index: 2; }

.simme-na__intro-block ul,.simme-na__intro-block ol,.simme-na__section-copy ul,.simme-na__section-copy ol{
    display: grid;
    gap: 7px;
    margin: 16px 0 20px !important;
    padding: 0 !important;
    list-style: none !important;
}

.simme-na__intro-block li,.simme-na__section-copy li{
    position: relative;
    margin: 0 !important;
    padding: 8px 10px 8px 27px !important;
    border: 1px solid rgba(88,202,255,.10);
    border-radius: 10px;
    background: linear-gradient(100deg, rgba(36,191,255,.045), rgba(36,191,255,.01) 58%, transparent);
    color: var(--sna-text-soft);
    line-height: 1.55;
}

.simme-na__intro-block li::before,.simme-na__section-copy li::before{
    position: absolute;
    left: 11px;
    top: 1.08em;
    width: 5px;
    height: 5px;
    content: "";
    border-radius: 50%;
    background: var(--sna-neon-soft);
    box-shadow: 0 0 8px rgba(36,191,255,.45);
}

.simme-na__intro-block ol,.simme-na__section-copy ol{
    counter-reset: sna-list;
}

.simme-na__intro-block ol li,.simme-na__section-copy ol li{
    counter-increment: sna-list;
    padding-left: 35px !important;
}

.simme-na__intro-block ol li::before,.simme-na__section-copy ol li::before{
    content: counter(sna-list);
    top: 7px;
    left: 9px;
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    background: rgba(36,191,255,.10);
    border: 1px solid rgba(143,217,255,.30);
    color: var(--sna-neon-soft);
    font-size: 9px;
    font-weight: 800;
    box-shadow: none;
}

.simme-na__toc > div{
    display: grid !important;
    gap: 6px !important;
}

.simme-na__toc a{
    display: grid !important;
    grid-template-columns: 7px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
    min-height: 38px;
    padding: 8px 9px !important;
    border: 1px solid transparent;
    border-radius: 10px;
    background: rgba(36,191,255,.025) !important;
    color: var(--sna-text-soft) !important;
    text-decoration: none !important;
}

.simme-na__toc a::before{
    position: static !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    margin-top: .52em;
    border-radius: 50%;
    background: var(--sna-neon-soft) !important;
    box-shadow: 0 0 7px rgba(36,191,255,.34);
    content: "" !important;
}

.simme-na__toc a:hover{
    border-color: rgba(88,202,255,.20);
    background: rgba(36,191,255,.065) !important;
    color: var(--sna-text) !important;
}

.simme-na__index-list{
    gap: 8px !important;
}

.simme-na__index-list a{
    min-height: 38px;
    padding: 8px 10px !important;
    border: 1px solid rgba(88,202,255,.11);
    border-radius: 10px;
    background: rgba(36,191,255,.025);
    transition: border-color .18s ease, background .18s ease, transform .18s ease, color .18s ease;
}

.simme-na__index-list a:hover{
    border-color: rgba(88,202,255,.34);
    background: rgba(36,191,255,.07);
    transform: translateY(-1px);
}

.simme-na--node-page .simme-na__nodepage-bar{
    margin: 16px 16px 0 !important;
    padding: 9px 11px !important;
    border: 1px solid rgba(88,202,255,.18) !important;
    border-radius: 16px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 8px 24px rgba(0,0,0,.08) !important;
}

.simme-na--node-page .simme-na__detail--standalone{
    margin-top: 10px;
}

@media (max-width: 900px){
    .simme-na__count{
        grid-template-columns: minmax(0, 1fr) 90px !important;
        min-height: 128px;
        padding: 15px 15px 15px 17px !important;
    }

    .simme-na__orbit{
        width: 86px;
        height: 86px;
        transform: scale(.82) translate3d(var(--sna-orbit-x), var(--sna-orbit-y), 0) rotateX(var(--sna-orbit-tilt-x)) rotateY(var(--sna-orbit-tilt-y));
        transform-origin: center;
    }

    .simme-na__nodepage-bar{
        margin: 12px 12px 0 !important;
    }
}

@media (max-width: 560px){
    .simme-na__count{
        grid-template-columns: minmax(0, 1fr) 76px !important;
        gap: 8px !important;
        min-height: 116px;
    }

    .simme-na__count-copy strong{ font-size: 38px !important; }
    .simme-na__orbit{ width: 74px; height: 74px; transform: scale(.68); }

    body .simme-na .simme-na__canonical-link{
        min-height: 48px !important;
        padding: 11px 14px !important;
        font-size: 12px !important;
    }

    .simme-na__theme-option{
        font-size: 11px !important;
        gap: 6px !important;
    }

    .simme-na__nodepage-atlas-link{
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce){
    .simme-na__orbit,.simme-na__orbit::before,.simme-na__orbit-ring,.simme-na__theme-track::after{
        animation: none !important;
        transition-duration: .01ms !important;
    }
}

.simme-node-topbar{
    position: sticky;
    top: 0;
    z-index: 99990;
    width: 100%;
    color: #eef8ff !important;
    background:
        radial-gradient(circle at 7% -120%, rgba(46, 194, 255, .18), transparent 42%),
        linear-gradient(180deg, rgba(4, 11, 21, .98), rgba(5, 13, 25, .96));
    border-bottom: 1px solid rgba(96, 207, 255, .20);
    box-shadow: 0 10px 32px rgba(0, 0, 0, .22), inset 0 -1px 0 rgba(255, 255, 255, .02);
    backdrop-filter: blur(18px) saturate(1.12);
    -webkit-backdrop-filter: blur(18px) saturate(1.12);
}

.simme-node-topbar__inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(1480px, 100%);
    min-height: 62px;
    margin: 0 auto;
    padding: 8px clamp(16px, 3vw, 34px);
}

.simme-node-topbar__brand,.simme-node-topbar__brand:hover,.simme-node-topbar__brand:focus,.simme-node-topbar__brand:active,.simme-node-topbar__brand:visited{
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    max-width: min(170px, 48vw);
    min-height: 38px;
    margin: 0 !important;
    padding: 0 !important;
    color: #f3f8ff !important;
    -webkit-text-fill-color: #f3f8ff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.simme-node-topbar__logo{
    display: block !important;
    width: auto !important;
    max-width: 150px !important;
    height: auto !important;
    max-height: 36px !important;
    margin: 0 !important;
    object-fit: contain;
    object-position: left center;
    filter: drop-shadow(0 0 10px rgba(84, 201, 255, .08));
}

.simme-node-topbar__wordmark{
    font-size: 20px;
    font-weight: 720;
    letter-spacing: -.025em;
}

body .simme-na .simme-node-topbar__burger,body .simme-na .simme-node-topbar__burger:hover,body .simme-na .simme-node-topbar__burger:focus,body .simme-na .simme-node-topbar__burger:active{
    position: relative;
    display: grid !important;
    place-content: center;
    gap: 5px;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(112, 211, 255, .22) !important;
    border-radius: 13px !important;
    background:
        radial-gradient(circle at 30% 0%, rgba(36, 191, 255, .10), transparent 55%),
        rgba(10, 22, 38, .84) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045) !important;
    color: #ddf5ff !important;
    cursor: pointer;
    transform: none !important;
}

.simme-node-topbar__burger span{
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transform-origin: center;
    transition: transform .2s ease, opacity .16s ease, width .2s ease;
}

.simme-node-topbar__burger:hover{
    border-color: rgba(143, 217, 255, .58) !important;
    box-shadow: 0 0 14px rgba(36, 191, 255, .14), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.simme-node-topbar__burger[aria-expanded="true"] span:nth-child(1){
    transform: translateY(7px) rotate(45deg);
}
.simme-node-topbar__burger[aria-expanded="true"] span:nth-child(2){
    opacity: 0;
    width: 10px;
}
.simme-node-topbar__burger[aria-expanded="true"] span:nth-child(3){
    transform: translateY(-7px) rotate(-45deg);
}

.simme-node-topbar__menu{
    position: absolute;
    top: calc(100% + 8px);
    right: clamp(12px, 3vw, 34px);
    width: min(360px, calc(100vw - 24px));
    max-height: min(72vh, 620px);
    overflow: auto;
    padding: 10px;
    border: 1px solid rgba(97, 205, 255, .24);
    border-radius: 18px;
    background:
        radial-gradient(circle at 92% 0%, rgba(36, 191, 255, .12), transparent 45%),
        rgba(5, 14, 27, .985);
    box-shadow: 0 24px 60px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.simme-node-topbar__menu[hidden]{
    display: none !important;
}

.simme-node-topbar__menu-list,.simme-node-topbar__menu-list ul{
    display: grid;
    gap: 4px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.simme-node-topbar__menu-list ul{
    margin: 4px 0 5px 12px !important;
    padding-left: 10px !important;
    border-left: 1px solid rgba(102, 205, 255, .16);
}

.simme-node-topbar__menu-list li{
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.simme-node-topbar__menu-list a,.simme-node-topbar__menu-list a:hover,.simme-node-topbar__menu-list a:focus,.simme-node-topbar__menu-list a:active,.simme-node-topbar__menu-list a:visited{
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 40px;
    margin: 0 !important;
    padding: 9px 11px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #c9d9ea !important;
    -webkit-text-fill-color: #c9d9ea !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.simme-node-topbar__menu-list a:hover,.simme-node-topbar__menu-list a:focus-visible{
    border-color: rgba(99, 205, 255, .16) !important;
    background: rgba(36, 191, 255, .065) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.simme-na--node-page .simme-na__nodepage-bar{
    position: relative !important;
    top: auto !important;
    grid-template-columns: auto minmax(0, 1fr) minmax(190px, 250px) !important;
}

body .simme-na .simme-na__canonical-link,body .simme-na .simme-na__canonical-link:link,body .simme-na .simme-na__canonical-link:visited,body .simme-na .simme-na__canonical-link:hover,body .simme-na .simme-na__canonical-link:focus,body .simme-na .simme-na__canonical-link:active{
    width: min(100%, 440px) !important;
    min-height: 52px !important;
    margin: 14px auto 0 !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 780 !important;
    transform: none !important;
}

body .simme-na .simme-na__atlas-button,body .simme-na .simme-na__atlas-button:visited,body .simme-na .simme-na__atlas-button:hover,body .simme-na .simme-na__atlas-button:focus,body .simme-na .simme-na__atlas-button:active,body .simme-na .simme-na__back-to-atlas,body .simme-na .simme-na__back-to-atlas:visited,body .simme-na .simme-na__back-to-atlas:hover,body .simme-na .simme-na__back-to-atlas:focus,body .simme-na .simme-na__back-to-atlas:active{
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 680 !important;
    transform: none !important;
}

.simme-na[data-theme="light"] .simme-na__detail-tagline{
    color: #2c6b8f !important;
    -webkit-text-fill-color: #2c6b8f !important;
    text-shadow: none !important;
}

.simme-na[data-theme="light"] .simme-na__detail-number,.simme-na[data-theme="light"] .simme-na__eyebrow{
    color: #407793 !important;
    -webkit-text-fill-color: #407793 !important;
    text-shadow: none !important;
}

.simme-na__section-copy > p:first-child:last-child{
    overflow-wrap: anywhere;
}

@media (max-width: 1180px){
    .simme-na--node-page .simme-na__detail-layout{
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .simme-na--node-page .simme-na__passport{
        position: static !important;
        top: auto !important;
        order: -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 18px;
        width: 100%;
    }

    .simme-na--node-page .simme-na__passport-card,.simme-na--node-page .simme-na__toc{
        height: 100%;
        min-width: 0;
    }

    .simme-na--node-page .simme-na__canonical-link{
        grid-column: 1 / -1;
    }
}

@media (max-width: 860px){
    .simme-na--node-page .simme-na__detail-hero{
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    .simme-na--node-page .simme-na__detail-icon{
        width: 82px !important;
        height: 82px !important;
    }

    .simme-na--node-page .simme-na__back-to-atlas{
        grid-column: 2;
        justify-self: start;
        margin-top: 4px;
    }

    .simme-na--node-page .simme-na__passport{
        grid-template-columns: 1fr !important;
    }

    .simme-na--node-page .simme-na__nodepage-bar{
        grid-template-columns: 1fr auto !important;
        gap: 10px !important;
    }

    .simme-na--node-page .simme-na__nodepage-context{
        display: none !important;
    }
}

@media (max-width: 640px){
    .simme-node-topbar__inner{
        min-height: 58px;
        padding-inline: 13px;
    }

    .simme-node-topbar__logo{
        max-width: 132px !important;
        max-height: 32px !important;
    }

    .simme-na--node-page .simme-na__detail-hero{
        grid-template-columns: 66px minmax(0, 1fr) !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .simme-na--node-page .simme-na__detail-icon{
        width: 66px !important;
        height: 66px !important;
        border-radius: 15px !important;
    }

    .simme-na--node-page .simme-na__detail-hero h1,.simme-na--node-page .simme-na__detail-hero h2{
        font-size: clamp(32px, 10vw, 46px) !important;
    }

    .simme-na--node-page .simme-na__nodepage-bar{
        grid-template-columns: 1fr !important;
    }

    .simme-na--node-page .simme-na__theme-toggle,.simme-na--node-page .simme-na__nodepage-atlas-link{
        width: 100% !important;
    }

    .simme-na__runtime > div{
        display: flex !important;
        align-items: baseline !important;
        flex-wrap: wrap !important;
        gap: 4px 8px !important;
    }

    .simme-na__runtime > div b{
        flex: 1 1 100px;
    }

    .simme-na__runtime > div strong,.simme-na__runtime > div small{
        white-space: nowrap;
    }
}

.simme-na__directory-heading,.simme-na.is-detail-open .simme-na__directory-heading{
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
}

.simme-na__directory-heading > *,.simme-na__directory-heading p{
    min-width: 0 !important;
    max-width: 100% !important;
}

.simme-na__directory-heading p{
    width: min(100%, 760px) !important;
    margin: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

@media (min-width: 1051px){
    .simme-na__workspace{
        column-gap: clamp(24px, 2.6vw, 38px) !important;
    }
}

.simme-na__reading-section{
    padding-left: 52px !important;
    padding-right: clamp(16px, 2vw, 28px) !important;
}

.simme-na__reading-section::before{
    left: 20px !important;
    top: 38px !important;
    width: 10px !important;
    height: 10px !important;
    box-shadow:
        0 0 0 7px rgba(36, 191, 255, .10),
        0 0 16px rgba(36, 191, 255, .22) !important;
}

@media (max-width: 700px){
    .simme-na__reading-section{
        padding-left: 44px !important;
        padding-right: 14px !important;
    }

    .simme-na__reading-section::before{
        left: 16px !important;
        top: 34px !important;
        width: 9px !important;
        height: 9px !important;
    }
}

body .simme-na .simme-na__theme-toggle,body .simme-na .simme-na__theme-toggle:hover,body .simme-na .simme-na__theme-toggle:focus,body .simme-na .simme-na__theme-toggle:active{
    display: block !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 4px !important;
    aspect-ratio: auto !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

.simme-na__theme-track{
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: center !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    isolation: isolate;
    border-radius: 14px !important;
}

.simme-na__theme-track::after{
    display: none !important;
    content: none !important;
}

.simme-na__theme-track::before{
    left: 50% !important;
    right: auto !important;
    top: 10px !important;
    bottom: 10px !important;
    width: 1px !important;
    height: auto !important;
    background: linear-gradient(180deg, transparent, rgba(143,217,255,.16), transparent) !important;
    transform: none !important;
    opacity: .72;
}

.simme-na__theme-thumb{
    z-index: 1 !important;
    top: 3px !important;
    left: 3px !important;
    width: calc(50% - 3px) !important;
    height: 44px !important;
    border-radius: 12px !important;
    transform: translateX(0) !important;
    transition: transform .28s cubic-bezier(.2,.76,.2,1), background .22s ease, box-shadow .22s ease !important;
}

.simme-na[data-theme="light"] .simme-na__theme-thumb{
    transform: translateX(calc(100% - 3px)) !important;
}

.simme-na__theme-option{
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 8px !important;
    gap: 8px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

.simme-na__theme-label{
    position: relative;
    z-index: 2;
    display: inline-block !important;
    min-width: 0;
}

.simme-na__theme-icon{
    position: relative !important;
    z-index: 2;
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
}

.simme-na__theme-icon--moon::before{
    inset: 1px !important;
    background: currentColor !important;
    box-shadow: 0 0 10px rgba(143,217,255,.24) !important;
}

.simme-na__theme-icon--moon::after{
    top: -1px !important;
    right: -2px !important;
    width: 13px !important;
    height: 13px !important;
    background: #17283d !important;
}

.simme-na[data-theme="light"] .simme-na__theme-icon--moon::after{
    background: #ffffff !important;
}

.simme-na__theme-icon--sun::before{
    inset: 4px !important;
    border: 1.7px solid currentColor !important;
    background: transparent !important;
    box-shadow: none !important;
}

.simme-na__theme-icon--sun::after{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(currentColor,currentColor) center top / 1.5px 3px no-repeat,
        linear-gradient(currentColor,currentColor) center bottom / 1.5px 3px no-repeat,
        linear-gradient(90deg,currentColor,currentColor) left center / 3px 1.5px no-repeat,
        linear-gradient(90deg,currentColor,currentColor) right center / 3px 1.5px no-repeat;
    opacity: .9;
}

.simme-na--node-page .simme-na__theme-toggle{
    width: min(100%, 244px) !important;
    min-width: 210px !important;
    justify-self: end !important;
}

@media (max-width: 860px){
    .simme-na--node-page .simme-na__theme-toggle{
        width: min(100%, 244px) !important;
        min-width: 0 !important;
        justify-self: start !important;
    }
}

@media (max-width: 640px){
    .simme-na--node-page .simme-na__theme-toggle{
        width: 100% !important;
        max-width: none !important;
    }
}

.simme-na__count-copy{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas: none !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 5px !important;
}

.simme-na__count-copy strong,.simme-na__count-copy span,.simme-na__count-copy small{
    grid-area: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    max-width: 100% !important;
}

.simme-na__count-copy strong{
    font-size: clamp(38px, 4vw, 54px) !important;
    line-height: .95 !important;
}

.simme-na__count-copy span{
    font-size: 14px !important;
    line-height: 1.25 !important;
}

.simme-na__count-copy small{
    font-size: 11px !important;
    line-height: 1.35 !important;
}

@media (max-width: 900px){
    .simme-na__count{
        grid-template-areas: none !important;
    }
}

@media (max-width: 560px){
    .simme-na__count-copy strong{
        font-size: 36px !important;
    }
    .simme-na__count-copy span{
        font-size: 12px !important;
    }
    .simme-na__count-copy small{
        font-size: 10px !important;
    }
}

.simme-na__detail-hero-copy,.simme-na__detail-hero-copy h1,.simme-na__detail-hero-copy h2,.simme-na__detail-summary,.simme-na__detail-tagline{
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

@container simme-node-atlas (max-width: 1420px){
    .simme-na.is-detail-open:not(.simme-na--node-page) .simme-na__workspace{
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .simme-na.is-detail-open:not(.simme-na--node-page) .simme-na__directory{
        display: none !important;
    }

    .simme-na.is-detail-open:not(.simme-na--node-page) .simme-na__detail-hero{
        grid-template-columns: 100px minmax(0, 1fr) !important;
    }

    .simme-na.is-detail-open:not(.simme-na--node-page) .simme-na__back-to-atlas{
        position: static !important;
        grid-column: 2 !important;
        justify-self: start !important;
    }
}

@media (max-width: 1420px){
    .simme-na.is-detail-open:not(.simme-na--node-page) .simme-na__workspace{
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .simme-na.is-detail-open:not(.simme-na--node-page) .simme-na__directory{
        display: none !important;
    }
}

@media (max-width: 760px){
    .simme-na__detail-hero,.simme-na.is-detail-open:not(.simme-na--node-page) .simme-na__detail-hero{
        grid-template-columns: 74px minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    .simme-na__detail-icon{
        width: 74px !important;
        height: 74px !important;
    }

    .simme-na__detail-hero h1,.simme-na__detail-hero h2{
        font-size: clamp(31px, 8vw, 44px) !important;
        line-height: 1.02 !important;
    }
}

.simme-na:not(.is-detail-open) .simme-na__directory{
    min-width: 0 !important;
    opacity: 1 !important;
    transform: none !important;
}

.simme-na:not(.is-detail-open) .simme-na__grid{
    width: 100% !important;
}

@media (max-width: 1050px){
    .simme-na:not(.is-detail-open) .simme-na__workspace{
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .simme-na:not(.is-detail-open) .simme-na__detail{
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
    }
}

.simme-na{
    --sna-group-1: #8fd9ff;
    --sna-group-2: #24bfff;
    --sna-group-3: #37b7ff;
    --sna-group-4: #d84bff;
    --sna-group-5: #ff7bd9;
    --sna-group-6: #f5d66d;
    --sna-group-7: #e1edfa;
    --sna-warm-glow: #f5d66d;
}

.simme-na .simme-na__filters{
    gap: 10px 12px;
    align-items: center;
}

.simme-na .simme-na__filter,.simme-na .simme-na__filter:hover,.simme-na .simme-na__filter:focus,.simme-na .simme-na__filter:active{
    --sna-filter-accent: var(--sna-group-1);
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    min-height: 42px;
    padding: 9px 17px !important;
    border: 1px solid color-mix(in srgb, var(--sna-filter-accent) 24%, var(--sna-border) 76%) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--sna-surface) 92%, transparent) !important;
    color: var(--sna-text-soft) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.018) !important;
    font-size: 12px !important;
    font-weight: 620 !important;
    line-height: 1.15 !important;
    letter-spacing: .012em !important;
    text-shadow: none !important;
    transform: none !important;
    isolation: isolate !important;
    transition:
        border-color .22s ease,
        color .22s ease,
        background-color .22s ease,
        box-shadow .25s ease !important;
}

.simme-na .simme-na__filter::before{
    position: absolute;
    z-index: -1;
    left: 12%;
    right: 12%;
    bottom: -10px;
    height: 24px;
    content: "";
    border-radius: 50%;
    background: radial-gradient(
        ellipse at center,
        rgba(245,214,109,.28) 0%,
        rgba(245,214,109,.13) 38%,
        rgba(245,214,109,0) 74%
    );
    filter: blur(7px);
    opacity: 0;
    pointer-events: none;
    transform: scale(.86);
    transition: opacity .24s ease, transform .28s ease;
}

.simme-na .simme-na__filter::after{
    position: absolute;
    z-index: 0;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 1px;
    content: "";
    border-radius: 999px;
    background: color-mix(in srgb, var(--sna-filter-accent) 72%, transparent);
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease, left .22s ease, right .22s ease;
}

.simme-na .simme-na__filter:hover,.simme-na .simme-na__filter:focus-visible{
    border-color: color-mix(in srgb, var(--sna-filter-accent) 54%, var(--sna-border) 46%) !important;
    background: color-mix(in srgb, var(--sna-surface) 88%, var(--sna-filter-accent) 12%) !important;
    color: var(--sna-text) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

.simme-na .simme-na__filter:hover::before,.simme-na .simme-na__filter:focus-visible::before{
    opacity: .72;
    transform: scale(1);
}

.simme-na .simme-na__filter:hover::after,.simme-na .simme-na__filter:focus-visible::after{
    left: 12px;
    right: 12px;
    opacity: .48;
}

.simme-na .simme-na__filter.is-active,.simme-na .simme-na__filter.is-active:hover,.simme-na .simme-na__filter.is-active:focus-visible{
    border-color: color-mix(in srgb, var(--sna-filter-accent) 72%, var(--sna-border) 28%) !important;
    background: color-mix(in srgb, var(--sna-surface) 84%, var(--sna-filter-accent) 16%) !important;
    color: var(--sna-text) !important;
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--sna-filter-accent) 12%, transparent),
        0 0 0 1px color-mix(in srgb, var(--sna-filter-accent) 7%, transparent) !important;
}

.simme-na .simme-na__filter.is-active::before{
    opacity: .88;
    transform: scale(1.08);
}

.simme-na .simme-na__filter.is-active::after{
    left: 10px;
    right: 10px;
    opacity: .78;
}

.simme-na .simme-na__filter[data-simme-filter="all"]{ --sna-filter-accent: var(--sna-group-1); }
.simme-na .simme-na__filter[data-simme-filter="01-05"]{ --sna-filter-accent: var(--sna-group-1); }
.simme-na .simme-na__filter[data-simme-filter="06-10"]{ --sna-filter-accent: var(--sna-group-2); }
.simme-na .simme-na__filter[data-simme-filter="11-15"]{ --sna-filter-accent: var(--sna-group-3); }
.simme-na .simme-na__filter[data-simme-filter="16-20"]{ --sna-filter-accent: var(--sna-group-4); }
.simme-na .simme-na__filter[data-simme-filter="21-25"]{ --sna-filter-accent: var(--sna-group-5); }
.simme-na .simme-na__filter[data-simme-filter="26-30"]{ --sna-filter-accent: var(--sna-group-6); }
.simme-na .simme-na__filter[data-simme-filter="31-32"]{ --sna-filter-accent: var(--sna-group-7); }

.simme-na[data-theme="light"] .simme-na__filter::before{
    opacity: 0;
    background: radial-gradient(
        ellipse at center,
        rgba(245,214,109,.20) 0%,
        rgba(245,214,109,.08) 40%,
        rgba(245,214,109,0) 74%
    );
}

.simme-na[data-theme="light"] .simme-na__filter:hover::before,.simme-na[data-theme="light"] .simme-na__filter:focus-visible::before{
    opacity: .64;
}

.simme-na[data-theme="light"] .simme-na__filter.is-active::before{
    opacity: .76;
}

.simme-na__orbit-ring i{
    --sna-orb: var(--sna-group-1);
    width: 10px !important;
    height: 10px !important;
    border: 1px solid color-mix(in srgb, var(--sna-orb) 60%, white 40%) !important;
    border-radius: 50% !important;
    background:
        radial-gradient(
            circle at 29% 24%,
            rgba(255,255,255,.98) 0 10%,
            color-mix(in srgb, var(--sna-orb) 72%, white 28%) 14% 28%,
            var(--sna-orb) 48% 64%,
            color-mix(in srgb, var(--sna-orb) 55%, #00121d 45%) 100%
        ) !important;
    box-shadow:
        inset 1px 1px 2px rgba(255,255,255,.48),
        inset -2px -2px 3px rgba(0,18,29,.42),
        0 0 6px color-mix(in srgb, var(--sna-orb) 88%, transparent),
        0 0 15px color-mix(in srgb, var(--sna-orb) 48%, transparent) !important;
    transform-style: preserve-3d;
}

.simme-na__orbit-ring--one i:nth-child(1){ --sna-orb: var(--sna-group-1); }
.simme-na__orbit-ring--one i:nth-child(2){ --sna-orb: var(--sna-group-2); }
.simme-na__orbit-ring--one i:nth-child(3){ --sna-orb: var(--sna-group-3); }
.simme-na__orbit-ring--two i:nth-child(1){ --sna-orb: var(--sna-group-4); }
.simme-na__orbit-ring--two i:nth-child(2){ --sna-orb: var(--sna-group-5); }
.simme-na__orbit-ring--three i:nth-child(1){ --sna-orb: var(--sna-group-6); }
.simme-na__orbit-ring--three i:nth-child(2){ --sna-orb: var(--sna-group-7); }

.simme-na__orbit-ring--one i:nth-child(1){
    left: -5px !important;
    top: calc(50% - 5px) !important;
}

.simme-na__orbit-ring--one i:nth-child(2){
    right: -5px !important;
    top: 18% !important;
}

.simme-na__orbit-ring--one i:nth-child(3){
    left: calc(50% - 5px) !important;
    bottom: -5px !important;
    top: auto !important;
    right: auto !important;
}

.simme-na__orbit-ring--two i:nth-child(1){
    left: 7% !important;
    top: 7% !important;
}

.simme-na__orbit-ring--two i:nth-child(2){
    right: 4% !important;
    bottom: 13% !important;
    top: auto !important;
}

.simme-na__orbit-ring--three i:nth-child(1){
    left: -5px !important;
    top: 56% !important;
}

.simme-na__orbit-ring--three i:nth-child(2){
    right: 9% !important;
    top: 12% !important;
}

.simme-na__orbit-ring{
    border-color: rgba(143,217,255,.16) !important;
    box-shadow: inset 0 0 12px rgba(36,191,255,.025);
}

.simme-na__orbit-ring--two{
    border-color: rgba(216,75,255,.13) !important;
}

.simme-na__orbit-ring--three{
    border-color: rgba(245,214,109,.11) !important;
}

.simme-na__node[data-group="01-05"]{ --sna-node-aura: var(--sna-group-1); }
.simme-na__node[data-group="06-10"]{ --sna-node-aura: var(--sna-group-2); }
.simme-na__node[data-group="11-15"]{ --sna-node-aura: var(--sna-group-3); }
.simme-na__node[data-group="16-20"]{ --sna-node-aura: var(--sna-group-4); }
.simme-na__node[data-group="21-25"]{ --sna-node-aura: var(--sna-group-5); }
.simme-na__node[data-group="26-30"]{ --sna-node-aura: var(--sna-group-6); }
.simme-na__node[data-group="31-32"]{ --sna-node-aura: var(--sna-group-7); }

.simme-na__node-media{
    position: relative;
    isolation: isolate;
    overflow: visible !important;
}

.simme-na__node-media::before{
    position: absolute;
    z-index: -1;
    inset: -15px;
    content: "";
    border-radius: 28px;
    background: radial-gradient(
        circle at center,
        color-mix(in srgb, var(--sna-node-aura, var(--sna-group-1)) 40%, transparent) 0%,
        color-mix(in srgb, var(--sna-node-aura, var(--sna-group-1)) 20%, transparent) 38%,
        transparent 72%
    );
    filter: blur(7px);
    opacity: 0;
    pointer-events: none;
    transform: scale(.78);
    transition: opacity .28s ease, transform .32s cubic-bezier(.2,.72,.2,1), filter .28s ease;
}

.simme-na__node-media img,.simme-na__node-media .simme-na__node-number-only{
    position: relative;
    z-index: 2;
    border-radius: inherit;
}

.simme-na__node:hover .simme-na__node-media::before,.simme-na__node:focus-visible .simme-na__node-media::before{
    opacity: .42;
    transform: scale(.92);
}

.simme-na__node.is-selected .simme-na__node-media::before{
    opacity: .96;
    filter: blur(8px);
    transform: scale(1.08);
}

.simme-na__node.is-selected .simme-na__node-media{
    border-color: color-mix(in srgb, var(--sna-node-aura, var(--sna-group-1)) 52%, rgba(255,255,255,.07) 48%) !important;
    box-shadow:
        0 0 10px color-mix(in srgb, var(--sna-node-aura, var(--sna-group-1)) 30%, transparent),
        0 0 24px color-mix(in srgb, var(--sna-node-aura, var(--sna-group-1)) 18%, transparent) !important;
}

.simme-na[data-theme="light"] .simme-na__node.is-selected .simme-na__node-media::before{
    opacity: .58;
}

@media (max-width: 720px){
    .simme-na .simme-na__filters{
        gap: 8px;
    }

    .simme-na .simme-na__filter,.simme-na .simme-na__filter:hover,.simme-na .simme-na__filter:focus,.simme-na .simme-na__filter:active{
        min-height: 38px;
        padding: 8px 13px !important;
        font-size: 11px !important;
    }

    .simme-na .simme-na__filter::before{
        bottom: -8px;
        height: 20px;
        filter: blur(6px);
    }

    .simme-na__orbit-ring i{
        width: 9px !important;
        height: 9px !important;
    }
}

@media (prefers-reduced-motion: reduce){
    .simme-na .simme-na__filter::before,.simme-na .simme-na__filter::after,.simme-na__node-media::before{
        transition: none !important;
    }
}

.simme-na .simme-na__orbit-ring--one{
    animation: simme-na-orbit-spin 7.2s linear infinite !important;
}

.simme-na .simme-na__orbit-ring--two{
    animation: simme-na-orbit-spin-two 10.5s linear infinite reverse !important;
}

.simme-na .simme-na__orbit-ring--three{
    animation: simme-na-orbit-spin-three 14s linear infinite !important;
}

.simme-na.simme-na--orbit-js .simme-na__orbit-ring,.simme-na.simme-na--orbit-js .simme-na__orbit-ring--one,.simme-na.simme-na--orbit-js .simme-na__orbit-ring--two,.simme-na.simme-na--orbit-js .simme-na__orbit-ring--three{
    animation: none !important;
    will-change: transform;
}

.simme-na.simme-na--orbit-js .simme-na__orbit-ring i{
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
}

@media (prefers-reduced-motion: reduce){
    .simme-na:not(.simme-na--orbit-js) .simme-na__orbit-ring--one{
        animation: simme-na-orbit-spin 45s linear infinite !important;
    }

    .simme-na:not(.simme-na--orbit-js) .simme-na__orbit-ring--two{
        animation: simme-na-orbit-spin-two 58s linear infinite reverse !important;
    }

    .simme-na:not(.simme-na--orbit-js) .simme-na__orbit-ring--three{
        animation: simme-na-orbit-spin-three 72s linear infinite !important;
    }
}

@media (max-width: 900px){
     
    .simme-na__detail{
        max-height: calc(100vh - 20px) !important;
        max-height: calc(100dvh - 20px) !important;
    }

    .simme-na:not(.is-detail-open):not(.simme-na--node-page) .simme-na__directory{
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    .simme-na:not(.is-detail-open):not(.simme-na--node-page) .simme-na__grid{
        display: grid !important;
        width: 100% !important;
        min-height: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .simme-na:not(.is-detail-open):not(.simme-na--node-page) .simme-na__node:not([hidden]){
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .simme-na.is-detail-open:not(.is-mobile-detail-open):not(.simme-na--node-page) .simme-na__directory{
        display: block !important;
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .simme-na.is-detail-open:not(.is-mobile-detail-open):not(.simme-na--node-page) .simme-na__detail{
        position: relative !important;
        z-index: 2 !important;
        inset: auto !important;
        width: 100% !important;
        max-height: none !important;
        margin-top: 20px !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    .simme-na.is-mobile-detail-open:not(.simme-na--node-page) .simme-na__directory{
        display: none !important;
    }

    .simme-na.is-mobile-detail-open:not(.simme-na--node-page) .simme-na__detail{
        position: fixed !important;
        inset: 10px !important;
        margin: 0 !important;
        max-height: calc(100vh - 20px) !important;
        max-height: calc(100dvh - 20px) !important;
        overflow-y: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }
}

@media (max-width: 360px){
    .simme-na__grid,.simme-na.is-detail-open .simme-na__grid{
        grid-template-columns: 1fr !important;
    }
}

.simme-na__sections{
    display: grid !important;
    gap: 14px !important;
}

.simme-na__reading-section{
    margin: 0 !important;
    padding-top: 30px !important;
    padding-bottom: 31px !important;
    border: 1px solid rgba(92,185,231,.20) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        inset 16px 15px 34px rgba(36,191,255,.015),
        0 10px 26px rgba(0,0,0,.06) !important;
}

.simme-na[data-theme="dark"] .simme-na__reading-section{
    border-color: rgba(92,185,231,.19) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        inset 18px 16px 38px rgba(36,191,255,.018),
        0 12px 28px rgba(0,0,0,.12) !important;
}

.simme-na[data-theme="light"] .simme-na__reading-section{
    border-color: rgba(67,151,205,.16) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        inset 16px 14px 34px rgba(36,124,255,.018),
        0 12px 28px rgba(46,74,112,.065) !important;
}

@media (max-width: 700px){
    .simme-na__sections{
        gap: 11px !important;
    }

    .simme-na__reading-section{
        border-radius: 17px !important;
    }
}

body .simme-na .simme-na__canonical-link,body .simme-na .simme-na__canonical-link:link,body .simme-na .simme-na__canonical-link:visited,body .simme-na .simme-na__canonical-link:hover,body .simme-na .simme-na__canonical-link:focus,body .simme-na .simme-na__canonical-link:active{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    width: auto !important;
    max-width: min(100%, 470px) !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 9px 10px 9px 18px !important;
    overflow: visible !important;
    border: 1px solid rgba(88,202,255,.48) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(ellipse at 8% 0%, rgba(36,191,255,.13), transparent 48%),
        linear-gradient(135deg, #10243a 0%, #0b192b 56%, #081321 100%) !important;
    color: #e1edfa !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 16px 14px 30px rgba(36,191,255,.025),
        0 10px 24px rgba(0,0,0,.16) !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-shadow: none !important;
    transform: none !important;
    transition:
        border-color .2s ease,
        box-shadow .24s ease,
        background .24s ease,
        color .2s ease !important;
}

body .simme-na .simme-na__canonical-link::before{
    position: absolute;
    z-index: -1;
    left: 10%;
    right: 10%;
    bottom: -13px;
    height: 25px;
    content: "";
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(245,214,109,.20), rgba(245,214,109,.07) 44%, transparent 74%);
    filter: blur(8px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease, transform .24s ease;
    transform: scale(.84);
}

body .simme-na .simme-na__canonical-link:hover,body .simme-na .simme-na__canonical-link:focus-visible{
    border-color: rgba(143,217,255,.78) !important;
    color: #ffffff !important;
    background:
        radial-gradient(ellipse at 8% 0%, rgba(36,191,255,.19), transparent 50%),
        linear-gradient(135deg, #132b45 0%, #0c1d31 56%, #081321 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 0 16px rgba(36,191,255,.14),
        0 12px 26px rgba(0,0,0,.18) !important;
}

body .simme-na .simme-na__canonical-link:hover::before,body .simme-na .simme-na__canonical-link:focus-visible::before{
    opacity: .78;
    transform: scale(1);
}

.simme-na__canonical-label{
    min-width: 0;
    flex: 1 1 auto;
}

.simme-na__canonical-icon{
    position: relative;
    display: block;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(143,217,255,.34);
    border-radius: 13px;
    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.14), transparent 30%),
        rgba(36,191,255,.08);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 0 14px rgba(36,191,255,.08);
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

body .simme-na .simme-na__canonical-link:hover .simme-na__canonical-icon,body .simme-na .simme-na__canonical-link:focus-visible .simme-na__canonical-icon{
    border-color: rgba(143,217,255,.68);
    background: rgba(36,191,255,.14);
    box-shadow: 0 0 16px rgba(36,191,255,.15);
}

.simme-na__canonical-icon--open::before,.simme-na__canonical-icon--open::after,.simme-na__canonical-icon--open > span::before,.simme-na__canonical-icon--open > span::after{
    position: absolute;
    content: "";
    pointer-events: none;
}

.simme-na__canonical-icon--open::before{
    left: 10px;
    bottom: 9px;
    width: 14px;
    height: 14px;
    border: 1.7px solid #8fd9ff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-radius: 3px;
}

.simme-na__canonical-icon--open::after{
    right: 9px;
    top: 9px;
    width: 13px;
    height: 13px;
    border-top: 1.8px solid #e1edfa;
    border-right: 1.8px solid #e1edfa;
}

.simme-na__canonical-icon--open > span::before{
    left: 16px;
    top: 20px;
    width: 15px;
    height: 1.8px;
    border-radius: 2px;
    background: #e1edfa;
    transform: rotate(-45deg);
    transform-origin: center;
}

.simme-na__canonical-icon--open > span::after{
    right: 8px;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #24bfff;
    box-shadow: 0 0 8px rgba(36,191,255,.6);
}

.simme-na__canonical-icon--atlas::before{
    position: absolute;
    inset: 9px;
    content: "";
    border: 1px solid rgba(143,217,255,.48);
    border-radius: 8px;
    transform: rotate(45deg) scale(.75);
}

.simme-na__canonical-icon--atlas::after{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 5px;
    content: "";
    border-radius: 50%;
    background: #e1edfa;
    box-shadow:
        -9px 0 0 #24bfff,
        9px 0 0 #8fd9ff,
        0 -9px 0 #d84bff,
        0 9px 0 #f5d66d,
        0 0 10px rgba(36,191,255,.34);
    transform: translate(-50%,-50%);
}

.simme-na[data-theme="light"] .simme-na__canonical-link,.simme-na[data-theme="light"] .simme-na__canonical-link:link,.simme-na[data-theme="light"] .simme-na__canonical-link:visited{
    border-color: rgba(38,148,212,.38) !important;
    background:
        radial-gradient(ellipse at 7% 0%, rgba(36,191,255,.10), transparent 48%),
        linear-gradient(135deg, #ffffff 0%, #f5faff 62%, #edf6fd 100%) !important;
    color: #102033 !important;
    box-shadow:
        inset 0 1px 0 #ffffff,
        0 10px 24px rgba(31,77,112,.09) !important;
}

.simme-na[data-theme="light"] .simme-na__canonical-link:hover,.simme-na[data-theme="light"] .simme-na__canonical-link:focus-visible{
    border-color: rgba(36,191,255,.64) !important;
    color: #0c1b2d !important;
    background:
        radial-gradient(ellipse at 7% 0%, rgba(36,191,255,.15), transparent 50%),
        linear-gradient(135deg, #ffffff 0%, #f0f8ff 58%, #e9f5fd 100%) !important;
    box-shadow:
        inset 0 1px 0 #ffffff,
        0 0 14px rgba(36,191,255,.10),
        0 12px 26px rgba(31,77,112,.10) !important;
}

.simme-na[data-theme="light"] .simme-na__canonical-icon{
    border-color: rgba(36,124,255,.24);
    background: rgba(36,191,255,.07);
}

.simme-na[data-theme="light"] .simme-na__canonical-icon--open::after{
    border-color: #1e5f91 !important;
    background: transparent !important;
}

.simme-na[data-theme="light"] .simme-na__canonical-icon--open > span::before{
    background: #1e5f91 !important;
}

@media (max-width: 700px){
    body .simme-na .simme-na__canonical-link,body .simme-na .simme-na__canonical-link:link,body .simme-na .simme-na__canonical-link:visited,body .simme-na .simme-na__canonical-link:hover,body .simme-na .simme-na__canonical-link:focus,body .simme-na .simme-na__canonical-link:active{
        width: 100% !important;
        max-width: none !important;
        min-height: 56px !important;
        padding-left: 15px !important;
        font-size: 12px !important;
    }

    .simme-na__canonical-icon{
        flex-basis: 38px;
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }
}

.simme-na.simme-na--orbit-live .simme-na__orbit{
    overflow: visible !important;
}

.simme-na.simme-na--orbit-live .simme-na__orbit-ring,.simme-na.simme-na--orbit-live .simme-na__orbit-ring--one,.simme-na.simme-na--orbit-live .simme-na__orbit-ring--two,.simme-na.simme-na--orbit-live .simme-na__orbit-ring--three{
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    animation: none !important;
    pointer-events: none;
}

.simme-na.simme-na--orbit-live .simme-na__orbit-ring::before{
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    border: 1px solid rgba(143,217,255,.17);
    border-radius: 50%;
    box-shadow: inset 0 0 10px rgba(36,191,255,.018);
    transform-origin: 50% 50%;
    pointer-events: none;
}

.simme-na.simme-na--orbit-live .simme-na__orbit-ring--one::before{
    width: 68px;
    height: 36px;
    border-color: rgba(143,217,255,.20);
    transform: translate(-50%,-50%) rotate(-18deg);
}

.simme-na.simme-na--orbit-live .simme-na__orbit-ring--two::before{
    width: 90px;
    height: 54px;
    border-color: rgba(216,75,255,.16);
    transform: translate(-50%,-50%) rotate(51deg);
}

.simme-na.simme-na--orbit-live .simme-na__orbit-ring--three::before{
    width: 100px;
    height: 74px;
    border-color: rgba(245,214,109,.13);
    transform: translate(-50%,-50%) rotate(-39deg);
}

.simme-na.simme-na--orbit-live .simme-na__orbit-ring i{
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform-origin: 50% 50%;
    will-change: transform, opacity;
    animation: none !important;
    transition: none !important;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
}

.simme-na.simme-na--orbit-live .simme-na__orbit-ring i::after{
    position: absolute;
    left: 22%;
    top: 16%;
    width: 27%;
    height: 27%;
    content: "";
    border-radius: 50%;
    background: rgba(255,255,255,.9);
    filter: blur(.2px);
    opacity: .82;
    pointer-events: none;
}

body .simme-na .simme-na__canonical-link,body .simme-na .simme-na__canonical-link:link,body .simme-na .simme-na__canonical-link:visited,body .simme-na .simme-na__canonical-link:hover,body .simme-na .simme-na__canonical-link:focus,body .simme-na .simme-na__canonical-link:active{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 10px 15px !important;
    overflow: visible !important;
    border: 1px solid rgba(93,196,242,.34) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(ellipse at 10% 0%, rgba(36,191,255,.10), transparent 48%),
        linear-gradient(135deg, #0c1a29 0%, #0a1522 68%, #08111c 100%) !important;
    color: #e1edfa !important;
    -webkit-text-fill-color: #e1edfa !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        inset 0 0 22px rgba(36,191,255,.025),
        0 10px 24px rgba(0,0,0,.16) !important;
    transform: none !important;
    isolation: isolate;
    transition: border-color .22s ease, background .22s ease, box-shadow .25s ease !important;
}

body .simme-na .simme-na__canonical-link::before{
    position: absolute;
    z-index: -1;
    left: 7%;
    right: 7%;
    bottom: -12px;
    height: 28px;
    content: "";
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(245,214,109,.24), rgba(245,214,109,.09) 42%, transparent 76%);
    filter: blur(8px);
    opacity: 0;
    transform: scale(.84);
    pointer-events: none;
    transition: opacity .22s ease, transform .25s ease;
}

body .simme-na .simme-na__canonical-link:hover,body .simme-na .simme-na__canonical-link:focus-visible{
    border-color: rgba(143,217,255,.72) !important;
    background:
        radial-gradient(ellipse at 11% 0%, rgba(36,191,255,.15), transparent 50%),
        linear-gradient(135deg, #0e2032 0%, #0a1725 68%, #08131f 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.065),
        inset 0 0 24px rgba(36,191,255,.04),
        0 0 16px rgba(36,191,255,.09),
        0 12px 26px rgba(0,0,0,.2) !important;
}

body .simme-na .simme-na__canonical-link:hover::before,body .simme-na .simme-na__canonical-link:focus-visible::before{
    opacity: .82;
    transform: scale(1);
}

body .simme-na .simme-na__canonical-copy{
    display: grid !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 3px !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}

body .simme-na .simme-na__canonical-label{
    display: block !important;
    min-width: 0 !important;
    color: #e1edfa !important;
    -webkit-text-fill-color: #e1edfa !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    line-height: 1.25 !important;
    letter-spacing: .005em !important;
}

body .simme-na .simme-na__canonical-copy small{
    display: block !important;
    color: #94a9c2 !important;
    -webkit-text-fill-color: #94a9c2 !important;
    font-size: 10px !important;
    font-weight: 560 !important;
    line-height: 1.25 !important;
    letter-spacing: .015em !important;
}

body .simme-na .simme-na__canonical-link:hover .simme-na__canonical-label,body .simme-na .simme-na__canonical-link:focus-visible .simme-na__canonical-label{
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.simme-na__canonical-icon,.simme-na__canonical-icon--read{
    position: relative !important;
    display: block !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(143,217,255,.28) !important;
    border-radius: 14px !important;
    background: rgba(36,191,255,.055) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 14px rgba(36,191,255,.055) !important;
}

.simme-na__canonical-icon--read::before{
    position: absolute;
    left: 12px;
    top: 8px;
    width: 19px;
    height: 26px;
    content: "";
    border: 1.6px solid #8fd9ff;
    border-radius: 4px;
    background: rgba(4,16,27,.48);
    box-shadow: inset 0 0 8px rgba(36,191,255,.06);
}

.simme-na__canonical-icon--read::after{
    position: absolute;
    left: 17px;
    top: 13px;
    width: 5px;
    height: 5px;
    content: "";
    border-radius: 50%;
    background: #24bfff;
    box-shadow: 0 0 7px rgba(36,191,255,.75);
}

.simme-na__canonical-icon--read > span::before,.simme-na__canonical-icon--read > span::after{
    position: absolute;
    left: 17px;
    content: "";
    height: 1.5px;
    border-radius: 999px;
    background: #dff6ff;
    opacity: .92;
}

.simme-na__canonical-icon--read > span::before{
    top: 23px;
    width: 10px;
    box-shadow: 0 5px 0 rgba(223,246,255,.72);
}

.simme-na__canonical-icon--read > span::after{
    right: 8px;
    left: auto;
    bottom: 8px;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #f5d66d;
    border-bottom: 1.5px solid #f5d66d;
    border-radius: 0 0 3px 0;
    background: transparent;
    opacity: .76;
}

.simme-na__canonical-icon--atlas::before{
    position: absolute !important;
    left: 9px !important;
    top: 13px !important;
    width: 24px !important;
    height: 16px !important;
    content: "" !important;
    border: 1px solid rgba(143,217,255,.54) !important;
    border-radius: 50% !important;
    transform: rotate(-14deg) !important;
}

.simme-na__canonical-icon--atlas::after{
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 5px !important;
    height: 5px !important;
    content: "" !important;
    border-radius: 50% !important;
    background: #e1edfa !important;
    box-shadow:
        -10px -5px 0 #24bfff,
        10px -4px 0 #d84bff,
        -6px 8px 0 #f5d66d,
        8px 7px 0 #ff7bd9,
        0 0 9px rgba(36,191,255,.35) !important;
    transform: translate(-50%,-50%) !important;
}

.simme-na__canonical-icon--atlas > span::before{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 28px;
    height: 28px;
    content: "";
    border: 1px solid rgba(216,75,255,.18);
    border-radius: 50%;
    transform: translate(-50%,-50%) rotate(50deg) scaleY(.52);
}

.simme-na[data-theme="light"] .simme-na__canonical-link,.simme-na[data-theme="light"] .simme-na__canonical-link:link,.simme-na[data-theme="light"] .simme-na__canonical-link:visited{
    border-color: rgba(38,148,212,.34) !important;
    background:
        radial-gradient(ellipse at 9% 0%, rgba(36,191,255,.09), transparent 48%),
        linear-gradient(135deg, #ffffff 0%, #f6faff 72%, #eef6fc 100%) !important;
    color: #102033 !important;
    -webkit-text-fill-color: #102033 !important;
}

.simme-na[data-theme="light"] .simme-na__canonical-label{
    color: #102033 !important;
    -webkit-text-fill-color: #102033 !important;
}

.simme-na[data-theme="light"] .simme-na__canonical-copy small{
    color: #60748d !important;
    -webkit-text-fill-color: #60748d !important;
}

.simme-na[data-theme="light"] .simme-na__canonical-icon{
    border-color: rgba(38,148,212,.22) !important;
    background: rgba(36,191,255,.05) !important;
}

.simme-na[data-theme="light"] .simme-na__canonical-icon--read::before{
    background: rgba(255,255,255,.72);
    border-color: #2d8fc5;
}

@media (max-width: 700px){
    body .simme-na .simme-na__canonical-link,body .simme-na .simme-na__canonical-link:link,body .simme-na .simme-na__canonical-link:visited,body .simme-na .simme-na__canonical-link:hover,body .simme-na .simme-na__canonical-link:focus,body .simme-na .simme-na__canonical-link:active{
        min-height: 62px !important;
        padding: 9px 12px !important;
        gap: 11px !important;
        border-radius: 16px !important;
    }

    .simme-na__canonical-icon,.simme-na__canonical-icon--read{
        flex-basis: 40px !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 13px !important;
    }

    body .simme-na .simme-na__canonical-label{
        font-size: 12px !important;
    }

    body .simme-na .simme-na__canonical-copy small{
        font-size: 9px !important;
    }
}

.simme-na.simme-na--orbit-live .simme-na__orbit{
    overflow: visible !important;
    contain: layout style;
}

.simme-na.simme-na--orbit-live .simme-na__orbit-ring--one::before{
    width: 56% !important;
    height: 30% !important;
    transform: translate(-50%, -50%) rotate(-18deg) !important;
}

.simme-na.simme-na--orbit-live .simme-na__orbit-ring--two::before{
    width: 70% !important;
    height: 42% !important;
    transform: translate(-50%, -50%) rotate(51deg) !important;
}

.simme-na.simme-na--orbit-live .simme-na__orbit-ring--three::before{
    width: 80% !important;
    height: 58% !important;
    transform: translate(-50%, -50%) rotate(-39deg) !important;
}

@media (max-width: 900px){
    .simme-na.simme-na--orbit-live .simme-na__orbit{
        width: 82px !important;
        height: 82px !important;
        transform:
            translate3d(var(--sna-orbit-x), var(--sna-orbit-y), 0)
            rotateX(var(--sna-orbit-tilt-x))
            rotateY(var(--sna-orbit-tilt-y)) !important;
    }
}

@media (max-width: 560px){
    .simme-na.simme-na--orbit-live .simme-na__orbit{
        width: 70px !important;
        height: 70px !important;
        transform:
            translate3d(var(--sna-orbit-x), var(--sna-orbit-y), 0)
            rotateX(var(--sna-orbit-tilt-x))
            rotateY(var(--sna-orbit-tilt-y)) !important;
    }

    .simme-na.simme-na--orbit-live .simme-na__orbit-ring i{
        width: 9px !important;
        height: 9px !important;
    }
}

.simme-na .simme-na__orbit{
    position: relative !important;
    overflow: hidden !important;
    contain: layout paint style !important;
    isolation: isolate;
    border-radius: 50% !important;
    transform:
        translate3d(var(--sna-orbit-x, 0px), var(--sna-orbit-y, 0px), 0)
        rotateX(var(--sna-orbit-tilt-x, 0deg))
        rotateY(var(--sna-orbit-tilt-y, 0deg)) !important;
}

.simme-na .simme-na__orbit-canvas{
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

.simme-na.simme-na--orbit-canvas .simme-na__orbit-core,.simme-na.simme-na--orbit-canvas .simme-na__orbit-ring{
    display: none !important;
}

@media (max-width: 900px){
    .simme-na .simme-na__orbit{
        width: 82px !important;
        height: 82px !important;
        min-width: 82px !important;
        min-height: 82px !important;
    }
}

@media (max-width: 560px){
    .simme-na .simme-na__orbit{
        width: 72px !important;
        height: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
    }
}

.simme-na__count{
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

.simme-na__count-copy,.simme-na__orbit{
    position: relative !important;
    z-index: 3 !important;
}

.simme-na__count-ambient{
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}

.simme-na__count-ambient > i,.simme-na__count-ambient > b,.simme-na__count-ambient > em{
    position: absolute;
    display: block;
    pointer-events: none;
    font: inherit;
}

.simme-na__count-ambient > i{
    width: 80%;
    height: 150%;
    left: -30%;
    top: -28%;
    border-radius: 50%;
    background: radial-gradient(circle at 53% 48%, rgba(203,83,255,.44) 0%, rgba(128,92,255,.25) 28%, rgba(74,106,255,.09) 49%, transparent 71%);
    filter: blur(22px);
    opacity: .62;
    animation: simme-na-v46-ambient-violet 8.8s ease-in-out infinite alternate;
    will-change: transform, opacity;
}

.simme-na__count-ambient > b{
    width: 78%;
    height: 142%;
    right: -31%;
    bottom: -25%;
    border-radius: 50%;
    background: radial-gradient(circle at 43% 50%, rgba(36,191,255,.38) 0%, rgba(72,146,255,.21) 30%, rgba(35,88,174,.07) 51%, transparent 72%);
    filter: blur(24px);
    opacity: .58;
    animation: simme-na-v46-ambient-cyan 10.8s ease-in-out infinite alternate-reverse;
    will-change: transform, opacity;
}

.simme-na__count-ambient > em{
    left: 5%;
    top: 49%;
    width: 90%;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, rgba(202,88,255,.18) 22%, rgba(222,156,255,.52) 39%, rgba(153,201,255,.58) 56%, rgba(36,191,255,.18) 76%, transparent 100%);
    filter: blur(2px);
    opacity: .38;
    animation: simme-na-v46-ambient-streak 7s ease-in-out infinite alternate;
    will-change: transform, opacity;
}

@keyframes simme-na-v46-ambient-violet{
    0%   { transform: translate3d(-4%,-2%,0) scale(.94); opacity:.43; }
    48%  { transform: translate3d(16%,5%,0) scale(1.12); opacity:.80; }
    100% { transform: translate3d(25%,-3%,0) scale(1.02); opacity:.56; }
}

@keyframes simme-na-v46-ambient-cyan{
    0%   { transform: translate3d(6%,7%,0) scale(.95); opacity:.39; }
    52%  { transform: translate3d(-15%,-4%,0) scale(1.13); opacity:.72; }
    100% { transform: translate3d(-25%,5%,0) scale(1.03); opacity:.50; }
}

@keyframes simme-na-v46-ambient-streak{
    from { transform: translateX(-12%) scaleX(.78); opacity:.20; }
    to   { transform: translateX(13%) scaleX(1.16); opacity:.55; }
}

@media (prefers-reduced-motion: reduce){
    .simme-na__count-ambient > i,.simme-na__count-ambient > b,.simme-na__count-ambient > em{
        animation: none !important;
    }
}

.simme-na__reading-section::before{
    content: none !important;
    display: none !important;
}

.simme-na__section-heading{
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    min-width: 0 !important;
    margin: 0 0 18px !important;
}

.simme-na__section-heading > h2,.simme-na__section-heading > h3{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.simme-na__section-icon-wrap{
    position: relative;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
}

.simme-na__section-icon-wrap::before{
    content: "";
    position: absolute;
    inset: 8px;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(48,205,255,.42), rgba(48,205,255,.16) 36%, rgba(177,84,255,.08) 56%, transparent 72%);
    filter: blur(12px);
    opacity: .95;
}

.simme-na__section-icon{
    display: block;
    width: 64px;
    height: 64px;
    object-fit: contain;
    filter: drop-shadow(0 0 13px rgba(49,194,255,.18));
}

.simme-na[data-theme="light"] .simme-na__section-icon-wrap::before{
    background: radial-gradient(circle, rgba(70,176,255,.23), rgba(70,176,255,.08) 40%, rgba(177,84,255,.05) 58%, transparent 74%);
}

@media (max-width: 700px){
    .simme-na__section-heading{ gap: 14px !important; margin-bottom: 14px !important; }
    .simme-na__section-icon-wrap,.simme-na__section-icon{ width: 54px; height: 54px; }
    .simme-na__section-icon-wrap{ flex-basis: 54px; }
}

@media (max-width: 480px){
    .simme-na__section-heading{ gap: 12px !important; }
    .simme-na__section-icon-wrap,.simme-na__section-icon{ width: 48px; height: 48px; }
    .simme-na__section-icon-wrap{ flex-basis: 48px; }
}

.simme-na__canonical-icon--atlas{
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 48%, rgba(36,191,255,.12), rgba(36,191,255,0) 46%),
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)) !important;
}

.simme-na__canonical-icon--atlas::before{
    left: 10px !important;
    top: 13px !important;
    width: 24px !important;
    height: 16px !important;
    border: 1px solid rgba(143,217,255,.5) !important;
    transform-origin: 50% 50% !important;
    animation: simmeAtlasMiniOrbitA 9.5s linear infinite;
}

.simme-na__canonical-icon--atlas::after{
    left: 50% !important;
    top: 50% !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #eaf4ff !important;
    box-shadow:
        -11px -7px 0 #24bfff,
        11px -5px 0 #d84bff,
        -8px 10px 0 #f5d66d,
        10px 9px 0 #ff7bd9,
        0 0 12px rgba(36,191,255,.35) !important;
    transform: translate(-50%,-50%) rotate(0deg) !important;
    transform-origin: 50% 50% !important;
    animation: simmeAtlasMiniOrbitNodes 6.8s linear infinite;
}

.simme-na__canonical-icon--atlas > span::before,.simme-na__canonical-icon--atlas > span::after{
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    border-radius: 50%;
    transform-origin: 50% 50%;
}

.simme-na__canonical-icon--atlas > span::before{
    width: 29px;
    height: 29px;
    border: 1px solid rgba(216,75,255,.2);
    transform: translate(-50%,-50%) rotate(50deg) scaleY(.54);
    animation: simmeAtlasMiniOrbitB 8.2s linear infinite reverse;
}

.simme-na__canonical-icon--atlas > span::after{
    width: 20px;
    height: 20px;
    border: 1px solid rgba(245,214,109,.22);
    transform: translate(-50%,-50%) rotate(18deg) scaleY(.58);
    animation: simmeAtlasMiniOrbitC 5.6s linear infinite;
}

body .simme-na .simme-na__canonical-link--atlas:hover .simme-na__canonical-icon--atlas::before,body .simme-na .simme-na__canonical-link--atlas:focus-visible .simme-na__canonical-icon--atlas::before{
    animation-duration: 7.4s;
}

body .simme-na .simme-na__canonical-link--atlas:hover .simme-na__canonical-icon--atlas::after,body .simme-na .simme-na__canonical-link--atlas:focus-visible .simme-na__canonical-icon--atlas::after{
    animation-duration: 4.2s;
    filter: drop-shadow(0 0 9px rgba(36,191,255,.32));
}

body .simme-na .simme-na__canonical-link--atlas:hover .simme-na__canonical-icon--atlas > span::before,body .simme-na .simme-na__canonical-link--atlas:focus-visible .simme-na__canonical-icon--atlas > span::before{
    animation-duration: 6.2s;
}

body .simme-na .simme-na__canonical-link--atlas:hover .simme-na__canonical-icon--atlas > span::after,body .simme-na .simme-na__canonical-link--atlas:focus-visible .simme-na__canonical-icon--atlas > span::after{
    animation-duration: 4.4s;
}

.simme-na[data-theme="light"] .simme-na__canonical-icon--atlas{
    background:
        radial-gradient(circle at 50% 48%, rgba(36,191,255,.10), rgba(36,191,255,0) 44%),
        linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,.2)) !important;
}

.simme-na[data-theme="light"] .simme-na__canonical-icon--atlas::before{
    border-color: rgba(73, 154, 214, .42) !important;
}

.simme-na[data-theme="light"] .simme-na__canonical-icon--atlas > span::before{
    border-color: rgba(180, 92, 232, .18) !important;
}

.simme-na[data-theme="light"] .simme-na__canonical-icon--atlas > span::after{
    border-color: rgba(226, 183, 67, .18) !important;
}

@keyframes simmeAtlasMiniOrbitA{
    from { transform: rotate(-14deg); }
    to   { transform: rotate(346deg); }
}

@keyframes simmeAtlasMiniOrbitB{
    from { transform: translate(-50%,-50%) rotate(50deg) scaleY(.54); }
    to   { transform: translate(-50%,-50%) rotate(410deg) scaleY(.54); }
}

@keyframes simmeAtlasMiniOrbitC{
    from { transform: translate(-50%,-50%) rotate(18deg) scaleY(.58); }
    to   { transform: translate(-50%,-50%) rotate(-342deg) scaleY(.58); }
}

@keyframes simmeAtlasMiniOrbitNodes{
    0%   { transform: translate(-50%,-50%) rotate(0deg) scale(1); }
    50%  { transform: translate(-50%,-50%) rotate(180deg) scale(1.03); }
    100% { transform: translate(-50%,-50%) rotate(360deg) scale(1); }
}

body.simme-node-atlas-detail-page .simme-node-topbar{
    display: none !important;
}

body.simme-node-atlas-detail-page #headerwrap,body.simme-node-atlas-detail-page #header,body.simme-node-atlas-detail-page #site-logo,body.simme-node-atlas-detail-page .header-bar,body.simme-node-atlas-detail-page .header-icons,body.simme-node-atlas-detail-page .mobile-menu-module{
    color-scheme: normal;
}

body.simme-node-atlas-detail-page .simme-na__reading-section{
    scroll-margin-top: 120px;
}

body.simme-node-atlas-detail-page .simme-node-site-topbar-exact{
    position: sticky !important;
    top: 0;
    z-index: 100050 !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 0 !important;
    isolation: isolate;
    color-scheme: dark;
}

body.admin-bar.simme-node-atlas-detail-page .simme-node-site-topbar-exact{
    top: 32px !important;
}

@media screen and (max-width: 782px){
    body.admin-bar.simme-node-atlas-detail-page .simme-node-site-topbar-exact{
        top: 46px !important;
    }
}

body.simme-node-atlas-detail-page #headerwrap,body.simme-node-atlas-detail-page > #pagewrap > #headerwrap{
    display: none !important;
}

body.simme-node-atlas-detail-page .simme-node-site-topbar-exact--fallback .simme-node-topbar{
    display: block !important;
    position: relative !important;
    top: auto !important;
}

body.simme-node-atlas-detail-page .simme-node-site-topbar-exact > :first-child{
    margin-top: 0 !important;
}

body.simme-node-atlas-detail-page .simme-node-site-topbar-exact > :last-child{
    margin-bottom: 0 !important;
}

body.simme-node-atlas-detail-page .simme-na__reading-section{
    scroll-margin-top: 170px !important;
}

body .simme-na .simme-na__count{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(150px, .82fr) minmax(190px, 1.18fr) !important;
    grid-template-areas: "copy orbit" !important;
    align-items: center !important;
    gap: clamp(16px, 2.4vw, 34px) !important;
    min-height: 300px !important;
    padding: clamp(26px, 3vw, 42px) !important;
    overflow: hidden !important;
    border-radius: 34px !important;
    isolation: isolate !important;
}

body .simme-na .simme-na__count-copy{
    grid-area: copy !important;
    position: relative !important;
    z-index: 5 !important;
    align-self: center !important;
    justify-self: stretch !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: clamp(18px, 2.2vw, 28px) !important;
    border: 1px solid rgba(143,217,255,.18) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(180deg, rgba(15,29,59,.56), rgba(10,21,42,.34)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 20px 48px rgba(0,0,0,.13) !important;
}

body .simme-na .simme-na__count-copy::before{
    content: "" !important;
    position: absolute !important;
    inset: -34% -26% !important;
    z-index: -1 !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(205,84,255,.50) 0%, rgba(110,111,255,.24) 34%, rgba(36,191,255,.12) 55%, transparent 73%) !important;
    filter: blur(22px) !important;
    opacity: .72 !important;
    animation: simmeV50CopyAura 6.4s ease-in-out infinite alternate !important;
    pointer-events: none !important;
}

body .simme-na .simme-na__count-copy strong{
    font-size: clamp(58px, 7vw, 88px) !important;
    line-height: .88 !important;
    letter-spacing: -.05em !important;
    color: #f1f6ff !important;
}
body .simme-na .simme-na__count-copy span{
    font-size: clamp(19px, 2vw, 27px) !important;
    line-height: 1.05 !important;
    font-weight: 760 !important;
    color: #f3f7ff !important;
}
body .simme-na .simme-na__count-copy small{
    font-size: clamp(13px, 1.3vw, 17px) !important;
    line-height: 1.38 !important;
    color: rgba(225,237,250,.83) !important;
}

body .simme-na .simme-na__count-ambient{
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: inherit !important;
    pointer-events: none !important;
}

body .simme-na .simme-na__count-ambient > i{
    width: 95% !important;
    height: 185% !important;
    left: -36% !important;
    top: -43% !important;
    background: radial-gradient(circle at 52% 50%, rgba(211,70,255,.68) 0%, rgba(129,84,255,.40) 28%, rgba(64,103,255,.17) 51%, transparent 73%) !important;
    filter: blur(26px) !important;
    opacity: .78 !important;
    mix-blend-mode: screen !important;
    animation: simmeV50AmbientViolet 7.6s cubic-bezier(.4,0,.2,1) infinite alternate !important;
}

body .simme-na .simme-na__count-ambient > b{
    width: 98% !important;
    height: 175% !important;
    right: -37% !important;
    bottom: -39% !important;
    background: radial-gradient(circle at 44% 50%, rgba(36,191,255,.62) 0%, rgba(50,145,255,.34) 30%, rgba(34,85,189,.14) 52%, transparent 74%) !important;
    filter: blur(28px) !important;
    opacity: .70 !important;
    mix-blend-mode: screen !important;
    animation: simmeV50AmbientCyan 9.4s cubic-bezier(.4,0,.2,1) infinite alternate-reverse !important;
}

body .simme-na .simme-na__count-ambient > em{
    left: -8% !important;
    top: 48% !important;
    width: 116% !important;
    height: 5px !important;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(213,71,255,.08) 12%,
        rgba(222,119,255,.48) 32%,
        rgba(187,180,255,.76) 49%,
        rgba(98,203,255,.66) 65%,
        rgba(36,191,255,.12) 86%,
        transparent 100%) !important;
    filter: blur(2.5px) !important;
    opacity: .58 !important;
    animation: simmeV50AmbientStreak 5.8s ease-in-out infinite alternate !important;
}

body .simme-na .simme-na__count::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 20% 44%, rgba(255,255,255,.10), transparent 23%),
        radial-gradient(circle at 76% 50%, rgba(36,191,255,.055), transparent 34%) !important;
    animation: simmeV50PanelPulse 4.8s ease-in-out infinite alternate !important;
}

body .simme-na .simme-na__orbit--css{
    --sna-css-orbit-x: 0px;
    --sna-css-orbit-y: 0px;
    --sna-css-orbit-rx: 0deg;
    --sna-css-orbit-ry: 0deg;
    grid-area: orbit !important;
    position: relative !important;
    z-index: 5 !important;
    justify-self: center !important;
    align-self: center !important;
    width: min(100%, 310px) !important;
    min-width: 190px !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    contain: paint !important;
    isolation: isolate !important;
    perspective: 800px !important;
    transform:
        translate3d(var(--sna-css-orbit-x), var(--sna-css-orbit-y), 0)
        rotateX(var(--sna-css-orbit-rx))
        rotateY(var(--sna-css-orbit-ry)) !important;
    transition: transform .22s cubic-bezier(.2,.72,.2,1) !important;
    background: radial-gradient(circle at 50% 50%, rgba(36,191,255,.10), rgba(12,36,66,.15) 34%, rgba(5,16,31,.02) 62%, transparent 72%) !important;
    box-shadow: inset 0 0 55px rgba(36,191,255,.03) !important;
}

body .simme-na .simme-na__orbit--css::before,body .simme-na .simme-na__orbit--css::after{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%,-50%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}
body .simme-na .simme-na__orbit--css::before{
    width: 88% !important;
    height: 88% !important;
    border: 1px solid rgba(143,217,255,.10) !important;
}
body .simme-na .simme-na__orbit--css::after{
    width: 68% !important;
    height: 68% !important;
    background: radial-gradient(circle, rgba(36,191,255,.11), rgba(36,191,255,.025) 48%, transparent 70%) !important;
    box-shadow: 0 0 44px rgba(36,191,255,.08) !important;
}

.simme-na__orbit-halo{
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 46% !important;
    height: 46% !important;
    transform: translate(-50%,-50%) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(25,103,165,.24), rgba(8,34,66,.52) 55%, rgba(3,16,32,.82) 100%) !important;
    box-shadow: 0 0 42px rgba(36,191,255,.09) !important;
    z-index: 1 !important;
}

.simme-na__orbit-ring-css{
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 3 !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 50% !important;
    transform-origin: 50% 50% !important;
    will-change: transform !important;
}

.simme-na__orbit-ring-css--one{
    width: 72% !important;
    height: 39% !important;
    margin-left: -36% !important;
    margin-top: -19.5% !important;
    border-color: rgba(87,191,255,.38) !important;
    animation: simmeV50OrbitOne 7.2s linear infinite !important;
}
.simme-na__orbit-ring-css--two{
    width: 61% !important;
    height: 72% !important;
    margin-left: -30.5% !important;
    margin-top: -36% !important;
    border-color: rgba(216,75,255,.30) !important;
    animation: simmeV50OrbitTwo 9.6s linear infinite reverse !important;
}
.simme-na__orbit-ring-css--three{
    width: 79% !important;
    height: 52% !important;
    margin-left: -39.5% !important;
    margin-top: -26% !important;
    border-color: rgba(245,214,109,.24) !important;
    animation: simmeV50OrbitThree 12.4s linear infinite !important;
}

.simme-na__orbit-ball{
    position: absolute !important;
    width: clamp(10px, 4.5%, 16px) !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    box-shadow: 0 0 12px currentColor, 0 0 22px color-mix(in srgb, currentColor 42%, transparent) !important;
    background:
        radial-gradient(circle at 33% 27%, rgba(255,255,255,.98) 0 12%, color-mix(in srgb, currentColor 72%, white 28%) 22%, currentColor 58%, color-mix(in srgb, currentColor 58%, black 42%) 100%) !important;
    color: #24bfff;
    transform: translate(-50%,-50%) !important;
}
.simme-na__orbit-ball--cyan{ color:#24bfff !important; }
.simme-na__orbit-ball--blue{ color:#37b7ff !important; }
.simme-na__orbit-ball--ice{ color:#8fd9ff !important; }
.simme-na__orbit-ball--violet{ color:#d84bff !important; }
.simme-na__orbit-ball--pink{ color:#ff7bd9 !important; }
.simme-na__orbit-ball--gold{ color:#f5d66d !important; }
.simme-na__orbit-ball--white{ color:#e1edfa !important; }

.simme-na__orbit-ring-css--one .simme-na__orbit-ball:nth-child(1){ left: 0%; top: 50%; }
.simme-na__orbit-ring-css--one .simme-na__orbit-ball:nth-child(2){ left: 73%; top: 5%; }
.simme-na__orbit-ring-css--one .simme-na__orbit-ball:nth-child(3){ left: 100%; top: 50%; }
.simme-na__orbit-ring-css--two .simme-na__orbit-ball:nth-child(1){ left: 19%; top: 8%; }
.simme-na__orbit-ring-css--two .simme-na__orbit-ball:nth-child(2){ left: 81%; top: 92%; }
.simme-na__orbit-ring-css--three .simme-na__orbit-ball:nth-child(1){ left: 79%; top: 7%; }
.simme-na__orbit-ring-css--three .simme-na__orbit-ball:nth-child(2){ left: 21%; top: 93%; }

.simme-na__orbit-core-css{
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 6 !important;
    width: clamp(12px, 7%, 22px) !important;
    aspect-ratio: 1 / 1 !important;
    transform: translate(-50%,-50%) !important;
    border-radius: 50% !important;
    background: #e1edfa !important;
    box-shadow: 0 0 14px rgba(143,217,255,.82), 0 0 32px rgba(36,191,255,.28) !important;
    animation: simmeV50CorePulse 2.8s ease-in-out infinite alternate !important;
}

@keyframes simmeV50OrbitOne{
    from { transform: rotate(-18deg); }
    to   { transform: rotate(342deg); }
}
@keyframes simmeV50OrbitTwo{
    from { transform: rotate(49deg); }
    to   { transform: rotate(409deg); }
}
@keyframes simmeV50OrbitThree{
    from { transform: rotate(-39deg); }
    to   { transform: rotate(321deg); }
}
@keyframes simmeV50CorePulse{
    from { transform: translate(-50%,-50%) scale(.92); opacity:.84; }
    to   { transform: translate(-50%,-50%) scale(1.12); opacity:1; }
}
@keyframes simmeV50CopyAura{
    from { transform: translate3d(-5%,-2%,0) scale(.92); opacity:.54; }
    to   { transform: translate3d(9%,4%,0) scale(1.10); opacity:.88; }
}
@keyframes simmeV50AmbientViolet{
    0%   { transform: translate3d(-8%,-4%,0) scale(.90); opacity:.52; }
    46%  { transform: translate3d(18%,4%,0) scale(1.16); opacity:.92; }
    100% { transform: translate3d(30%,-2%,0) scale(1.03); opacity:.65; }
}
@keyframes simmeV50AmbientCyan{
    0%   { transform: translate3d(8%,6%,0) scale(.92); opacity:.48; }
    52%  { transform: translate3d(-18%,-5%,0) scale(1.17); opacity:.84; }
    100% { transform: translate3d(-30%,5%,0) scale(1.04); opacity:.60; }
}
@keyframes simmeV50AmbientStreak{
    from { transform: translateX(-16%) scaleX(.76); opacity:.25; }
    to   { transform: translateX(16%) scaleX(1.18); opacity:.70; }
}
@keyframes simmeV50PanelPulse{
    from { opacity:.50; }
    to   { opacity:1; }
}

.simme-na[data-theme="light"] .simme-na__count-copy{
    background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(244,248,255,.62)) !important;
    border-color: rgba(73,156,218,.16) !important;
}
.simme-na[data-theme="light"] .simme-na__count-copy strong,.simme-na[data-theme="light"] .simme-na__count-copy span{ color:#17233a !important; }
.simme-na[data-theme="light"] .simme-na__count-copy small{ color:rgba(59,77,108,.80) !important; }
.simme-na[data-theme="light"] .simme-na__count-ambient > i{ opacity:.36 !important; }
.simme-na[data-theme="light"] .simme-na__count-ambient > b{ opacity:.34 !important; }
.simme-na[data-theme="light"] .simme-na__count-ambient > em{ opacity:.30 !important; }

@media (max-width: 900px){
    body .simme-na .simme-na__count{
        grid-template-columns: minmax(130px, .9fr) minmax(150px, 1.1fr) !important;
        min-height: 252px !important;
        padding: 24px !important;
        border-radius: 30px !important;
    }
    body .simme-na .simme-na__orbit--css{
        width: min(100%, 230px) !important;
        min-width: 150px !important;
        height: auto !important;
        min-height: 0 !important;
    }
}

@media (max-width: 560px){
    body .simme-na .simme-na__count{
        grid-template-columns: 1fr !important;
        grid-template-areas: "copy" "orbit" !important;
        gap: 18px !important;
        min-height: 0 !important;
        padding: 20px !important;
        border-radius: 28px !important;
    }
    body .simme-na .simme-na__count-copy{
        width: 100% !important;
        max-width: 300px !important;
        justify-self: center !important;
        text-align: center !important;
        justify-items: center !important;
        padding: 18px !important;
        border-radius: 22px !important;
    }
    body .simme-na .simme-na__count-copy strong{ font-size: 56px !important; }
    body .simme-na .simme-na__count-copy span{ font-size: 19px !important; }
    body .simme-na .simme-na__count-copy small{ font-size: 13px !important; }
    body .simme-na .simme-na__orbit--css{
        width: min(76vw, 240px) !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        justify-self: center !important;
    }
}

@media (prefers-reduced-motion: reduce){
    .simme-na__orbit-ring-css--one{ animation-duration: 38s !important; }
    .simme-na__orbit-ring-css--two{ animation-duration: 46s !important; }
    .simme-na__orbit-ring-css--three{ animation-duration: 58s !important; }
    .simme-na__orbit-core-css{ animation-duration: 8s !important; }
    body .simme-na .simme-na__count-ambient > i{ animation-duration: 24s !important; }
    body .simme-na .simme-na__count-ambient > b{ animation-duration: 30s !important; }
    body .simme-na .simme-na__count-ambient > em{ animation-duration: 20s !important; }
}

body .simme-na .simme-na__orbit--svg{
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(36,191,255,.11), rgba(12,36,66,.15) 36%, rgba(5,16,31,.02) 64%, transparent 73%) !important;
}

body .simme-na .simme-na__orbit--svg::before,body .simme-na .simme-na__orbit--svg::after{
    display: none !important;
    content: none !important;
}

.simme-na__orbit-svg{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: visible !important;
}

.simme-na__svg-orbit,.simme-na__svg-orbit-core,.simme-na__svg-orbit-core-halo{
    transform-box: view-box;
    transform-origin: 120px 120px;
}

.simme-na__svg-orbit-core-halo{
    opacity: .72;
}

@media (prefers-reduced-motion: reduce){
    .simme-na__orbit-svg{
        opacity: .96;
    }
}

body.simme-node-atlas-detail-page .simme-node-site-topbar-exact{ display:none !important; }
body.simme-node-atlas-detail-page .simme-node-normal-header{
    position: sticky !important;
    top: 0 !important;
    z-index: 100060 !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 12px 12px, rgba(36,191,255,.055) 0 2px, transparent 2.5px) 0 0/24px 24px,
        linear-gradient(90deg,#00354a 0%,#003247 44%,#002d42 100%) !important;
    border: 0 !important;
    border-bottom: 4px solid #15c9ff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
    isolation:isolate;
}
body.admin-bar.simme-node-atlas-detail-page .simme-node-normal-header{ top:32px !important; }
@media (max-width:782px){body.admin-bar.simme-node-atlas-detail-page .simme-node-normal-header{top:46px !important;}}

.simme-node-normal-header__inner{
    width:min(1720px,100%);
    min-height:136px;
    margin:0 auto;
    padding:16px clamp(28px,5vw,76px);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.simme-node-normal-header__brand,.simme-node-normal-header__brand:hover,.simme-node-normal-header__brand:focus,.simme-node-normal-header__brand:visited{
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    max-width:min(260px,48vw) !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    text-decoration:none !important;
}
.simme-node-normal-header__logo{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:240px !important;
    max-height:96px !important;
    object-fit:contain !important;
    object-position:left center !important;
    margin:0 !important;
    filter:drop-shadow(0 0 12px rgba(36,191,255,.08));
}
.simme-node-normal-header__wordmark{color:#fff;font-size:28px;font-weight:750;line-height:.9}.simme-node-normal-header__wordmark small{display:block;font-size:11px;letter-spacing:.34em;margin-top:8px;font-weight:500}

body .simme-node-normal-header__burger,body .simme-node-normal-header__burger:hover,body .simme-node-normal-header__burger:focus,body .simme-node-normal-header__burger:active{
    display:grid !important;
    place-content:center !important;
    gap:7px !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#fff !important;
    cursor:pointer !important;
}
.simme-node-normal-header__burger span{display:block !important;width:34px !important;height:3px !important;border-radius:3px !important;background:#fff !important;transition:transform .2s ease,opacity .16s ease !important;transform-origin:center !important}
.simme-node-normal-header__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(10px) rotate(45deg) !important}.simme-node-normal-header__burger[aria-expanded="true"] span:nth-child(2){opacity:0 !important}.simme-node-normal-header__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-10px) rotate(-45deg) !important}

.simme-node-normal-header__menu{
    position:absolute !important;
    top:calc(100% + 1px) !important;
    right:clamp(18px,4vw,70px) !important;
    width:min(390px,calc(100vw - 36px)) !important;
    max-height:min(72vh,660px) !important;
    overflow:auto !important;
    padding:12px !important;
    border:1px solid rgba(67,205,255,.28) !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(3,34,50,.99),rgba(3,20,33,.99)) !important;
    box-shadow:0 28px 68px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
}
.simme-node-normal-header__menu[hidden]{display:none !important}
.simme-node-normal-header__menu .simme-node-topbar__menu-list,.simme-node-normal-header__menu .simme-node-topbar__menu-list ul{display:grid !important;gap:5px !important;list-style:none !important;margin:0 !important;padding:0 !important}
.simme-node-normal-header__menu .simme-node-topbar__menu-list ul{margin:4px 0 4px 12px !important;padding-left:10px !important;border-left:1px solid rgba(90,208,255,.17) !important}
.simme-node-normal-header__menu .simme-node-topbar__menu-list li{list-style:none !important;margin:0 !important;padding:0 !important}
.simme-node-normal-header__menu .simme-node-topbar__menu-list a,.simme-node-normal-header__menu .simme-node-topbar__menu-list a:visited{display:block !important;padding:11px 12px !important;border-radius:10px !important;color:#d8e8f5 !important;-webkit-text-fill-color:#d8e8f5 !important;text-decoration:none !important;background:transparent !important;font-size:14px !important;font-weight:600 !important;line-height:1.3 !important}
.simme-node-normal-header__menu .simme-node-topbar__menu-list a:hover,.simme-node-normal-header__menu .simme-node-topbar__menu-list a:focus-visible{background:rgba(36,191,255,.08) !important;color:#fff !important;-webkit-text-fill-color:#fff !important}

@media (max-width:700px){
    .simme-node-normal-header__inner{min-height:92px;padding:10px 18px}
    .simme-node-normal-header__logo{max-width:176px !important;max-height:68px !important}
    body .simme-node-normal-header__burger,body .simme-node-normal-header__burger:hover,body .simme-node-normal-header__burger:focus{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important}
    .simme-node-normal-header__burger span{width:30px !important;height:2.5px !important}
}

body .simme-na .simme-na__orbit--live52{
    --sna-live-x:0px;--sna-live-y:0px;--sna-live-rx:0deg;--sna-live-ry:0deg;
    position:relative !important;
    z-index:6 !important;
    display:block !important;
    width:min(100%,300px) !important;
    min-width:170px !important;
    height:auto !important;
    aspect-ratio:1/1 !important;
    justify-self:center !important;
    align-self:center !important;
    overflow:hidden !important;
    border-radius:50% !important;
    isolation:isolate !important;
    background:radial-gradient(circle at 50% 50%,rgba(36,191,255,.12),rgba(7,27,50,.24) 42%,rgba(3,16,30,.04) 68%,transparent 74%) !important;
    transform:translate3d(var(--sna-live-x),var(--sna-live-y),0) rotateX(var(--sna-live-rx)) rotateY(var(--sna-live-ry)) !important;
    transition:transform .2s ease !important;
}
body .simme-na .simme-na__orbit--live52::before,body .simme-na .simme-na__orbit--live52::after{content:none !important;display:none !important}
.simme-na__orbit-halo52{position:absolute !important;left:50% !important;top:50% !important;width:50% !important;height:50% !important;transform:translate(-50%,-50%) !important;border-radius:50% !important;background:radial-gradient(circle,rgba(27,112,174,.32),rgba(7,34,66,.56) 58%,rgba(2,15,30,.9) 100%) !important;box-shadow:0 0 54px rgba(36,191,255,.11) !important;z-index:1 !important}
.simme-na__orbit-set52{position:absolute !important;inset:0 !important;display:block !important;z-index:3 !important;pointer-events:none !important;transform-origin:50% 50% !important}
.simme-na__orbit-set52::before{content:"" !important;position:absolute !important;left:50% !important;top:50% !important;border:1px solid rgba(143,217,255,.26) !important;border-radius:50% !important;transform:translate(-50%,-50%) !important;box-shadow:inset 0 0 12px rgba(36,191,255,.025) !important}
.simme-na__orbit-set52--one::before{width:64% !important;height:34% !important;transform:translate(-50%,-50%) rotate(-18deg) !important;border-color:rgba(88,202,255,.42) !important}
.simme-na__orbit-set52--two::before{width:58% !important;height:72% !important;transform:translate(-50%,-50%) rotate(51deg) !important;border-color:rgba(216,75,255,.34) !important}
.simme-na__orbit-set52--three::before{width:78% !important;height:48% !important;transform:translate(-50%,-50%) rotate(-39deg) !important;border-color:rgba(245,214,109,.28) !important}
.simme-na__orbit-ball52{position:absolute !important;display:block !important;left:50% !important;top:50% !important;width:clamp(11px,5.2%,17px) !important;height:clamp(11px,5.2%,17px) !important;border-radius:50% !important;border:1px solid rgba(255,255,255,.88) !important;box-sizing:border-box !important;opacity:1 !important;z-index:6 !important;will-change:transform,opacity !important}
.simme-na__orbit-ball52--cyan{background:radial-gradient(circle at 30% 25%,#fff 0 10%,#b8edff 20%,#24bfff 56%,#086693 100%) !important;box-shadow:0 0 13px #24bfff,0 0 24px rgba(36,191,255,.34) !important}
.simme-na__orbit-ball52--blue{background:radial-gradient(circle at 30% 25%,#fff 0 10%,#c5efff 20%,#37b7ff 56%,#145a86 100%) !important;box-shadow:0 0 13px #37b7ff,0 0 24px rgba(55,183,255,.34) !important}
.simme-na__orbit-ball52--ice{background:radial-gradient(circle at 30% 25%,#fff 0 10%,#f0fbff 20%,#8fd9ff 56%,#4c8da9 100%) !important;box-shadow:0 0 13px #8fd9ff,0 0 24px rgba(143,217,255,.34) !important}
.simme-na__orbit-ball52--violet{background:radial-gradient(circle at 30% 25%,#fff 0 10%,#f4c8ff 20%,#d84bff 56%,#70218e 100%) !important;box-shadow:0 0 13px #d84bff,0 0 24px rgba(216,75,255,.34) !important}
.simme-na__orbit-ball52--pink{background:radial-gradient(circle at 30% 25%,#fff 0 10%,#ffd5f1 20%,#ff7bd9 56%,#983d7e 100%) !important;box-shadow:0 0 13px #ff7bd9,0 0 24px rgba(255,123,217,.34) !important}
.simme-na__orbit-ball52--gold{background:radial-gradient(circle at 30% 25%,#fff 0 10%,#fff2b0 20%,#f5d66d 56%,#967424 100%) !important;box-shadow:0 0 13px #f5d66d,0 0 24px rgba(245,214,109,.34) !important}
.simme-na__orbit-ball52--white{background:radial-gradient(circle at 30% 25%,#fff 0 16%,#f7fbff 26%,#e1edfa 60%,#839ab0 100%) !important;box-shadow:0 0 13px #e1edfa,0 0 24px rgba(225,237,250,.30) !important}
.simme-na__orbit-core52{position:absolute !important;left:50% !important;top:50% !important;width:clamp(13px,7%,22px) !important;height:clamp(13px,7%,22px) !important;transform:translate(-50%,-50%) !important;border-radius:50% !important;background:#e1edfa !important;box-shadow:0 0 16px rgba(143,217,255,.88),0 0 34px rgba(36,191,255,.34) !important;z-index:8 !important;animation:simmeV52CorePulse 2.7s ease-in-out infinite alternate !important}
@keyframes simmeV52CorePulse{from{transform:translate(-50%,-50%) scale(.94);opacity:.88}to{transform:translate(-50%,-50%) scale(1.08);opacity:1}}

.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--one{animation:simmeV52FallbackA 7.2s linear infinite !important}.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--two{animation:simmeV52FallbackB 9.6s linear infinite reverse !important}.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--three{animation:simmeV52FallbackC 12.4s linear infinite !important}
.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--one .simme-na__orbit-ball52:nth-child(1){transform:translate(-50%,-50%) translate(-31%,0)}
.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--one .simme-na__orbit-ball52:nth-child(2){transform:translate(-50%,-50%) translate(22%,-14%)}
.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--one .simme-na__orbit-ball52:nth-child(3){transform:translate(-50%,-50%) translate(31%,0)}
@keyframes simmeV52FallbackA{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes simmeV52FallbackB{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes simmeV52FallbackC{from{transform:rotate(0)}to{transform:rotate(360deg)}}

@media (max-width:700px){body .simme-na .simme-na__orbit--live52{min-width:150px !important;width:min(100%,240px) !important}}

.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--one .simme-na__orbit-ball52:nth-child(1){left:18% !important;top:50% !important;transform:translate(-50%,-50%) !important}
.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--one .simme-na__orbit-ball52:nth-child(2){left:66% !important;top:32% !important;transform:translate(-50%,-50%) !important}
.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--one .simme-na__orbit-ball52:nth-child(3){left:82% !important;top:50% !important;transform:translate(-50%,-50%) !important}
.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--two .simme-na__orbit-ball52:nth-child(1){left:39% !important;top:20% !important;transform:translate(-50%,-50%) !important}
.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--two .simme-na__orbit-ball52:nth-child(2){left:64% !important;top:79% !important;transform:translate(-50%,-50%) !important}
.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--three .simme-na__orbit-ball52:nth-child(1){left:72% !important;top:31% !important;transform:translate(-50%,-50%) !important}
.simme-na:not(.simme-na--orbit-v52-js) .simme-na__orbit-set52--three .simme-na__orbit-ball52:nth-child(2){left:29% !important;top:70% !important;transform:translate(-50%,-50%) !important}

body.simme-node-atlas-detail-page .simme-node-normal-header,body.simme-node-atlas-detail-page .simme-node-site-topbar-exact,body.simme-node-atlas-detail-page .simme-node-topbar{
    display: none !important;
}

body.simme-node-atlas-detail-page .simme-node-homebar53{
    position: sticky !important;
    top: 0 !important;
    z-index: 100080 !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    color-scheme: dark !important;
    background:
        radial-gradient(circle at 18px 18px, rgba(41,192,235,.075) 0 2px, transparent 2.6px) 0 0 / 39px 39px,
        linear-gradient(90deg, #00374c 0%, #003448 48%, #002f43 100%) !important;
    border: 0 !important;
    border-bottom: 3px solid #11c8ff !important;
    box-shadow: 0 8px 26px rgba(0,0,0,.16) !important;
}
body.admin-bar.simme-node-atlas-detail-page .simme-node-homebar53{ top: 32px !important; }
@media (max-width:782px){ body.admin-bar.simme-node-atlas-detail-page .simme-node-homebar53{ top:46px !important; } }

.simme-node-homebar53__inner{
    min-height: 138px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 clamp(54px,4.7vw,98px) 0 clamp(76px,9.9vw,205px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}
.simme-node-homebar53__brand,.simme-node-homebar53__brand:hover,.simme-node-homebar53__brand:focus,.simme-node-homebar53__brand:visited{
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 300px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
.simme-node-homebar53__logo{
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 245px !important;
    max-height: 104px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
}
.simme-node-homebar53__fallback{
    display:inline-flex !important;
    flex-direction:column !important;
    color:#fff !important;
    font-size:31px !important;
    font-weight:700 !important;
    line-height:.8 !important;
}
.simme-node-homebar53__fallback small{ margin-top:10px; font-size:11px; letter-spacing:.32em; font-weight:500; }

body .simme-node-homebar53__burger,body .simme-node-homebar53__burger:hover,body .simme-node-homebar53__burger:focus,body .simme-node-homebar53__burger:active{
    display: grid !important;
    place-content: center !important;
    gap: 7px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer !important;
}
.simme-node-homebar53__burger span{
    display:block !important;
    width:34px !important;
    height:3px !important;
    border-radius:2px !important;
    background:#fff !important;
    transition:transform .2s ease,opacity .16s ease !important;
    transform-origin:center !important;
}
.simme-node-homebar53__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(10px) rotate(45deg)!important}
.simme-node-homebar53__burger[aria-expanded="true"] span:nth-child(2){opacity:0!important}
.simme-node-homebar53__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-10px) rotate(-45deg)!important}

.simme-node-homebar53__menu{
    position: absolute !important;
    top: calc(100% + 1px) !important;
    right: clamp(24px,4.7vw,98px) !important;
    width: min(390px, calc(100vw - 36px)) !important;
    max-height: min(72vh,660px) !important;
    overflow: auto !important;
    padding: 12px !important;
    border: 1px solid rgba(82,202,245,.28) !important;
    border-radius: 17px !important;
    background: linear-gradient(180deg,rgba(3,43,59,.995),rgba(3,24,38,.995)) !important;
    box-shadow: 0 28px 68px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}
.simme-node-homebar53__menu[hidden]{display:none!important}
.simme-node-homebar53__menu .simme-node-topbar__menu-list,.simme-node-homebar53__menu .simme-node-topbar__menu-list ul{ display:grid!important; gap:5px!important; list-style:none!important; margin:0!important; padding:0!important; }
.simme-node-homebar53__menu .simme-node-topbar__menu-list ul{ margin:4px 0 4px 12px!important; padding-left:10px!important; border-left:1px solid rgba(90,208,255,.17)!important; }
.simme-node-homebar53__menu .simme-node-topbar__menu-list li{ list-style:none!important; margin:0!important; padding:0!important; }
.simme-node-homebar53__menu .simme-node-topbar__menu-list a,.simme-node-homebar53__menu .simme-node-topbar__menu-list a:visited{ display:block!important; padding:11px 12px!important; border-radius:10px!important; color:#d8e8f5!important; -webkit-text-fill-color:#d8e8f5!important; text-decoration:none!important; background:transparent!important; font-size:14px!important; font-weight:600!important; line-height:1.3!important; }
.simme-node-homebar53__menu .simme-node-topbar__menu-list a:hover,.simme-node-homebar53__menu .simme-node-topbar__menu-list a:focus-visible{ background:rgba(36,191,255,.08)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; }

@media (max-width:700px){
    .simme-node-homebar53__inner{ min-height:92px!important; padding:0 18px!important; }
    .simme-node-homebar53__logo{ max-width:185px!important; max-height:72px!important; }
    body .simme-node-homebar53__burger,body .simme-node-homebar53__burger:hover,body .simme-node-homebar53__burger:focus{ width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important; }
    .simme-node-homebar53__burger span{ width:30px!important;height:2.5px!important; }
    .simme-node-homebar53__menu{ right:18px!important; }
}

.simme-na__count{
    grid-template-columns: minmax(0,1fr) minmax(180px,44%) !important;
    align-items:center !important;
    gap:clamp(16px,2.2vw,30px) !important;
    overflow:hidden !important;
}

.simme-na53-orbit{
    position:relative !important;
    z-index:8 !important;
    display:block !important;
    width:min(100%,300px) !important;
    aspect-ratio:1/1 !important;
    justify-self:center !important;
    overflow:hidden !important;
    border-radius:50% !important;
    contain:layout paint !important;
    isolation:isolate !important;
    touch-action:pan-y !important;
}
.simme-na53-orbit::before,.simme-na53-orbit::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.simme-na53-orbit::before{
    inset:28%;
    z-index:0;
    background:radial-gradient(circle,rgba(225,237,250,.86) 0 8%,rgba(143,217,255,.30) 18%,rgba(36,191,255,.09) 46%,transparent 73%);
    box-shadow:0 0 20px rgba(36,191,255,.20),0 0 52px rgba(36,191,255,.08);
    animation:simmeNA53CoreBreath 3.9s ease-in-out infinite;
}
.simme-na53-orbit::after{
    inset:5%;
    z-index:0;
    border:1px solid rgba(143,217,255,.10);
    box-shadow:inset 0 0 26px rgba(36,191,255,.035);
}
.simme-na53-orbit__halo{
    position:absolute;
    inset:19%;
    z-index:0;
    border-radius:50%;
    background:radial-gradient(circle at 50% 50%,rgba(36,191,255,.07),rgba(36,191,255,0) 68%);
}
.simme-na53-orbit__ring{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    z-index:1 !important;
    display:block !important;
    border:1px solid rgba(143,217,255,.20) !important;
    border-radius:50% !important;
    box-shadow:inset 0 0 12px rgba(36,191,255,.025) !important;
    transform-origin:center !important;
    pointer-events:none !important;
}
.simme-na53-orbit__ring--one{ width:68%;height:36%;transform:translate(-50%,-50%) rotate(-18deg)!important;border-color:rgba(143,217,255,.24)!important; }
.simme-na53-orbit__ring--two{ width:58%;height:68%;transform:translate(-50%,-50%) rotate(51deg)!important;border-color:rgba(216,75,255,.19)!important; }
.simme-na53-orbit__ring--three{ width:78%;height:46%;transform:translate(-50%,-50%) rotate(-39deg)!important;border-color:rgba(245,214,109,.15)!important; }
.simme-na53-orbit__core{
    position:absolute;
    z-index:9;
    left:50%;top:50%;
    width:12px;height:12px;
    border-radius:50%;
    transform:translate(-50%,-50%);
    background:#e1edfa;
    box-shadow:0 0 5px rgba(255,255,255,.9),0 0 15px rgba(143,217,255,.95),0 0 34px rgba(36,191,255,.58);
}
.simme-na53-orbit__ball{
    --orb:#24bfff;--orb-glow:rgba(36,191,255,.65);
    position:absolute !important;
    left:0;top:0;
    z-index:5;
    width:14px !important;height:14px !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.72) !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 29% 24%,#fff 0 10%,rgba(255,255,255,.92) 11%,var(--orb) 35% 67%,rgba(0,18,29,.92) 100%) !important;
    box-shadow:inset 1px 1px 2px rgba(255,255,255,.48),inset -2px -2px 3px rgba(0,18,29,.40),0 0 7px var(--orb-glow),0 0 18px var(--orb-glow) !important;
    will-change:transform,opacity;
    pointer-events:none;
}
.simme-na53-orbit__ball::after{
    content:"";position:absolute;left:22%;top:15%;width:28%;height:28%;border-radius:50%;background:rgba(255,255,255,.95);opacity:.84;
}
.simme-na53-orbit__ball--cyan{--orb:#24bfff;--orb-glow:rgba(36,191,255,.66)}
.simme-na53-orbit__ball--blue{--orb:#37b7ff;--orb-glow:rgba(55,183,255,.60)}
.simme-na53-orbit__ball--ice{--orb:#8fd9ff;--orb-glow:rgba(143,217,255,.62)}
.simme-na53-orbit__ball--violet{--orb:#d84bff;--orb-glow:rgba(216,75,255,.56)}
.simme-na53-orbit__ball--pink{--orb:#ff7bd9;--orb-glow:rgba(255,123,217,.54)}
.simme-na53-orbit__ball--gold{--orb:#f5d66d;--orb-glow:rgba(245,214,109,.52)}
.simme-na53-orbit__ball--white{--orb:#e1edfa;--orb-glow:rgba(225,237,250,.56)}

@keyframes simmeNA53CoreBreath{ 0%,100%{opacity:.62;transform:scale(.90)}50%{opacity:1;transform:scale(1.12)} }

@media (max-width:700px){
    .simme-na__count{ grid-template-columns:1fr !important; min-height:420px !important; }
    .simme-na__count-copy{ justify-self:center!important; text-align:center!important; }
    .simme-na53-orbit{ width:min(78vw,225px)!important; }
}
@media (max-width:430px){
    .simme-na__count{ min-height:386px!important; }
    .simme-na53-orbit{ width:min(72vw,190px)!important; }
    .simme-na53-orbit__ball{ width:12px!important;height:12px!important; }
}

@media (prefers-reduced-motion:reduce){
    .simme-na53-orbit::before{ animation-duration:9s!important; }
}

body.simme-node-atlas-detail-page .simme-node-homebar53,body.simme-node-atlas-detail-page .simme-node-normal-header,body.simme-node-atlas-detail-page .simme-node-site-topbar-exact,body.simme-node-atlas-detail-page .simme-node-topbar{
    display:none !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54{
    position:sticky !important;
    top:0 !important;
    z-index:100100 !important;
    display:block !important;
    width:100% !important;
    min-height:68px !important;
    margin:0 !important;
    padding:0 !important;
    background:#050607 !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    color-scheme:dark !important;
}
body.admin-bar.simme-node-atlas-detail-page .simme-node-topbar54{top:32px !important}
@media (max-width:782px){body.admin-bar.simme-node-atlas-detail-page .simme-node-topbar54{top:46px !important}}

.simme-node-topbar54__inner{
    width:100% !important;
    min-height:68px !important;
    margin:0 auto !important;
    padding:0 clamp(18px,3vw,44px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:20px !important;
}
.simme-node-topbar54__brand,.simme-node-topbar54__brand:hover,.simme-node-topbar54__brand:focus,.simme-node-topbar54__brand:visited{
    display:inline-flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
    text-decoration:none !important;
}
.simme-node-topbar54__logo{
    display:block !important;
    width:auto !important;
    height:48px !important;
    max-width:190px !important;
    object-fit:contain !important;
    object-position:left center !important;
    margin:0 !important;
}
body .simme-node-topbar54__burger,body .simme-node-topbar54__burger:hover,body .simme-node-topbar54__burger:focus,body .simme-node-topbar54__burger:active{
    display:grid !important;
    place-content:center !important;
    gap:5px !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    cursor:pointer !important;
}
.simme-node-topbar54__burger span{
    display:block !important;
    width:28px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#fff !important;
    transition:transform .18s ease,opacity .15s ease !important;
}
.simme-node-topbar54__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
.simme-node-topbar54__burger[aria-expanded="true"] span:nth-child(2){opacity:0!important}
.simme-node-topbar54__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

.simme-node-topbar54__menu{
    position:absolute !important;
    top:100% !important;
    right:18px !important;
    width:min(360px,calc(100vw - 36px)) !important;
    max-height:min(72vh,650px) !important;
    overflow:auto !important;
    margin:0 !important;
    padding:10px !important;
    border:0 !important;
    border-radius:0 0 14px 14px !important;
    background:#07090c !important;
    box-shadow:0 22px 48px rgba(0,0,0,.42) !important;
}
.simme-node-topbar54__menu[hidden]{display:none!important}
.simme-node-topbar54__menu .simme-node-topbar__menu-list,.simme-node-topbar54__menu .simme-node-topbar__menu-list ul{
    display:grid !important;gap:2px !important;list-style:none !important;margin:0 !important;padding:0 !important
}
.simme-node-topbar54__menu .simme-node-topbar__menu-list ul{margin-left:12px !important;padding-left:10px !important;border-left:1px solid rgba(255,255,255,.08) !important}
.simme-node-topbar54__menu .simme-node-topbar__menu-list li{list-style:none !important;margin:0 !important;padding:0 !important}
.simme-node-topbar54__menu .simme-node-topbar__menu-list a,.simme-node-topbar54__menu .simme-node-topbar__menu-list a:visited{
    display:block !important;padding:10px 12px !important;border-radius:8px !important;background:transparent !important;color:#eaf1f8 !important;-webkit-text-fill-color:#eaf1f8 !important;text-decoration:none !important;font-size:14px !important;line-height:1.3 !important;font-weight:600 !important
}
.simme-node-topbar54__menu .simme-node-topbar__menu-list a:hover,.simme-node-topbar54__menu .simme-node-topbar__menu-list a:focus-visible{background:rgba(255,255,255,.07)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

@media (max-width:600px){
    body.simme-node-atlas-detail-page .simme-node-topbar54,.simme-node-topbar54__inner{min-height:60px !important}
    .simme-node-topbar54__inner{padding:0 14px !important}
    .simme-node-topbar54__logo{height:42px !important;max-width:165px !important}
    body .simme-node-topbar54__burger,body .simme-node-topbar54__burger:hover,body .simme-node-topbar54__burger:focus{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
    .simme-node-topbar54__burger span{width:26px !important}
    .simme-node-topbar54__menu{right:10px !important;width:calc(100vw - 20px) !important}
}

.simme-na__count{
    grid-template-columns:minmax(0,1fr) minmax(170px,42%) !important;
    align-items:center !important;
    gap:clamp(14px,2vw,28px) !important;
    overflow:hidden !important;
}
.simme-na54-orbit{
    position:relative !important;
    z-index:8 !important;
    display:block !important;
    width:min(100%,240px) !important;
    aspect-ratio:1 / 1 !important;
    justify-self:center !important;
    overflow:hidden !important;
    border-radius:50% !important;
    isolation:isolate !important;
    touch-action:pan-y !important;
}
.simme-na54-orbit::before,.simme-na54-orbit::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.simme-na54-orbit::before{
    inset:27%;z-index:0;
    background:radial-gradient(circle,rgba(225,237,250,.88) 0 7%,rgba(143,217,255,.34) 18%,rgba(36,191,255,.09) 46%,transparent 72%);
    box-shadow:0 0 18px rgba(36,191,255,.20),0 0 44px rgba(36,191,255,.08);
    animation:simmeNA54CoreBreath 3.8s ease-in-out infinite
}
.simme-na54-orbit::after{inset:5%;z-index:0;border:1px solid rgba(143,217,255,.10);box-shadow:inset 0 0 24px rgba(36,191,255,.03)}
.simme-na54-orbit__halo{position:absolute;inset:17%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(36,191,255,.07),transparent 68%)}
.simme-na54-orbit__ring{position:absolute !important;left:50% !important;top:50% !important;z-index:1 !important;display:block !important;border:1px solid rgba(143,217,255,.20) !important;border-radius:50% !important;box-shadow:inset 0 0 10px rgba(36,191,255,.02) !important;transform-origin:center !important;pointer-events:none !important}
.simme-na54-orbit__ring--one{width:62%;height:32%;transform:translate(-50%,-50%) rotate(-18deg)!important;border-color:rgba(143,217,255,.24)!important}
.simme-na54-orbit__ring--two{width:80%;height:48%;transform:translate(-50%,-50%) rotate(51deg)!important;border-color:rgba(216,75,255,.18)!important}
.simme-na54-orbit__ring--three{width:86%;height:62%;transform:translate(-50%,-50%) rotate(-39deg)!important;border-color:rgba(245,214,109,.14)!important}
.simme-na54-orbit__core{position:absolute;left:50%;top:50%;z-index:10;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:#e1edfa;box-shadow:0 0 5px rgba(255,255,255,.95),0 0 15px rgba(143,217,255,.95),0 0 30px rgba(36,191,255,.55)}
.simme-na54-orbit__ball{
    --orb:#24bfff;--orb-glow:rgba(36,191,255,.64);
    position:absolute !important;left:50% !important;top:50% !important;right:auto !important;bottom:auto !important;z-index:5;
    width:14px !important;height:14px !important;margin:0 !important;border:1px solid rgba(255,255,255,.72) !important;border-radius:50% !important;
    background:radial-gradient(circle at 29% 24%,#fff 0 10%,rgba(255,255,255,.92) 11%,var(--orb) 35% 67%,rgba(0,18,29,.92) 100%) !important;
    box-shadow:inset 1px 1px 2px rgba(255,255,255,.48),inset -2px -2px 3px rgba(0,18,29,.40),0 0 7px var(--orb-glow),0 0 17px var(--orb-glow) !important;
    will-change:transform,opacity !important;pointer-events:none !important;transform:translate(-50%,-50%) !important
}
.simme-na54-orbit__ball::after{content:"";position:absolute;left:22%;top:15%;width:28%;height:28%;border-radius:50%;background:rgba(255,255,255,.95);opacity:.84}
.simme-na54-orbit__ball--cyan{--orb:#24bfff;--orb-glow:rgba(36,191,255,.66)}
.simme-na54-orbit__ball--blue{--orb:#37b7ff;--orb-glow:rgba(55,183,255,.60)}
.simme-na54-orbit__ball--ice{--orb:#8fd9ff;--orb-glow:rgba(143,217,255,.62)}
.simme-na54-orbit__ball--violet{--orb:#d84bff;--orb-glow:rgba(216,75,255,.56)}
.simme-na54-orbit__ball--pink{--orb:#ff7bd9;--orb-glow:rgba(255,123,217,.54)}
.simme-na54-orbit__ball--gold{--orb:#f5d66d;--orb-glow:rgba(245,214,109,.52)}
.simme-na54-orbit__ball--white{--orb:#e1edfa;--orb-glow:rgba(225,237,250,.56)}
@keyframes simmeNA54CoreBreath{0%,100%{opacity:.62;transform:scale(.90)}50%{opacity:1;transform:scale(1.12)}}

@media (max-width:700px){
    .simme-na__count{grid-template-columns:1fr !important;min-height:390px !important}
    .simme-na54-orbit{width:min(64vw,210px) !important;margin-top:4px !important}
}
@media (max-width:430px){
    .simme-na__count{min-height:350px !important}
    .simme-na54-orbit{width:min(58vw,180px) !important}
    .simme-na54-orbit__ball{width:12px !important;height:12px !important}
}

body.simme-node-atlas-detail-page{
    background: #05090f !important;
}

body.simme-node-atlas-detail-page .simme-na--node-page{
    box-sizing: border-box !important;
    width: calc(100% - 40px) !important;
    max-width: none !important;
    margin: 18px auto 30px !important;
    padding: 0 !important;
}

body.simme-node-atlas-detail-page .simme-na--node-page > .simme-na__shell{
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 28px !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54{
    box-sizing: border-box !important;
    overflow: visible !important;
}

.simme-node-topbar54__inner{
    position: relative !important;
    box-sizing: border-box !important;
    padding-right: clamp(76px, 6vw, 98px) !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54__burger,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:hover,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:focus,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:active{
    position: absolute !important;
    top: 50% !important;
    right: clamp(18px, 3vw, 44px) !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 20 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    overflow: visible !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54__burger span{
    position: absolute !important;
    left: 8px !important;
    right: auto !important;
    display: block !important;
    width: 28px !important;
    height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform-origin: 50% 50% !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54__burger span:nth-child(1){
    top: 12px !important;
}
body.simme-node-atlas-detail-page .simme-node-topbar54__burger span:nth-child(2){
    top: 21px !important;
}
body.simme-node-atlas-detail-page .simme-node-topbar54__burger span:nth-child(3){
    top: 30px !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54__burger[aria-expanded="true"] span:nth-child(1){
    top: 21px !important;
    transform: rotate(45deg) !important;
}
body.simme-node-atlas-detail-page .simme-node-topbar54__burger[aria-expanded="true"] span:nth-child(2){
    opacity: 0 !important;
}
body.simme-node-atlas-detail-page .simme-node-topbar54__burger[aria-expanded="true"] span:nth-child(3){
    top: 21px !important;
    transform: rotate(-45deg) !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54__menu{
    right: clamp(12px, 2.5vw, 36px) !important;
    z-index: 100120 !important;
}

@media (max-width: 782px){
    body.simme-node-atlas-detail-page .simme-na--node-page{
        width: calc(100% - 24px) !important;
        margin: 12px auto 22px !important;
    }

    body.simme-node-atlas-detail-page .simme-na--node-page > .simme-na__shell{
        border-radius: 22px !important;
    }

    .simme-node-topbar54__inner{
        padding-right: 66px !important;
    }

    body.simme-node-atlas-detail-page .simme-node-topbar54__burger,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:hover,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:focus,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:active{
        right: 12px !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    body.simme-node-atlas-detail-page .simme-node-topbar54__burger span{
        left: 7px !important;
        width: 26px !important;
    }
}

@media (max-width: 480px){
    body.simme-node-atlas-detail-page .simme-na--node-page{
        width: calc(100% - 16px) !important;
        margin: 8px auto 18px !important;
    }

    body.simme-node-atlas-detail-page .simme-na--node-page > .simme-na__shell{
        border-radius: 18px !important;
    }
}

.simme-na__count > .simme-na54-orbit,.simme-na__count > .simme-na53-orbit,.simme-na__count > .simme-na__orbit,.simme-na__count > .simme-na__orbit--css,.simme-na__count > .simme-na__orbit--svg,.simme-na__count > .simme-na__orbit--live52{
    display: none !important;
}

.simme-na56-orbit{
    --sna56-x: 0px;
    --sna56-y: 0px;
    position: relative !important;
    z-index: 8 !important;
    display: block !important;
    width: min(100%, 246px) !important;
    aspect-ratio: 1 / 1 !important;
    justify-self: center !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    isolation: isolate !important;
    touch-action: pan-y !important;
    transform: translate3d(var(--sna56-x), var(--sna56-y), 0) !important;
    transition: transform .22s cubic-bezier(.2,.72,.2,1) !important;
}

.simme-na56-orbit::before,.simme-na56-orbit::after{
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.simme-na56-orbit::before{
    inset: 28%;
    z-index: 1;
    background: radial-gradient(circle,
        rgba(255,255,255,.96) 0 7%,
        rgba(225,237,250,.92) 8% 14%,
        rgba(143,217,255,.38) 20%,
        rgba(36,191,255,.10) 43%,
        transparent 72%);
    box-shadow: 0 0 16px rgba(143,217,255,.28), 0 0 42px rgba(36,191,255,.10);
    animation: simmeNA56CoreField 3.6s ease-in-out infinite !important;
}

.simme-na56-orbit::after{
    inset: 5%;
    z-index: 0;
    border: 1px solid rgba(143,217,255,.10);
    box-shadow: inset 0 0 26px rgba(36,191,255,.035);
}

.simme-na56-orbit__halo{
    position: absolute !important;
    inset: 16% !important;
    z-index: 0 !important;
    display: block !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(36,191,255,.075), rgba(12,49,79,.035) 52%, transparent 72%) !important;
}

.simme-na56-orbit__ring{
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(143,217,255,.30) !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: inset 0 0 12px rgba(36,191,255,.025) !important;
    transform-origin: 50% 50% !important;
    pointer-events: none !important;
    will-change: transform !important;
}

.simme-na56-orbit__ring--one{
    width: 68% !important;
    height: 34% !important;
    margin-left: -34% !important;
    margin-top: -17% !important;
    border-color: rgba(88,202,255,.44) !important;
    animation: simmeNA56OrbitOne 7.6s linear infinite !important;
}

.simme-na56-orbit__ring--two{
    width: 58% !important;
    height: 76% !important;
    margin-left: -29% !important;
    margin-top: -38% !important;
    border-color: rgba(216,75,255,.34) !important;
    animation: simmeNA56OrbitTwo 10.4s linear infinite reverse !important;
}

.simme-na56-orbit__ring--three{
    width: 84% !important;
    height: 50% !important;
    margin-left: -42% !important;
    margin-top: -25% !important;
    border-color: rgba(245,214,109,.26) !important;
    animation: simmeNA56OrbitThree 13.8s linear infinite !important;
}

.simme-na56-orbit__ball{
    --orb: #24bfff;
    --orb-glow: rgba(36,191,255,.62);
    position: absolute !important;
    z-index: 6 !important;
    display: block !important;
    width: clamp(12px, 7%, 17px) !important;
    height: clamp(12px, 7%, 17px) !important;
    min-width: 12px !important;
    min-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: radial-gradient(circle at 30% 24%,
        #ffffff 0 10%,
        rgba(255,255,255,.96) 11%,
        var(--orb) 38% 67%,
        rgba(4,22,34,.96) 100%) !important;
    box-shadow:
        inset 1px 1px 2px rgba(255,255,255,.46),
        inset -2px -2px 3px rgba(0,18,29,.38),
        0 0 8px var(--orb-glow),
        0 0 18px var(--orb-glow) !important;
    pointer-events: none !important;
}

.simme-na56-orbit__ball::after{
    content: "";
    position: absolute;
    left: 21%;
    top: 15%;
    width: 29%;
    height: 29%;
    border-radius: 50%;
    background: rgba(255,255,255,.96);
    opacity: .88;
}

.simme-na56-orbit__ball--cyan{ --orb:#24bfff; --orb-glow:rgba(36,191,255,.66); }
.simme-na56-orbit__ball--blue{ --orb:#37b7ff; --orb-glow:rgba(55,183,255,.61); }
.simme-na56-orbit__ball--ice{ --orb:#8fd9ff; --orb-glow:rgba(143,217,255,.62); }
.simme-na56-orbit__ball--violet{ --orb:#d84bff; --orb-glow:rgba(216,75,255,.58); }
.simme-na56-orbit__ball--pink{ --orb:#ff7bd9; --orb-glow:rgba(255,123,217,.56); }
.simme-na56-orbit__ball--gold{ --orb:#f5d66d; --orb-glow:rgba(245,214,109,.56); }
.simme-na56-orbit__ball--white{ --orb:#e1edfa; --orb-glow:rgba(225,237,250,.58); }

.simme-na56-orbit__ball--one-a{ left: -7px !important; top: calc(50% - 7px) !important; }
.simme-na56-orbit__ball--one-b{ right: 15% !important; top: -7px !important; }
.simme-na56-orbit__ball--one-c{ right: -7px !important; top: calc(50% - 7px) !important; }
.simme-na56-orbit__ball--two-a{ left: 8% !important; top: 12% !important; }
.simme-na56-orbit__ball--two-b{ right: 8% !important; bottom: 10% !important; }
.simme-na56-orbit__ball--three-a{ right: 9% !important; top: 3% !important; }
.simme-na56-orbit__ball--three-b{ left: 11% !important; bottom: 2% !important; }

.simme-na56-orbit__core{
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 12 !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    margin: -7px 0 0 -7px !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: 50% !important;
    background: #e1edfa !important;
    box-shadow: 0 0 6px rgba(255,255,255,.94), 0 0 17px rgba(143,217,255,.92), 0 0 34px rgba(36,191,255,.44) !important;
    animation: simmeNA56CorePulse 2.7s ease-in-out infinite !important;
}

@keyframes simmeNA56OrbitOne{
    from { transform: rotate(-18deg); }
    to   { transform: rotate(342deg); }
}
@keyframes simmeNA56OrbitTwo{
    from { transform: rotate(51deg); }
    to   { transform: rotate(411deg); }
}
@keyframes simmeNA56OrbitThree{
    from { transform: rotate(-39deg); }
    to   { transform: rotate(321deg); }
}
@keyframes simmeNA56CoreField{
    0%,100% { opacity:.62; transform:scale(.92); }
    50%     { opacity:1; transform:scale(1.10); }
}
@keyframes simmeNA56CorePulse{
    0%,100% { opacity:.80; transform:scale(.94); }
    50%     { opacity:1; transform:scale(1.10); }
}

@media (min-width: 701px){
    .simme-na__count{
        grid-template-columns: minmax(0, 1fr) minmax(176px, 42%) !important;
        align-items: center !important;
        gap: clamp(14px, 2vw, 28px) !important;
        overflow: hidden !important;
    }
}

@media (max-width: 700px){
    .simme-na__count{
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
        min-height: 0 !important;
        padding-bottom: 22px !important;
        overflow: hidden !important;
    }
    .simme-na56-orbit{
        width: min(62vw, 210px) !important;
        min-width: 156px !important;
        margin: 6px auto 0 !important;
    }
}

@media (max-width: 430px){
    .simme-na56-orbit{
        width: min(58vw, 182px) !important;
        min-width: 146px !important;
    }
    .simme-na56-orbit__ball{
        width: 12px !important;
        height: 12px !important;
        min-width: 12px !important;
        min-height: 12px !important;
    }
}

@media (prefers-reduced-motion: reduce){
    .simme-na .simme-na56-orbit__ring--one{
        animation: simmeNA56OrbitOne 38s linear infinite !important;
    }
    .simme-na .simme-na56-orbit__ring--two{
        animation: simmeNA56OrbitTwo 52s linear infinite reverse !important;
    }
    .simme-na .simme-na56-orbit__ring--three{
        animation: simmeNA56OrbitThree 66s linear infinite !important;
    }
    .simme-na .simme-na56-orbit::before{
        animation: simmeNA56CoreField 10s ease-in-out infinite !important;
    }
    .simme-na .simme-na56-orbit__core{
        animation: simmeNA56CorePulse 9s ease-in-out infinite !important;
    }
}

.simme-na__count > .simme-na56-orbit,.simme-na__count > .simme-na54-orbit,.simme-na__count > .simme-na53-orbit,.simme-na__count > .simme-na__orbit,.simme-na__count > .simme-na__orbit--css,.simme-na__count > .simme-na__orbit--svg,.simme-na__count > .simme-na__orbit--live52{ display:none !important; }

.simme-na57-orbit{
    --sna57-x:0px;
    --sna57-y:0px;
    --sna57-tilt-x:0deg;
    --sna57-tilt-y:0deg;
    position:relative !important;
    z-index:9 !important;
    display:block !important;
    width:min(100%,246px) !important;
    aspect-ratio:1/1 !important;
    justify-self:center !important;
    margin:0 auto !important;
    overflow:hidden !important;
    border-radius:50% !important;
    isolation:isolate !important;
    transform:translate3d(var(--sna57-x),var(--sna57-y),0) rotateX(var(--sna57-tilt-x)) rotateY(var(--sna57-tilt-y)) !important;
    transform-style:preserve-3d !important;
    transition:transform .20s cubic-bezier(.2,.72,.2,1) !important;
}
.simme-na57-orbit__field,.simme-na57-orbit__path,.simme-na57-orbit__ball,.simme-na57-orbit__core{ position:absolute !important; display:block !important; pointer-events:none !important; box-sizing:border-box !important; }
.simme-na57-orbit__field{
    inset:3% !important;
    border-radius:50% !important;
    z-index:0 !important;
    background:radial-gradient(circle at 50% 50%,rgba(36,191,255,.12),rgba(14,55,83,.035) 48%,transparent 70%) !important;
    border:1px solid rgba(143,217,255,.08) !important;
}
.simme-na57-orbit__path{
    left:50% !important; top:50% !important; z-index:1 !important;
    border:1px solid rgba(143,217,255,.19) !important;
    border-radius:50% !important;
    background:transparent !important;
    transform-origin:50% 50% !important;
}
.simme-na57-orbit__path--one{ width:62% !important;height:31% !important;transform:translate(-50%,-50%) rotate(-18deg) !important;border-color:rgba(88,202,255,.30) !important; }
.simme-na57-orbit__path--two{ width:53% !important;height:71% !important;transform:translate(-50%,-50%) rotate(51deg) !important;border-color:rgba(216,75,255,.20) !important; }
.simme-na57-orbit__path--three{ width:77% !important;height:45% !important;transform:translate(-50%,-50%) rotate(-39deg) !important;border-color:rgba(245,214,109,.17) !important; }
.simme-na57-orbit__ball{
    --orb:#24bfff; --orb-glow:rgba(36,191,255,.65);
    left:50%; top:50%; z-index:7;
    width:clamp(12px,6.8%,17px) !important;height:clamp(12px,6.8%,17px) !important;
    margin:0 !important;padding:0 !important;
    border:1px solid rgba(255,255,255,.84) !important;border-radius:50% !important;
    background:radial-gradient(circle at 29% 23%,#fff 0 9%,rgba(255,255,255,.96) 10%,var(--orb) 36% 68%,rgba(4,22,34,.96) 100%) !important;
    box-shadow:inset 1px 1px 2px rgba(255,255,255,.42),inset -2px -2px 3px rgba(0,18,29,.34),0 0 8px var(--orb-glow),0 0 18px var(--orb-glow) !important;
    opacity:1;visibility:visible !important;will-change:transform,opacity !important;
}
.simme-na57-orbit__ball::after{ content:"";position:absolute;left:20%;top:14%;width:29%;height:29%;border-radius:50%;background:rgba(255,255,255,.95);opacity:.88; }
.simme-na57-orbit__ball--cyan{--orb:#24bfff;--orb-glow:rgba(36,191,255,.67)}
.simme-na57-orbit__ball--blue{--orb:#37b7ff;--orb-glow:rgba(55,183,255,.62)}
.simme-na57-orbit__ball--ice{--orb:#8fd9ff;--orb-glow:rgba(143,217,255,.64)}
.simme-na57-orbit__ball--violet{--orb:#d84bff;--orb-glow:rgba(216,75,255,.60)}
.simme-na57-orbit__ball--pink{--orb:#ff7bd9;--orb-glow:rgba(255,123,217,.58)}
.simme-na57-orbit__ball--gold{--orb:#f5d66d;--orb-glow:rgba(245,214,109,.60)}
.simme-na57-orbit__ball--white{--orb:#e1edfa;--orb-glow:rgba(225,237,250,.62)}
 
.simme-na57-orbit__ball:nth-of-type(5){left:22%;top:50%}.simme-na57-orbit__ball:nth-of-type(6){left:66%;top:37%}.simme-na57-orbit__ball:nth-of-type(7){left:78%;top:53%}
.simme-na57-orbit__ball:nth-of-type(8){left:37%;top:22%}.simme-na57-orbit__ball:nth-of-type(9){left:65%;top:76%}.simme-na57-orbit__ball:nth-of-type(10){left:76%;top:27%}.simme-na57-orbit__ball:nth-of-type(11){left:28%;top:72%}
.simme-na57-orbit__core{ left:50% !important;top:50% !important;z-index:14 !important;width:15px !important;height:15px !important;transform:translate(-50%,-50%) !important;border:1px solid rgba(255,255,255,.92) !important;border-radius:50% !important;background:#e1edfa !important;box-shadow:0 0 7px rgba(255,255,255,.95),0 0 18px rgba(143,217,255,.95),0 0 36px rgba(36,191,255,.42) !important; }

@media (min-width:701px){.simme-na__count{grid-template-columns:minmax(0,1fr) minmax(176px,42%) !important;align-items:center !important;gap:clamp(14px,2vw,28px) !important;overflow:hidden !important}}
@media (max-width:700px){.simme-na__count{grid-template-columns:1fr !important;grid-template-rows:auto auto !important;min-height:0 !important;padding-bottom:22px !important;overflow:hidden !important}.simme-na57-orbit{width:min(62vw,210px) !important;min-width:150px !important;margin:8px auto 0 !important}}
@media (max-width:430px){.simme-na57-orbit{width:min(58vw,184px) !important;min-width:144px !important}.simme-na57-orbit__ball{width:12px !important;height:12px !important}}

.simme-na__controls{ padding:clamp(18px,2.3vw,28px) !important; }
.simme-na__search-label{ display:block !important;margin:0 0 10px !important;font-size:13px !important;font-weight:720 !important;letter-spacing:.015em !important;color:var(--sna-text) !important; }
body .simme-na .simme-na__search{
    width:100% !important;height:54px !important;min-height:54px !important;
    padding:0 18px !important;border:1px solid rgba(84,193,255,.42) !important;border-radius:17px !important;
    outline:0 !important;background:linear-gradient(180deg,rgba(8,22,38,.96),rgba(5,15,27,.98)) !important;
    color:#e1edfa !important;-webkit-text-fill-color:#e1edfa !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 24px rgba(36,191,255,.025),0 8px 26px rgba(0,0,0,.08) !important;
    font-size:15px !important;line-height:1 !important;transition:border-color .2s ease,box-shadow .2s ease !important;
}
body .simme-na .simme-na__search::placeholder{color:#839bb9 !important;-webkit-text-fill-color:#839bb9 !important;opacity:1 !important}
body .simme-na .simme-na__search:focus{border-color:#8fd9ff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 3px rgba(36,191,255,.08),0 0 24px rgba(36,191,255,.11) !important}
.simme-na__filters{display:flex !important;flex-wrap:wrap !important;gap:9px !important;margin-top:14px !important;overflow:visible !important}
body .simme-na .simme-na__filter{min-height:39px !important;padding:8px 14px !important;border-radius:14px !important;font-size:11.5px !important;font-weight:670 !important;background:rgba(7,18,31,.72) !important;border:1px solid color-mix(in srgb,var(--sna-filter-accent) 24%,rgba(112,150,181,.38) 76%) !important;color:#afc0d7 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02) !important}
body .simme-na .simme-na__filter::after{display:none !important}
body .simme-na .simme-na__filter::before{left:12% !important;right:12% !important;bottom:-8px !important;height:18px !important;background:radial-gradient(ellipse,rgba(245,196,112,.24),rgba(245,196,112,0) 72%) !important;filter:blur(7px) !important}
body .simme-na .simme-na__filter:hover,body .simme-na .simme-na__filter:focus-visible{color:#e1edfa !important;border-color:color-mix(in srgb,var(--sna-filter-accent) 55%,rgba(112,150,181,.4) 45%) !important;background:color-mix(in srgb,#081726 92%,var(--sna-filter-accent) 8%) !important}
body .simme-na .simme-na__filter.is-active{color:#f3f8ff !important;border-color:color-mix(in srgb,var(--sna-filter-accent) 72%,white 28%) !important;background:linear-gradient(180deg,color-mix(in srgb,#0c2237 87%,var(--sna-filter-accent) 13%),#081624) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 18px color-mix(in srgb,var(--sna-filter-accent) 12%,transparent) !important}
.simme-na__results{margin-top:14px !important;font-size:12.5px !important;color:#8097b2 !important}

body .simme-na .simme-na__theme-toggle{width:260px !important;min-height:50px !important;padding:3px !important;border:1px solid rgba(84,193,255,.34) !important;border-radius:16px !important;background:#061421 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.10) !important;overflow:visible !important}
.simme-na__theme-track{min-height:44px !important;border-radius:13px !important}
.simme-na__theme-thumb{top:2px !important;left:2px !important;width:calc(50% - 2px) !important;height:40px !important;border:1px solid rgba(143,217,255,.34) !important;border-radius:12px !important;background:linear-gradient(145deg,#17314c,#0e2237) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 16px rgba(36,191,255,.08),0 9px 20px rgba(0,0,0,.18) !important}
.simme-na[data-theme="light"] .simme-na__theme-thumb{background:linear-gradient(145deg,#f9fcff,#eaf3fb) !important;border-color:rgba(72,157,215,.30) !important;box-shadow:0 0 18px rgba(245,198,105,.10),0 8px 18px rgba(69,96,124,.12) !important}
.simme-na__theme-option{min-height:40px !important;font-size:12px !important;font-weight:720 !important;color:#94abc4 !important}
.simme-na[data-theme="dark"] .simme-na__theme-option--dark,.simme-na[data-theme="light"] .simme-na__theme-option--light{color:var(--sna-text) !important}
@media (max-width:700px){body .simme-na .simme-na__theme-toggle{width:100% !important;max-width:280px !important}.simme-na__filters{flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:visible !important;padding:2px 2px 10px !important;scroll-snap-type:x proximity !important;scrollbar-width:none}.simme-na__filters::-webkit-scrollbar{display:none}.simme-na__filter{flex:0 0 auto !important;scroll-snap-align:start}}

.simme-na[data-theme="light"] .simme-na__search{background:#fff !important;color:#142137 !important;-webkit-text-fill-color:#142137 !important;border-color:rgba(62,157,214,.26) !important;box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(68,95,123,.08) !important}
.simme-na[data-theme="light"] .simme-na__search::placeholder{color:#7d8ca4 !important;-webkit-text-fill-color:#7d8ca4 !important}
.simme-na[data-theme="light"] .simme-na__filter{background:rgba(255,255,255,.76) !important;color:#52637b !important}

body.simme-node-atlas-detail-page{background:#050a11 !important}
body.simme-node-atlas-detail-page .simme-na--node-page{width:calc(100% - 48px) !important;margin:20px auto 32px !important;background:transparent !important}
body.simme-node-atlas-detail-page .simme-na--node-page > .simme-na__shell{
    border:1px solid rgba(55,186,239,.54) !important;
    border-radius:28px !important;
    background:radial-gradient(circle at 7% 0%,rgba(36,191,255,.055),transparent 28%),linear-gradient(180deg,#081523,#06111d) !important;
    box-shadow:inset 0 1px 0 rgba(143,217,255,.08),inset 0 0 34px rgba(36,191,255,.022),0 0 24px rgba(36,191,255,.035) !important;
    overflow:hidden !important;
}
@media (max-width:782px){body.simme-node-atlas-detail-page .simme-na--node-page{width:calc(100% - 28px) !important;margin:14px auto 24px !important}body.simme-node-atlas-detail-page .simme-na--node-page > .simme-na__shell{border-radius:23px !important}}
@media (max-width:480px){body.simme-node-atlas-detail-page .simme-na--node-page{width:calc(100% - 18px) !important;margin:10px auto 20px !important}body.simme-node-atlas-detail-page .simme-na--node-page > .simme-na__shell{border-radius:19px !important}}

.sscr__shell{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.sscr__rail{
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 0 12px !important;
    margin-bottom: 4px !important;
    overflow: visible !important;
}

.sscr__stage{
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
}

.sscr__rail::before,.sscr__rail::after,.sscr__stage::before,.sscr__stage::after{
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sscr__rail-label{
    padding-inline: 2px !important;
}

.sscr__rail-list{
    overflow: visible !important;
}

@media (max-width: 860px){
    .sscr__rail{
        padding: 0 0 11px !important;
        margin-bottom: 4px !important;
    }

    .sscr__stage{
        padding: 0 !important;
    }
}

@media (max-width: 640px){
    .sscr__rail{
        padding: 0 0 10px !important;
    }

    .sscr__stage{
        padding: 0 !important;
    }
}

@media (max-width: 420px){
    .sscr__rail{
        padding: 0 0 9px !important;
    }

    .sscr__stage{
        padding: 0 !important;
    }
}

.saic__item::after{
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
}

.sscr__summary{
    display: none !important;
}

.sscr__intro{
    margin-bottom: clamp(6px, .6vw, 10px) !important;
}

body .simme-na .simme-na6-hero,body .simme-na .simme-na6-hero *,body .simme-na .simme-na6-hero *::before,body .simme-na .simme-na6-hero *::after{
    box-sizing: border-box;
}

body .simme-na .simme-na6-hero{
    --sna6-cyan: #39c8ff;
    --sna6-blue: #2b8cff;
    --sna6-violet: #9a54ff;
    --sna6-pink: #df4fd3;
    --sna6-gold: #e8ad48;
    --sna6-ice: #dfeaff;
    --sna6-text: #f3f6ff;
    --sna6-soft: #aebbd0;
    --sna6-panel: rgba(7, 18, 34, .74);
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(300px, .82fr) minmax(540px, 1.42fr) !important;
    align-items: center !important;
    gap: clamp(40px, 5vw, 86px) !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: clamp(82px, 7vw, 104px) clamp(34px, 5vw, 78px) clamp(36px, 4.6vw, 70px) !important;
    overflow: hidden !important;
    isolation: isolate;
    color: var(--sna6-text) !important;
    background:
        radial-gradient(circle at 60% 48%, rgba(119, 64, 255, .13), transparent 31%),
        radial-gradient(circle at 90% 30%, rgba(26, 151, 255, .08), transparent 34%),
        linear-gradient(135deg, #07101f 0%, #06101d 54%, #071525 100%) !important;
    border: 1px solid rgba(94, 167, 226, .38) !important;
    border-radius: clamp(26px, 2.4vw, 38px) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 26px 70px rgba(0, 0, 0, .24) !important;
}

body .simme-na .simme-na6-hero::before{
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    pointer-events: none;
    opacity: .42;
    background-image:
        radial-gradient(circle at 18% 28%, rgba(81, 157, 255, .10) 0 1px, transparent 1.2px);
    background-size: 17px 17px;
    mask-image: linear-gradient(90deg, rgba(0,0,0,.72), transparent 42%);
    -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.72), transparent 42%);
}

body .simme-na .simme-na6-home-link,body .simme-na .simme-na6-home-link:link,body .simme-na .simme-na6-home-link:visited{
    position: absolute !important;
    z-index: 8 !important;
    top: clamp(15px, 1.5vw, 22px) !important;
    left: clamp(17px, 2vw, 28px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 5px 14px 5px 7px !important;
    border: 1px solid rgba(102, 184, 242, .34) !important;
    border-radius: 999px !important;
    color: #dcecff !important;
    -webkit-text-fill-color: #dcecff !important;
    text-decoration: none !important;
    background:
        linear-gradient(180deg, rgba(15, 35, 61, .88), rgba(7, 19, 38, .82)) padding-box,
        linear-gradient(100deg, rgba(180, 81, 255, .24), rgba(57, 205, 255, .30)) border-box !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 8px 24px rgba(0,0,0,.20),
        0 0 18px rgba(47, 172, 255, .07) !important;
    -webkit-backdrop-filter: blur(11px) saturate(1.1);
    backdrop-filter: blur(11px) saturate(1.1);
    font-size: clamp(11px, .78vw, 13px) !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transform: translateZ(0) !important;
    transition:
        transform .32s cubic-bezier(.2,.72,.2,1),
        border-color .32s ease,
        background .32s ease,
        box-shadow .32s ease,
        color .32s ease !important;
    -webkit-tap-highlight-color: transparent;
}

body .simme-na .simme-na6-home-link__icon{
    display: grid !important;
    place-items: center !important;
    flex: 0 0 26px !important;
    width: 26px !important;
    height: 26px !important;
    border: 1px solid rgba(121, 204, 255, .34) !important;
    border-radius: 50% !important;
    color: #70d8ff !important;
    background: linear-gradient(135deg, rgba(160,72,255,.16), rgba(37,179,255,.14)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 12px rgba(58,194,255,.08) !important;
}

body .simme-na .simme-na6-home-link__icon svg{
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    overflow: visible !important;
    transition: transform .32s cubic-bezier(.2,.72,.2,1) !important;
}

body .simme-na .simme-na6-home-link:hover,body .simme-na .simme-na6-home-link:focus-visible{
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(116, 218, 255, .62) !important;
    background:
        linear-gradient(180deg, rgba(20, 43, 72, .94), rgba(9, 24, 47, .90)) padding-box,
        linear-gradient(100deg, rgba(196, 86, 255, .52), rgba(61, 213, 255, .62)) border-box !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 10px 28px rgba(0,0,0,.23),
        0 0 22px rgba(54, 196, 255, .14),
        0 0 20px rgba(181, 75, 255, .08) !important;
    transform: translateY(-1px) !important;
}

body .simme-na .simme-na6-home-link:hover .simme-na6-home-link__icon svg,body .simme-na .simme-na6-home-link:focus-visible .simme-na6-home-link__icon svg{
    transform: translateX(-2px) !important;
}

body .simme-na .simme-na6-home-link:focus-visible{
    outline: 2px solid rgba(90, 214, 255, .88) !important;
    outline-offset: 3px !important;
}

body .simme-na .simme-na6-home-link:active{
    transform: translateY(0) scale(.985) !important;
}

body .simme-na[data-theme="light"] .simme-na6-home-link,body .simme-na[data-theme="light"] .simme-na6-home-link:link,body .simme-na[data-theme="light"] .simme-na6-home-link:visited{
    color: #31435f !important;
    -webkit-text-fill-color: #31435f !important;
    background: rgba(245, 249, 255, .82) !important;
    border-color: rgba(82, 128, 181, .24) !important;
    box-shadow: 0 8px 22px rgba(70, 91, 129, .10), inset 0 1px 0 rgba(255,255,255,.80) !important;
}

body .simme-na[data-theme="light"] .simme-na6-home-link__icon{
    color: #327bb4 !important;
    background: rgba(226, 239, 253, .86) !important;
    border-color: rgba(73, 145, 197, .26) !important;
}

body .simme-na .simme-na6-hero__copy,body .simme-na .simme-na6-hero__visual{
    position: relative !important;
    min-width: 0 !important;
    z-index: 1;
}

body .simme-na .simme-na6-hero__copy{
    max-width: 560px !important;
}

body .simme-na .simme-na6-eyebrow{
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 0 20px !important;
    color: #42d9ff !important;
    font-size: clamp(10px, .8vw, 13px) !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: .19em !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 18px rgba(57,200,255,.18) !important;
}

body .simme-na .simme-na6-eyebrow__mark{
    position: relative !important;
    display: block !important;
    width: 11px !important;
    height: 11px !important;
    transform: rotate(45deg) !important;
    border: 1px solid rgba(57,200,255,.86) !important;
    box-shadow: 0 0 10px rgba(57,200,255,.24) !important;
}

body .simme-na .simme-na6-eyebrow__mark::before,body .simme-na .simme-na6-eyebrow__mark::after{
    position: absolute;
    inset: 2px;
    content: "";
    border: 1px solid rgba(57,200,255,.56);
}
body .simme-na .simme-na6-eyebrow__mark::after{ inset: 4px; background:#39c8ff; border:0; }

body .simme-na .simme-na6-hero h1{
    width: min(100%, 600px) !important;
    margin: 0 !important;
    color: #f3f6ff !important;
    font-size: clamp(42px, 4.35vw, 74px) !important;
    font-weight: 520 !important;
    line-height: 1.03 !important;
    letter-spacing: -.045em !important;
    text-wrap: balance;
    background: linear-gradient(96deg, #f4f8ff 0%, #f4f8ff 36%, #eab8ff 69%, #b597ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

body .simme-na .simme-na6-title-rule{
    display: block !important;
    width: 92px !important;
    height: 3px !important;
    margin: 24px 0 30px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #3ed7ff 0%, #3ed7ff 54%, #ba59ff 100%) !important;
    box-shadow: 0 0 15px rgba(57,200,255,.22), 0 0 18px rgba(178,73,255,.14) !important;
}

body .simme-na .simme-na6-lead{
    margin: 0 0 28px !important;
    max-width: 530px !important;
    color: #aebbd0 !important;
    font-size: clamp(14px, 1.12vw, 18px) !important;
    font-weight: 430 !important;
    line-height: 1.58 !important;
    letter-spacing: 0 !important;
}

body .simme-na .simme-na6-mobile-lead,body .simme-na .simme-na6-mobile-brand{
    display: none !important;
}

body .simme-na .simme-na6-facts{
    display: grid !important;
    gap: 15px !important;
    margin: 0 !important;
}

body .simme-na .simme-na6-facts--stacked{
    display: none !important;
}

body .simme-na .simme-na6-fact{
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    min-width: 0 !important;
    color: #c5cee0 !important;
    font-size: clamp(13px, .95vw, 16px) !important;
    font-weight: 470 !important;
    line-height: 1.3 !important;
}

body .simme-na .simme-na6-fact__icon{
    display: grid !important;
    place-items: center !important;
    flex: 0 0 33px !important;
    width: 33px !important;
    height: 33px !important;
    color: #42ceff !important;
    filter: drop-shadow(0 0 7px rgba(57,200,255,.42));
}
body .simme-na .simme-na6-fact__icon--groups{ color:#a462ff !important; filter:drop-shadow(0 0 7px rgba(164,98,255,.42)); }
body .simme-na .simme-na6-fact__icon--unified{ color:#965cff !important; filter:drop-shadow(0 0 9px rgba(150,92,255,.50)); }
body .simme-na .simme-na6-fact__icon svg{ display:block !important; width:100% !important; height:100% !important; }

body .simme-na .simme-na6-hero__visual{
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 18px !important;
    width: 100% !important;
}

body .simme-na .simme-na6-network-card{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(180px, 30%) minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: 1.92 / 1 !important;
    min-height: 330px !important;
    max-height: 470px !important;
    padding: clamp(26px, 2.8vw, 42px) !important;
    overflow: hidden !important;
    isolation: isolate;
    border: 1px solid transparent !important;
    border-radius: clamp(24px, 2.2vw, 36px) !important;
    background:
        linear-gradient(135deg, rgba(9,20,43,.93), rgba(5,22,40,.92)) padding-box,
        linear-gradient(110deg, rgba(196,82,255,.9), rgba(126,91,255,.76) 35%, rgba(61,213,255,.95) 100%) border-box !important;
    box-shadow:
        0 0 0 1px rgba(124, 145, 255, .08),
        0 0 28px rgba(122, 61, 255, .15),
        0 0 38px rgba(42, 190, 255, .11),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}

body .simme-na .simme-na6-network-card::before{
    position:absolute;
    inset:0;
    z-index:-2;
    content:"";
    pointer-events:none;
    background:
        linear-gradient(115deg, rgba(9,18,45,.78) 0%, rgba(8,17,42,.68) 24%, rgba(4,16,35,.38) 56%, rgba(4,15,32,.54) 100%),
        radial-gradient(circle at 17% 35%, rgba(146,69,255,.18), transparent 34%),
        radial-gradient(circle at 77% 55%, rgba(31,155,255,.14), transparent 34%),
        linear-gradient(100deg, transparent 24%, rgba(139,75,255,.06) 49%, rgba(50,188,255,.06) 72%, transparent 92%),
        url("https://www.simme.co.uk/wp-content/uploads/2026/08/Atlas-Background-2.jpg");
    background-repeat:no-repeat;
    background-size:cover, auto, auto, auto, cover;
    background-position:50% 50%, 17% 35%, 77% 55%, 50% 50%, 68% 50%;
    background-blend-mode:normal, screen, screen, normal, normal;
    opacity:.76;
    filter:saturate(.90) brightness(.88);
}

body .simme-na .simme-na6-network-card__bloom{
    position:absolute !important;
    z-index:-1 !important;
    left:8% !important;
    top:8% !important;
    width:48% !important;
    height:82% !important;
    border-radius:50% !important;
    background:rgba(132,68,255,.18) !important;
    filter:blur(58px) !important;
    opacity:.82 !important;
    animation:simme-na6-bloom 8.5s ease-in-out infinite alternate !important;
}

body .simme-na .simme-na6-network-card__beam{
    position:absolute !important;
    z-index:0 !important;
    left:-7% !important;
    right:-7% !important;
    top:50% !important;
    height:2px !important;
    pointer-events:none !important;
    background:linear-gradient(90deg, transparent 0%, rgba(183,75,255,.42) 20%, rgba(182,92,255,.56) 39%, rgba(73,205,255,.62) 68%, transparent 100%) !important;
    box-shadow:0 0 16px rgba(95,94,255,.25),0 0 26px rgba(57,200,255,.16) !important;
    opacity:.66 !important;
}

body .simme-na .simme-na6-metric{
    position:relative !important;
    z-index:2 !important;
    display:grid !important;
    align-content:center !important;
    justify-items:start !important;
    align-self:stretch !important;
    min-width:0 !important;
    padding:clamp(20px,2.1vw,34px) !important;
    overflow:hidden !important;
    border:1px solid rgba(137,147,255,.55) !important;
    border-radius:clamp(20px,1.9vw,30px) !important;
    background:linear-gradient(160deg,rgba(38,42,104,.36),rgba(7,18,45,.28)) !important;
    box-shadow:inset 0 0 30px rgba(103,75,255,.07),0 0 18px rgba(105,69,255,.08) !important;
}

body .simme-na .simme-na6-metric strong{
    display:block !important;
    margin:0 !important;
    color:#f3f5ff !important;
    font-size:clamp(66px,6.8vw,112px) !important;
    font-weight:420 !important;
    line-height:.82 !important;
    letter-spacing:-.06em !important;
    text-shadow:0 0 20px rgba(255,255,255,.08) !important;
}

body .simme-na .simme-na6-metric span{
    display:block !important;
    margin:clamp(18px,1.5vw,24px) 0 0 !important;
    color:#f4f6ff !important;
    font-size:clamp(20px,1.75vw,31px) !important;
    font-weight:720 !important;
    line-height:1.05 !important;
    letter-spacing:-.015em !important;
}
body .simme-na .simme-na6-metric i{
    display:block !important;
    width:100% !important;
    height:1px !important;
    margin:clamp(16px,1.4vw,22px) 0 !important;
    background:linear-gradient(90deg,rgba(122,137,255,.28),rgba(110,151,232,.17)) !important;
}
body .simme-na .simme-na6-metric small{
    color:#aeb6d1 !important;
    font-size:clamp(14px,1.05vw,18px) !important;
    font-weight:430 !important;
    line-height:1.35 !important;
}

body .simme-na .simme-na6-orbit{
    --sna6-orbit-x:0px;
    --sna6-orbit-y:0px;
    position:relative !important;
    z-index:2 !important;
    align-self:stretch !important;
    min-width:0 !important;
    width:100% !important;
    min-height:260px !important;
    overflow:visible !important;
    transform:translate3d(var(--sna6-orbit-x),var(--sna6-orbit-y),0) !important;
    transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;
}

body .simme-na .simme-na6-orbit::before{
    position:absolute;
    left:50%;
    top:50%;
    width:min(72%,360px);
    aspect-ratio:1;
    content:"";
    border-radius:50%;
    background:radial-gradient(circle,rgba(31,137,255,.16),rgba(31,137,255,.06) 34%,transparent 68%);
    filter:blur(18px);
    transform:translate(-50%,-50%);
    animation:simme-na6-core-breathe 4.2s ease-in-out infinite;
}

body .simme-na .simme-na6-orbit__svg{
    position:absolute !important;
    inset:50% auto auto 50% !important;
    display:block !important;
    width:min(100%,560px) !important;
    height:auto !important;
    max-height:100% !important;
    overflow:visible !important;
    transform:translate(-50%,-50%) !important;
    transform-origin:center !important;
}

body .simme-na .simme-na6-theme,body .simme-na .simme-na6-theme:hover,body .simme-na .simme-na6-theme:focus,body .simme-na .simme-na6-theme:active{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    align-items:center !important;
    width:min(260px,100%) !important;
    min-height:48px !important;
    margin:0 !important;
    padding:4px !important;
    overflow:hidden !important;
    color:#aebbd0 !important;
    background:rgba(4,12,25,.70) !important;
    border:1px solid rgba(86,134,198,.28) !important;
    border-radius:999px !important;
    box-shadow:inset 0 0 18px rgba(26,117,255,.05) !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    cursor:pointer !important;
}
body .simme-na .simme-na6-theme__option{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    min-height:38px !important;
    color:#8ea2be !important;
    font-size:13px !important;
    font-weight:650 !important;
    transition:color .2s ease !important;
}
body .simme-na[data-theme="dark"] .simme-na6-theme__option--dark,body .simme-na[data-theme="light"] .simme-na6-theme__option--light{ color:#cfeeff !important; }
body .simme-na .simme-na6-theme__thumb{
    position:absolute !important;
    z-index:1 !important;
    left:4px !important;
    top:4px !important;
    width:calc(50% - 4px) !important;
    height:calc(100% - 8px) !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,rgba(10,46,79,.72),rgba(10,31,59,.82)) !important;
    border:1px solid rgba(57,200,255,.22) !important;
    box-shadow:0 0 18px rgba(57,200,255,.07),inset 0 1px 0 rgba(255,255,255,.04) !important;
    transform:translateX(0) !important;
    transition:transform .26s cubic-bezier(.2,.75,.2,1) !important;
}
body .simme-na[data-theme="light"] .simme-na6-theme__thumb{ transform:translateX(100%) !important; }
body .simme-na .simme-na6-theme__moon{ position:relative !important; width:14px !important; height:14px !important; border-radius:50% !important; background:#50cbff !important; box-shadow:0 0 9px rgba(80,203,255,.38) !important; }
body .simme-na .simme-na6-theme__moon::after{ position:absolute; content:""; width:13px; height:13px; top:-2px; left:5px; border-radius:50%; background:#09192d; }
body .simme-na .simme-na6-theme__sun{ position:relative !important; width:13px !important; height:13px !important; border:2px solid #7285a0 !important; border-radius:50% !important; }
body .simme-na .simme-na6-theme__sun::before{ position:absolute; inset:-6px; content:""; background:repeating-conic-gradient(from 0deg,#7285a0 0 3deg,transparent 3deg 45deg); mask:radial-gradient(circle,transparent 0 6px,#000 6px 8px,transparent 8px); -webkit-mask:radial-gradient(circle,transparent 0 6px,#000 6px 8px,transparent 8px); }

body .simme-na[data-theme="light"] .simme-na6-hero{
    --sna6-text:#121a2b;
    --sna6-soft:#5f6d87;
    background:
        radial-gradient(circle at 60% 48%,rgba(136,92,255,.08),transparent 31%),
        radial-gradient(circle at 90% 30%,rgba(42,177,255,.08),transparent 34%),
        linear-gradient(135deg,#f8faff,#f2f6fd 55%,#f7fbff 100%) !important;
    border-color:rgba(103,142,194,.28) !important;
    box-shadow:0 18px 48px rgba(52,73,105,.10) !important;
}
body .simme-na[data-theme="light"] .simme-na6-hero h1{ background:linear-gradient(96deg,#151c2b 0%,#202b42 44%,#7e54bf 78%,#4075ba 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
body .simme-na[data-theme="light"] .simme-na6-lead,body .simme-na[data-theme="light"] .simme-na6-fact{ color:#586782 !important; }
body .simme-na[data-theme="light"] .simme-na6-network-card{ background:linear-gradient(135deg,rgba(243,247,255,.96),rgba(235,244,253,.95)) padding-box,linear-gradient(110deg,rgba(169,94,244,.70),rgba(116,111,238,.54) 35%,rgba(56,188,235,.78) 100%) border-box !important; box-shadow:0 16px 44px rgba(64,78,118,.13),0 0 28px rgba(127,85,232,.08) !important; }
body .simme-na[data-theme="light"] .simme-na6-metric{ background:linear-gradient(160deg,rgba(255,255,255,.58),rgba(225,235,252,.34)) !important; border-color:rgba(114,117,204,.28) !important; }
body .simme-na[data-theme="light"] .simme-na6-metric strong,body .simme-na[data-theme="light"] .simme-na6-metric span{ color:#1b2337 !important; text-shadow:none !important; }
body .simme-na[data-theme="light"] .simme-na6-metric small{ color:#65718c !important; }
body .simme-na[data-theme="light"] .simme-na6-theme,body .simme-na[data-theme="light"] .simme-na6-theme:hover{ background:rgba(239,245,253,.90) !important; border-color:rgba(92,121,166,.24) !important; }
body .simme-na[data-theme="light"] .simme-na6-theme__option{ color:#65738d !important; }
body .simme-na[data-theme="light"] .simme-na6-theme__option--light{ color:#1f2b41 !important; }

@keyframes simme-na6-bloom{
    0% { transform:translate3d(-4%,2%,0) scale(.94); opacity:.62; }
    50% { transform:translate3d(10%,-4%,0) scale(1.12); opacity:.92; }
    100% { transform:translate3d(2%,6%,0) scale(1.02); opacity:.72; }
}
@keyframes simme-na6-core-breathe{
    0%,100% { transform:translate(-50%,-50%) scale(.92); opacity:.58; }
    50% { transform:translate(-50%,-50%) scale(1.08); opacity:.92; }
}

@media (max-width: 1180px){
    body .simme-na .simme-na6-hero{ grid-template-columns:minmax(260px,.75fr) minmax(470px,1.25fr) !important; gap:34px !important; padding:82px 34px 44px !important; }
    body .simme-na .simme-na6-network-card{ min-height:300px !important; }
    body .simme-na .simme-na6-metric strong{ font-size:clamp(60px,7vw,86px) !important; }
}

@media (max-width: 940px){
    body .simme-na .simme-na6-hero{
        grid-template-columns:1fr !important;
        gap:32px !important;
        padding:80px 28px 34px !important;
    }
    body .simme-na .simme-na6-hero__copy{ max-width:760px !important; }
    body .simme-na .simme-na6-network-card{ width:min(100%,760px) !important; margin-inline:auto !important; }
}

@media (min-width: 681px) and (max-width: 940px){
    body .simme-na .simme-na6-hero__copy > .simme-na6-facts{
        display: none !important;
    }

    body .simme-na .simme-na6-hero__visual .simme-na6-facts--stacked{
        display: grid !important;
        width: min(100%, 760px) !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(14px, 2.1vw, 24px) !important;
        margin: 2px auto 0 !important;
        padding: 0 clamp(4px, .7vw, 10px) !important;
    }

    body .simme-na .simme-na6-hero__visual .simme-na6-facts--stacked .simme-na6-fact{
        justify-content: center !important;
        text-align: left !important;
    }

    body .simme-na .simme-na6-theme{
        margin-top: 4px !important;
    }
}

@media (max-width: 680px){
    body .simme-na .simme-na6-hero{
        display:block !important;
        padding:74px 16px 28px !important;
        border-radius:24px !important;
        text-align:center !important;
    }
    body .simme-na .simme-na6-home-link,body .simme-na .simme-na6-home-link:link,body .simme-na .simme-na6-home-link:visited{
        top:14px !important;
        left:14px !important;
        min-height:36px !important;
        padding:4px 12px 4px 6px !important;
        gap:8px !important;
        font-size:11px !important;
    }

    body .simme-na .simme-na6-home-link__icon{
        width:25px !important;
        height:25px !important;
        flex-basis:25px !important;
    }
    body .simme-na .simme-na6-mobile-brand{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        gap:4px !important;
        margin:0 0 14px !important;
    }
    body .simme-na .simme-na6-brand-mark{ display:block !important; width:48px !important; height:48px !important; filter:drop-shadow(0 0 12px rgba(139,86,255,.28)); }
    body .simme-na .simme-na6-brand-mark svg{ display:block !important; width:100% !important; height:100% !important; }
    body .simme-na .simme-na6-mobile-brand__word{ display:block !important; background:linear-gradient(90deg,#bc5aff,#43bbff); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-size:22px !important; font-weight:600 !important; line-height:1 !important; letter-spacing:-.03em !important; }
    body .simme-na .simme-na6-eyebrow,body .simme-na .simme-na6-title-rule,body .simme-na .simme-na6-lead,body .simme-na .simme-na6-facts{ display:none !important; }
    body .simme-na .simme-na6-hero h1{ width:100% !important; font-size:clamp(46px,14vw,64px) !important; line-height:.98 !important; }
    body .simme-na .simme-na6-title-prefix{ display:none !important; }
    body .simme-na .simme-na6-mobile-lead{ display:block !important; margin:16px auto 28px !important; color:#aeb8cd !important; font-size:clamp(16px,4.7vw,20px) !important; line-height:1.42 !important; }
    body .simme-na[data-theme="light"] .simme-na6-mobile-lead{ color:#63718b !important; }
    body .simme-na .simme-na6-network-card{
        grid-template-columns:minmax(112px,39%) minmax(0,1fr) !important;
        width:100% !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:1.52 / 1 !important;
        padding:14px !important;
        border-radius:22px !important;
    }
    body .simme-na .simme-na6-metric{ padding:16px 14px !important; border-radius:18px !important; }
    body .simme-na .simme-na6-metric strong{ font-size:clamp(54px,18vw,78px) !important; }
    body .simme-na .simme-na6-metric span{ margin-top:12px !important; font-size:clamp(17px,5.2vw,23px) !important; }
    body .simme-na .simme-na6-metric i{ margin:12px 0 !important; }
    body .simme-na .simme-na6-metric small{ font-size:clamp(11px,3.4vw,14px) !important; }
    body .simme-na .simme-na6-orbit{ min-height:0 !important; height:100% !important; }
    body .simme-na .simme-na6-orbit__svg{ width:112% !important; max-width:none !important; left:50% !important; }
    body .simme-na .simme-na6-theme{ width:min(270px,82%) !important; margin:28px auto 0 !important; }
}

@media (max-width: 420px){
    body .simme-na .simme-na6-hero{ padding-left:12px !important; padding-right:12px !important; }
    body .simme-na .simme-na6-network-card{ grid-template-columns:minmax(104px,42%) minmax(0,1fr) !important; aspect-ratio:1.38 / 1 !important; padding:11px !important; }
    body .simme-na .simme-na6-metric{ padding:14px 12px !important; }
    body .simme-na .simme-na6-metric strong{ font-size:clamp(50px,19vw,70px) !important; }
    body .simme-na .simme-na6-orbit__svg{ width:116% !important; left:50% !important; }
}

@media (prefers-reduced-motion: reduce){
    body .simme-na .simme-na6-network-card__bloom,body .simme-na .simme-na6-orbit::before{ animation-duration:18s !important; }
}

body .simme-na .simme-na6-fact__icon,body .simme-na .simme-na6-fact__icon--groups,body .simme-na .simme-na6-fact__icon--unified{
    filter: none !important;
}
body .simme-na .simme-na6-fact__icon img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: none !important;
}

body .simme-na .simme-na6-brand-mark img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: none !important;
}

@media (max-width: 680px){
    body .simme-na .simme-na6-brand-mark{
        width: 82px !important;
        height: 72px !important;
        filter: none !important;
    }
    body .simme-na .simme-na6-mobile-brand__word{
        display: none !important;
    }
}

body .simme-na .simme-na6-mobile-brand{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
}

body .simme-na .simme-na6-brand-mark{
    display: block !important;
    flex: 0 0 auto !important;
    width: clamp(112px, 9.4vw, 142px) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    filter: none !important;
}

body .simme-na .simme-na6-brand-mark img{
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: none !important;
}

body .simme-na .simme-na6-mobile-brand__word{
    display: none !important;
}

body .simme-na .simme-na6-eyebrow{
    display: none !important;
}

@media (max-width: 680px){
    body .simme-na .simme-na6-mobile-brand{
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 0 10px !important;
    }

    body .simme-na .simme-na6-brand-mark{
        width: clamp(104px, 30vw, 126px) !important;
        height: auto !important;
        margin-inline: auto !important;
    }

    body .simme-na .simme-na6-brand-mark img{
        width: 100% !important;
        height: auto !important;
        object-position: center !important;
    }
}

body.simme-node-atlas-detail-page{
    --simme-node-surround-blue: #02b8f0;
    --simme-node-surround-ink: #0059c7;
    min-height: 100vh !important;
    background-color: var(--simme-node-surround-blue) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='86' viewBox='0 0 150 86'%3E%3Cg fill='%230059c7' fill-opacity='.24'%3E%3Ccircle cx='16' cy='16' r='4'/%3E%3Ccircle cx='56' cy='16' r='4'/%3E%3Ccircle cx='96' cy='16' r='4'/%3E%3Ccircle cx='136' cy='16' r='4'/%3E%3Crect x='22' y='4' width='5' height='18' rx='2.5'/%3E%3Crect x='38' y='4' width='5' height='18' rx='2.5'/%3E%3Crect x='72' y='4' width='5' height='18' rx='2.5'/%3E%3Crect x='78' y='4' width='5' height='18' rx='2.5'/%3E%3Crect x='112' y='4' width='5' height='18' rx='2.5'/%3E%3Crect x='128' y='4' width='5' height='18' rx='2.5'/%3E%3Ccircle cx='9' cy='50' r='4'/%3E%3Ccircle cx='30' cy='50' r='4'/%3E%3Ccircle cx='51' cy='50' r='4'/%3E%3Ccircle cx='72' cy='50' r='4'/%3E%3Ccircle cx='93' cy='50' r='4'/%3E%3Ccircle cx='114' cy='50' r='4'/%3E%3Ccircle cx='135' cy='50' r='4'/%3E%3Crect x='15' y='64' width='5' height='14' rx='2.5'/%3E%3Crect x='35' y='64' width='5' height='14' rx='2.5'/%3E%3Crect x='75' y='64' width='5' height='14' rx='2.5'/%3E%3Crect x='95' y='64' width='5' height='14' rx='2.5'/%3E%3Crect x='135' y='64' width='5' height='14' rx='2.5'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(180deg, #06b7ef 0%, #02b8f0 58%, #00b4ee 100%) !important;
    background-repeat: repeat, no-repeat !important;
    background-size: 150px 86px, 100% 100% !important;
    background-attachment: fixed, fixed !important;
}

body.simme-node-atlas-detail-page #pagewrap,body.simme-node-atlas-detail-page #body,body.simme-node-atlas-detail-page #layout,body.simme-node-atlas-detail-page #content,body.simme-node-atlas-detail-page .pagewidth,body.simme-node-atlas-detail-page .post,body.simme-node-atlas-detail-page .post-content,body.simme-node-atlas-detail-page .entry-content{
    background-color: transparent !important;
    background-image: none !important;
}

body.simme-node-atlas-detail-page .simme-na--node-page{
    box-sizing: border-box !important;
    width: calc(100% - 72px) !important;
    max-width: 1960px !important;
    margin: clamp(32px, 3vw, 58px) auto clamp(34px, 4vw, 72px) !important;
    padding: clamp(28px, 4vw, 72px) !important;
    overflow: visible !important;
    background: #000000 !important;
    border: 7px solid var(--simme-node-surround-ink) !important;
    border-radius: clamp(32px, 3vw, 48px) !important;
    box-shadow:
        0 18px 54px rgba(0, 33, 73, .22),
        0 0 0 1px rgba(0, 106, 210, .34) !important;
}

body.simme-node-atlas-detail-page .simme-na--node-page > .simme-na__shell{
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(72, 199, 249, .62) !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 6% 0%, rgba(36, 191, 255, .075), transparent 28%),
        linear-gradient(180deg, #081523 0%, #06111d 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(143, 217, 255, .09),
        inset 0 0 36px rgba(36, 191, 255, .024),
        0 0 30px rgba(36, 191, 255, .045) !important;
}

body.simme-node-atlas-detail-page .simme-na--node-page[data-theme="light"] > .simme-na__shell{
    background: var(--sna-bg) !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54{
    width: 100vw !important;
    min-height: 150px !important;
    margin-left: calc(50% - 50vw) !important;
    background: #020405 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54__inner{
    box-sizing: border-box !important;
    width: min(100%, 1770px) !important;
    min-height: 150px !important;
    margin: 0 auto !important;
    padding: 10px clamp(30px, 7.8vw, 174px) !important;
    display: flex !important;
    align-items: center !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54__brand{
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54__logo{
    display: block !important;
    width: 300px !important;
    height: 130px !important;
    max-width: 300px !important;
    max-height: 130px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin: 0 !important;
    filter: none !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54__burger,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:hover,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:focus,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:active{
    right: clamp(30px, 7.8vw, 174px) !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54__menu{
    right: clamp(20px, 7.8vw, 174px) !important;
}

@media (max-width: 1100px){
    body.simme-node-atlas-detail-page .simme-na--node-page{
        width: calc(100% - 44px) !important;
        padding: clamp(22px, 3vw, 42px) !important;
        border-width: 6px !important;
        border-radius: 38px !important;
    }
    body.simme-node-atlas-detail-page .simme-node-topbar54,body.simme-node-atlas-detail-page .simme-node-topbar54__inner{
        min-height: 118px !important;
    }
    body.simme-node-atlas-detail-page .simme-node-topbar54__inner{
        padding-inline: clamp(24px, 5vw, 72px) !important;
    }
    body.simme-node-atlas-detail-page .simme-node-topbar54__logo{
        width: 240px !important;
        height: 104px !important;
        max-width: 240px !important;
        max-height: 104px !important;
    }
    body.simme-node-atlas-detail-page .simme-node-topbar54__burger,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:hover,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:focus,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:active,body.simme-node-atlas-detail-page .simme-node-topbar54__menu{
        right: clamp(22px, 5vw, 72px) !important;
    }
}

@media (max-width: 700px){
    body.simme-node-atlas-detail-page{
        background-attachment: scroll, scroll !important;
        background-size: 120px 69px, 100% 100% !important;
    }
    body.simme-node-atlas-detail-page .simme-na--node-page{
        width: calc(100% - 20px) !important;
        margin: 18px auto 28px !important;
        padding: 14px !important;
        border-width: 4px !important;
        border-radius: 27px !important;
    }
    body.simme-node-atlas-detail-page .simme-na--node-page > .simme-na__shell{
        border-radius: 20px !important;
    }
    body.simme-node-atlas-detail-page .simme-node-topbar54,body.simme-node-atlas-detail-page .simme-node-topbar54__inner{
        min-height: 86px !important;
    }
    body.simme-node-atlas-detail-page .simme-node-topbar54__inner{
        width: 100% !important;
        padding: 5px 18px !important;
        padding-right: 70px !important;
    }
    body.simme-node-atlas-detail-page .simme-node-topbar54__logo{
        width: 176px !important;
        height: auto !important;
        max-width: 176px !important;
        max-height: 76px !important;
    }
    body.simme-node-atlas-detail-page .simme-node-topbar54__burger,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:hover,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:focus,body.simme-node-atlas-detail-page .simme-node-topbar54__burger:active{
        right: 16px !important;
    }
    body.simme-node-atlas-detail-page .simme-node-topbar54__menu{
        right: 10px !important;
        width: calc(100vw - 20px) !important;
    }
}

@media (max-width: 420px){
    body.simme-node-atlas-detail-page .simme-na--node-page{
        width: calc(100% - 14px) !important;
        margin-top: 12px !important;
        padding: 10px !important;
        border-width: 3px !important;
        border-radius: 22px !important;
    }
    body.simme-node-atlas-detail-page .simme-na--node-page > .simme-na__shell{
        border-radius: 17px !important;
    }
    body.simme-node-atlas-detail-page .simme-node-topbar54__logo{
        width: 158px !important;
        max-width: 158px !important;
    }
}

body .simme-na .simme-na__canonical-icon--atlas::before,body .simme-na .simme-na__canonical-icon--atlas::after,body .simme-na .simme-na__canonical-icon--atlas > span::before,body .simme-na .simme-na__canonical-icon--atlas > span::after{
    content: none !important;
    display: none !important;
    animation: none !important;
    box-shadow: none !important;
}

.simme-atlas-return-icon{
    --sna-atlas-orbit-size: 40px;
    position: relative;
    display: inline-grid !important;
    place-items: center;
    flex: 0 0 var(--sna-atlas-orbit-size);
    width: var(--sna-atlas-orbit-size) !important;
    height: var(--sna-atlas-orbit-size) !important;
    min-width: var(--sna-atlas-orbit-size) !important;
    min-height: var(--sna-atlas-orbit-size) !important;
    overflow: visible !important;
    line-height: 0 !important;
    isolation: isolate;
}

.simme-atlas-return-icon--compact{
    --sna-atlas-orbit-size: 28px;
}

.simme-atlas-return-orbit-svg{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    pointer-events: none !important;
    transform: translateZ(0);
    transform-origin: 50% 50%;
    filter: drop-shadow(0 0 5px rgba(36,191,255,.16));
    transition: filter .2s ease, transform .2s ease;
}

body .simme-na .simme-na__canonical-icon--atlas{
    --sna-atlas-orbit-size: 40px;
    padding: 3px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 48%, rgba(36,191,255,.12), transparent 58%),
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)) !important;
}

body .simme-na .simme-atlas-return-action{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

body .simme-na .simme-atlas-return-action > span:last-child{
    min-width: 0;
}

body .simme-na .simme-atlas-return-action:hover .simme-atlas-return-orbit-svg,body .simme-na .simme-atlas-return-action:focus-visible .simme-atlas-return-orbit-svg,body .simme-na .simme-na__canonical-link--atlas:hover .simme-atlas-return-orbit-svg,body .simme-na .simme-na__canonical-link--atlas:focus-visible .simme-atlas-return-orbit-svg{
    filter:
        drop-shadow(0 0 5px rgba(36,191,255,.34))
        drop-shadow(0 0 8px rgba(180,81,255,.18));
    transform: scale(1.045);
}

.simme-na[data-theme="light"] .simme-na__canonical-icon--atlas{
    background:
        radial-gradient(circle at 50% 48%, rgba(36,191,255,.10), transparent 58%),
        linear-gradient(180deg, rgba(255,255,255,.78), rgba(237,247,255,.60)) !important;
}

@media (max-width: 700px){
    .simme-atlas-return-icon--compact{
        --sna-atlas-orbit-size: 25px;
    }
    body .simme-na .simme-na__canonical-icon--atlas{
        --sna-atlas-orbit-size: 40px;
    }
}

@media (max-width: 420px){
    .simme-atlas-return-icon--compact{
        --sna-atlas-orbit-size: 23px;
    }
}

body.simme-node-atlas-detail-page .simme-node-topbar54__logo{
    width: 150px !important;
    height: auto !important;
    max-width: 150px !important;
    max-height: none !important;
}

@media (max-width: 1100px){
    body.simme-node-atlas-detail-page .simme-node-topbar54__logo{
        width: 150px !important;
        height: auto !important;
        max-width: 150px !important;
        max-height: none !important;
    }
}

@media (max-width: 700px){
    body.simme-node-atlas-detail-page .simme-node-topbar54__logo{
        width: 150px !important;
        height: auto !important;
        max-width: 150px !important;
        max-height: none !important;
    }
}

@media (max-width: 420px){
    body.simme-node-atlas-detail-page .simme-node-topbar54__logo{
        width: 150px !important;
        height: auto !important;
        max-width: 150px !important;
        max-height: none !important;
    }
}

@media (max-width: 860px){
    body .simme-na--node-page .simme-na__theme-toggle{
        width: min(100%, 280px) !important;
        max-width: 280px !important;
        min-width: 0 !important;
        margin-inline: auto !important;
        justify-self: center !important;
        align-self: center !important;
    }
}

@media (max-width: 640px){
    body .simme-na--node-page .simme-na__nodepage-bar{
        justify-items: center !important;
    }

    body .simme-na--node-page .simme-na__theme-toggle{
        width: min(100%, 280px) !important;
        max-width: 280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-self: center !important;
    }
}

body .simme-na .simme-na__runtime{
    gap: 10px !important;
}

body .simme-na .simme-na__runtime > span{
    margin-bottom: 2px !important;
}

body .simme-na .simme-na__runtime > div{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 48px !important;
    padding: 10px 13px !important;
    overflow: hidden !important;
    border: 1px dashed rgba(225, 240, 255, .62) !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(48, 177, 255, .075), transparent 42%),
        linear-gradient(180deg, rgba(8, 20, 38, .96), rgba(5, 14, 28, .96)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 6px 16px rgba(0,0,0,.10) !important;
}

body .simme-na .simme-na__runtime > div::after{
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(105deg, transparent 0 62%, rgba(91, 202, 255, .035) 76%, transparent 92%);
}

body .simme-na .simme-na__runtime b{
    position: relative !important;
    z-index: 1 !important;
    color: #c5d3e8 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    letter-spacing: .005em !important;
}

body .simme-na .simme-na__runtime strong{
    position: relative !important;
    z-index: 1 !important;
    color: #f1f7ff !important;
    font-size: 17px !important;
    font-weight: 820 !important;
    line-height: 1 !important;
    letter-spacing: -.025em !important;
}

body .simme-na .simme-na__runtime small{
    position: relative !important;
    z-index: 1 !important;
    color: #859bb9 !important;
    font-size: 9px !important;
    font-weight: 560 !important;
}

body .simme-na[data-theme="light"] .simme-na__runtime > div{
    border-color: rgba(78, 108, 151, .42) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(69, 169, 226, .055), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,249,254,.96)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 7px 18px rgba(57, 79, 112, .065) !important;
}

body .simme-na[data-theme="light"] .simme-na__runtime b{ color: #43536c !important; }
body .simme-na[data-theme="light"] .simme-na__runtime strong{ color: #17243a !important; }
body .simme-na[data-theme="light"] .simme-na__runtime small{ color: #71819b !important; }

@media (max-width: 640px){
    body .simme-na .simme-na__runtime > div{
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        flex-wrap: nowrap !important;
        gap: 5px !important;
        min-height: 46px !important;
        padding: 9px 12px !important;
    }

    body .simme-na .simme-na__runtime > div b{
        flex: none !important;
    }
}

.simme-atlas-return-icon--compact{
    --sna-atlas-orbit-size: 36px !important;
}

body .simme-na .simme-na__canonical-icon--atlas{
    --sna-atlas-orbit-size: 54px !important;
    width: var(--sna-atlas-orbit-size) !important;
    height: var(--sna-atlas-orbit-size) !important;
    min-width: var(--sna-atlas-orbit-size) !important;
    min-height: var(--sna-atlas-orbit-size) !important;
}

body .simme-na .simme-na__canonical-link--atlas .simme-na__canonical-icon--atlas,body .simme-na[data-theme="light"] .simme-na__canonical-link--atlas .simme-na__canonical-icon--atlas{
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body .simme-na .simme-na__canonical-link--atlas .simme-atlas-return-orbit-svg{
    filter:
        drop-shadow(0 0 5px rgba(36,191,255,.25))
        drop-shadow(0 0 7px rgba(180,81,255,.11));
}

@media (max-width: 700px){
    .simme-atlas-return-icon--compact{
        --sna-atlas-orbit-size: 34px !important;
    }

    body .simme-na .simme-na__canonical-icon--atlas{
        --sna-atlas-orbit-size: 50px !important;
    }
}

@media (max-width: 420px){
    .simme-atlas-return-icon--compact{
        --sna-atlas-orbit-size: 32px !important;
    }

    body .simme-na .simme-na__canonical-icon--atlas{
        --sna-atlas-orbit-size: 48px !important;
    }
}

body.simme-node-atlas-detail-page .simme-na--node-page{
    border-width: 5px !important;
}

@media (max-width: 1100px){
    body.simme-node-atlas-detail-page .simme-na--node-page{
        border-width: 5px !important;
    }
}

@media (max-width: 700px){
    body.simme-node-atlas-detail-page .simme-na--node-page{
        border-width: 5px !important;
    }
}

@media (max-width: 420px){
    body.simme-node-atlas-detail-page .simme-na--node-page{
        border-width: 5px !important;
    }
}

@media (min-width: 701px){
    body.simme-node-atlas-detail-page .simme-node-topbar54,body.simme-node-atlas-detail-page .simme-node-topbar54__inner{
        height: 100px !important;
        min-height: 100px !important;
        max-height: 100px !important;
    }

    body.simme-node-atlas-detail-page .simme-node-topbar54__inner{
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    body.simme-node-atlas-detail-page .simme-node-topbar54__logo{
        width: 150px !important;
        height: auto !important;
        max-width: 150px !important;
        max-height: 82px !important;
    }
}

@media (max-width: 640px){
     
    .simme-na .simme-na__node-nav{
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 68px minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 24px 0 0 !important;
        padding: 7px !important;
        border: 1px solid rgba(72, 196, 244, .38) !important;
        border-radius: 22px !important;
        background:
            radial-gradient(circle at 50% 0%, rgba(81, 188, 255, .08), transparent 54%),
            linear-gradient(180deg, rgba(15, 35, 54, .78), rgba(6, 18, 33, .92)) !important;
        box-shadow:
            inset 0 1px 0 rgba(190, 235, 255, .06),
            0 14px 34px rgba(0, 0, 0, .16) !important;
        overflow: hidden !important;
    }

    .simme-na .simme-na__node-nav > [data-simme-prev],.simme-na .simme-na__node-nav > [data-simme-next]{
        display: block !important;
        min-width: 0 !important;
        height: 100% !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour{
        display: grid !important;
        align-items: center !important;
        min-width: 0 !important;
        min-height: 66px !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 6px 8px !important;
        gap: 7px !important;
        border: 0 !important;
        border-radius: 15px !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: hidden !important;
        transition: background .2s ease, box-shadow .2s ease, transform .2s ease !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour--prev{
        grid-template-columns: 40px minmax(0, 1fr) !important;
        text-align: left !important;
        justify-content: stretch !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour--next{
        grid-template-columns: minmax(0, 1fr) 40px !important;
        text-align: right !important;
        justify-content: stretch !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour:hover,.simme-na .simme-na__node-nav .simme-na__neighbour:focus-visible{
        background: rgba(34, 160, 224, .08) !important;
        box-shadow: inset 0 0 22px rgba(56, 191, 255, .06) !important;
        transform: translateY(-1px) !important;
        outline: 0 !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour-media{
        width: 40px !important;
        height: 40px !important;
        flex: 0 0 40px !important;
        border-radius: 10px !important;
        box-shadow: 0 0 14px rgba(58, 193, 255, .06) !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour-copy{
        min-width: 0 !important;
        display: grid !important;
        align-content: center !important;
        gap: 2px !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour-copy small{
        color: #86a5c2 !important;
        font-size: 8px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        letter-spacing: .09em !important;
        white-space: nowrap !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour-copy b{
        display: -webkit-box !important;
        min-width: 0 !important;
        overflow: hidden !important;
        color: #eef7ff !important;
        font-size: 9.5px !important;
        line-height: 1.28 !important;
        font-weight: 720 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    body .simme-na .simme-na__node-nav .simme-na__atlas-button,body .simme-na .simme-na__node-nav .simme-na__atlas-button:hover,body .simme-na .simme-na__node-nav .simme-na__atlas-button:focus,body .simme-na .simme-na__node-nav .simme-na__atlas-button:active{
        position: relative !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: grid !important;
        place-items: center !important;
        align-self: stretch !important;
        justify-self: stretch !important;
        width: 68px !important;
        min-width: 68px !important;
        min-height: 66px !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 15px !important;
        color: #eaf7ff !important;
        background: transparent !important;
        box-shadow:
            inset 1px 0 0 rgba(111, 184, 224, .14),
            inset -1px 0 0 rgba(111, 184, 224, .14) !important;
        overflow: visible !important;
    }

    body .simme-na .simme-na__node-nav .simme-na__atlas-button:hover,body .simme-na .simme-na__node-nav .simme-na__atlas-button:focus-visible{
        background: radial-gradient(circle, rgba(76, 190, 255, .12), transparent 66%) !important;
        box-shadow:
            inset 1px 0 0 rgba(111, 184, 224, .18),
            inset -1px 0 0 rgba(111, 184, 224, .18),
            0 0 24px rgba(72, 180, 255, .08) !important;
        outline: 0 !important;
    }

    .simme-na .simme-na__node-nav .simme-na__atlas-button > span:last-child{
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .simme-na .simme-na__node-nav .simme-atlas-return-icon,.simme-na .simme-na__node-nav .simme-atlas-return-icon--compact{
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        flex: 0 0 48px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .simme-na .simme-na__node-nav .simme-atlas-return-icon svg{
        width: 100% !important;
        height: 100% !important;
        overflow: visible !important;
        filter: drop-shadow(0 0 7px rgba(78, 197, 255, .18)) !important;
    }

    .simme-na .simme-na__node-nav > :first-child{
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
    }

    .simme-na .simme-na__node-nav > :last-child{
        grid-column: 3 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
    }
}

@media (max-width: 390px){
    .simme-na .simme-na__node-nav{
        grid-template-columns: minmax(0, 1fr) 60px minmax(0, 1fr) !important;
        padding: 6px !important;
        border-radius: 20px !important;
    }

    body .simme-na .simme-na__node-nav .simme-na__atlas-button,body .simme-na .simme-na__node-nav .simme-na__atlas-button:hover,body .simme-na .simme-na__node-nav .simme-na__atlas-button:focus,body .simme-na .simme-na__node-nav .simme-na__atlas-button:active{
        width: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
    }

    .simme-na .simme-na__node-nav .simme-atlas-return-icon,.simme-na .simme-na__node-nav .simme-atlas-return-icon--compact{
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        flex-basis: 44px !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour{
        min-height: 60px !important;
        padding: 5px 6px !important;
        gap: 5px !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour--prev{
        grid-template-columns: 34px minmax(0, 1fr) !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour--next{
        grid-template-columns: minmax(0, 1fr) 34px !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour-media{
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
        border-radius: 9px !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour-copy small{
        font-size: 7.5px !important;
        letter-spacing: .06em !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour-copy b{
        font-size: 8.5px !important;
        -webkit-line-clamp: 2 !important;
    }
}

@media (max-width: 340px){
    .simme-na .simme-na__node-nav .simme-na__neighbour-copy b{
        display: none !important;
    }

    .simme-na .simme-na__node-nav .simme-na__neighbour-copy small{
        white-space: normal !important;
        line-height: 1.15 !important;
    }
}

@media (max-width: 640px){
    .simme-na[data-theme="light"] .simme-na__node-nav{
        border-color: rgba(72, 158, 210, .30) !important;
        background:
            radial-gradient(circle at 50% 0%, rgba(69, 170, 226, .08), transparent 54%),
            linear-gradient(180deg, rgba(248, 252, 255, .96), rgba(236, 245, 252, .98)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .78),
            0 12px 30px rgba(41, 88, 122, .08) !important;
    }

    .simme-na[data-theme="light"] .simme-na__node-nav .simme-na__neighbour-copy small{
        color: #68839b !important;
    }

    .simme-na[data-theme="light"] .simme-na__node-nav .simme-na__neighbour-copy b{
        color: #15263a !important;
    }

    .simme-na[data-theme="light"] .simme-na__node-nav .simme-na__neighbour:hover,.simme-na[data-theme="light"] .simme-na__node-nav .simme-na__neighbour:focus-visible{
        background: rgba(46, 152, 213, .08) !important;
        box-shadow: inset 0 0 20px rgba(54, 166, 226, .05) !important;
    }

    body .simme-na[data-theme="light"] .simme-na__node-nav .simme-na__atlas-button,body .simme-na[data-theme="light"] .simme-na__node-nav .simme-na__atlas-button:hover,body .simme-na[data-theme="light"] .simme-na__node-nav .simme-na__atlas-button:focus,body .simme-na[data-theme="light"] .simme-na__node-nav .simme-na__atlas-button:active{
        box-shadow:
            inset 1px 0 0 rgba(64, 133, 177, .14),
            inset -1px 0 0 rgba(64, 133, 177, .14) !important;
    }
}

body.simme-node-atlas-detail-page .simme-node-topbar54__menu.simme-node-menu69{
    position: absolute !important;
    top: calc(100% + 12px) !important;
    right: clamp(14px, 3vw, 42px) !important;
    width: min(430px, calc(100vw - 28px)) !important;
    max-height: calc(100dvh - 126px) !important;
    margin: 0 !important;
    padding: 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 1px solid rgba(155, 177, 198, .34) !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(44, 174, 236, .10), transparent 31%),
        radial-gradient(circle at 92% 82%, rgba(25, 128, 211, .07), transparent 40%),
        linear-gradient(180deg, rgba(5, 15, 27, .985), rgba(4, 12, 23, .992)) !important;
    box-shadow:
        inset 0 1px 0 rgba(221, 244, 255, .055),
        inset 0 0 34px rgba(32, 163, 229, .025),
        0 20px 58px rgba(0, 0, 0, .48),
        0 0 0 1px rgba(0, 0, 0, .28) !important;
    isolation: isolate !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(72, 184, 240, .28) transparent !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54__menu.simme-node-menu69::-webkit-scrollbar{
    width: 6px !important;
}
body.simme-node-atlas-detail-page .simme-node-topbar54__menu.simme-node-menu69::-webkit-scrollbar-track{
    background: transparent !important;
}
body.simme-node-atlas-detail-page .simme-node-topbar54__menu.simme-node-menu69::-webkit-scrollbar-thumb{
    border-radius: 999px !important;
    background: rgba(80, 190, 243, .24) !important;
}

.simme-node-menu69[hidden]{
    display: none !important;
}

.simme-node-menu69__chrome,.simme-node-menu69__chrome::before,.simme-node-menu69__chrome::after{
    position: absolute !important;
    content: "" !important;
    pointer-events: none !important;
}

.simme-node-menu69__chrome{
    z-index: -2 !important;
    inset: 0 !important;
    border-radius: inherit !important;
    opacity: .62 !important;
    background-image:
        radial-gradient(circle, rgba(91, 190, 239, .30) 0 1px, transparent 1.6px),
        radial-gradient(circle, rgba(174, 217, 244, .16) 0 .8px, transparent 1.4px) !important;
    background-position: 0 0, 13px 15px !important;
    background-size: 30px 30px, 44px 44px !important;
    mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.72) 38%, rgba(0,0,0,.25) 100%) !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.72) 38%, rgba(0,0,0,.25) 100%) !important;
}

.simme-node-menu69__chrome::before{
    z-index: -1 !important;
    right: -105px !important;
    bottom: -126px !important;
    width: 330px !important;
    height: 420px !important;
    opacity: .34 !important;
    border-radius: 50% !important;
    background:
        repeating-radial-gradient(
            ellipse at 65% 78%,
            transparent 0 18px,
            rgba(51, 166, 228, .22) 19px 20px,
            transparent 21px 31px
        ) !important;
    transform: rotate(-24deg) !important;
    filter: drop-shadow(0 0 9px rgba(38, 153, 215, .08)) !important;
}

.simme-node-menu69__chrome::after{
    z-index: -1 !important;
    left: 20px !important;
    top: 78px !important;
    width: 180px !important;
    height: 120px !important;
    border-radius: 50% !important;
    opacity: .18 !important;
    background: radial-gradient(ellipse, rgba(53, 195, 255, .14), transparent 66%) !important;
    filter: blur(18px) !important;
}

.simme-node-menu69__header{
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 64px !important;
    padding: 2px 4px 10px !important;
}

.simme-node-menu69__mascot{
    position: relative !important;
    display: block !important;
    width: 62px !important;
    height: 64px !important;
    flex: 0 0 62px !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    filter: drop-shadow(0 0 11px rgba(35, 190, 255, .12)) !important;
}

.simme-node-menu69__mascot img{
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    display: block !important;
    width: auto !important;
    height: 64px !important;
    max-width: none !important;
    max-height: 64px !important;
    margin: 0 !important;
    object-fit: contain !important;
    transform: translateY(-50%) !important;
    filter: none !important;
}

body .simme-node-menu69__close,body .simme-node-menu69__close:hover,body .simme-node-menu69__close:focus,body .simme-node-menu69__close:active{
    position: relative !important;
    display: block !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    cursor: pointer !important;
}

.simme-node-menu69__close span{
    position: absolute !important;
    left: 9px !important;
    top: 20px !important;
    display: block !important;
    width: 25px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #eaf6ff !important;
    box-shadow: 0 0 8px rgba(123, 214, 255, .10) !important;
}
.simme-node-menu69__close span:first-child{ transform: rotate(45deg) !important; }
.simme-node-menu69__close span:last-child{ transform: rotate(-45deg) !important; }
body .simme-node-menu69__close:hover,body .simme-node-menu69__close:focus-visible{
    background: rgba(74, 183, 238, .08) !important;
    box-shadow: inset 0 0 0 1px rgba(91, 195, 246, .15) !important;
}

.simme-node-menu69__body{
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 16px !important;
}

.simme-node-menu69__group{
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 17px 16px 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(75, 181, 235, .45) !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 96% 0%, rgba(46, 184, 247, .085), transparent 32%),
        linear-gradient(180deg, rgba(14, 40, 61, .62), rgba(7, 27, 44, .74)) !important;
    box-shadow:
        inset 0 1px 0 rgba(214, 241, 255, .045),
        inset 0 0 24px rgba(39, 177, 241, .025),
        0 0 17px rgba(35, 168, 233, .055) !important;
}

.simme-node-menu69__group::after{
    position: absolute !important;
    right: -22px !important;
    bottom: -25px !important;
    width: 130px !important;
    height: 130px !important;
    content: "" !important;
    pointer-events: none !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(39, 173, 236, .08), transparent 68%) !important;
}

.simme-node-menu69__group-title{
    position: relative !important;
    z-index: 2 !important;
    margin: 0 0 10px !important;
    padding: 0 2px !important;
    color: #55c9ff !important;
    -webkit-text-fill-color: #55c9ff !important;
    font: 760 11px/1.2 Arial, Helvetica, sans-serif !important;
    letter-spacing: .19em !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 12px rgba(74, 195, 255, .18) !important;
}

.simme-node-menu69__links{
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 2px !important;
}

.simme-node-topbar54__menu.simme-node-menu69 .simme-node-menu69__link,.simme-node-topbar54__menu.simme-node-menu69 .simme-node-menu69__link:hover,.simme-node-topbar54__menu.simme-node-menu69 .simme-node-menu69__link:focus,.simme-node-topbar54__menu.simme-node-menu69 .simme-node-menu69__link:active,.simme-node-topbar54__menu.simme-node-menu69 .simme-node-menu69__link:visited{
    position: relative !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 7px 5px 7px 3px !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #e2edf6 !important;
    -webkit-text-fill-color: #e2edf6 !important;
    text-decoration: none !important;
    font: 600 15px/1.28 Arial, Helvetica, sans-serif !important;
    letter-spacing: -.01em !important;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.simme-node-topbar54__menu.simme-node-menu69 .simme-node-menu69__link:hover,.simme-node-topbar54__menu.simme-node-menu69 .simme-node-menu69__link:focus-visible{
    background: rgba(48, 166, 224, .075) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(72, 191, 246, .07), 0 0 18px rgba(47, 181, 241, .035) !important;
    transform: translateX(2px) !important;
    outline: 0 !important;
}

.simme-node-menu69__link--child{
    padding-left: 14px !important;
}

.simme-node-menu69__link-icon{
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    color: #36bfff !important;
    -webkit-text-fill-color: currentColor !important;
    filter: drop-shadow(0 0 7px rgba(55, 190, 255, .18)) !important;
}

.simme-node-menu69__link-icon > svg:not(.simme-atlas-orbit-svg){
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.simme-node-menu69__link--atlas .simme-node-menu69__link-icon{
    width: 30px !important;
    height: 30px !important;
}
.simme-node-menu69__link--atlas .simme-node-menu69__link-icon .simme-atlas-orbit-svg,.simme-node-menu69__link--atlas .simme-node-menu69__link-icon svg{
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    max-width: none !important;
    overflow: visible !important;
}

.simme-node-menu69__link-label{
    display: block !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

.simme-node-menu69__chevron{
    display: grid !important;
    place-items: center !important;
    width: 18px !important;
    height: 24px !important;
    color: rgba(220, 236, 246, .78) !important;
}
.simme-node-menu69__chevron svg{
    display: block !important;
    width: 9px !important;
    height: 15px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body.simme-node-atlas-detail-page .simme-node-topbar54.is-node-menu-open .simme-node-topbar54__burger{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 700px){
    body.simme-node-atlas-detail-page .simme-node-topbar54__menu.simme-node-menu69{
        top: calc(100% + 8px) !important;
        right: 8px !important;
        width: calc(100vw - 16px) !important;
        max-height: calc(100dvh - 104px) !important;
        padding: 13px !important;
        border-radius: 21px !important;
    }

    .simme-node-menu69__header{
        min-height: 56px !important;
        padding-bottom: 8px !important;
    }

    .simme-node-menu69__mascot{
        width: 56px !important;
        height: 56px !important;
        flex-basis: 56px !important;
    }
    .simme-node-menu69__mascot img{
        height: 56px !important;
        max-height: 56px !important;
    }

    .simme-node-menu69__body{
        gap: 13px !important;
    }

    .simme-node-menu69__group{
        padding: 14px 13px 13px !important;
        border-radius: 18px !important;
    }

    .simme-node-topbar54__menu.simme-node-menu69 .simme-node-menu69__link{
        min-height: 42px !important;
        grid-template-columns: 28px minmax(0, 1fr) 16px !important;
        gap: 9px !important;
        padding-block: 6px !important;
        font-size: 14px !important;
    }

    .simme-node-menu69__link-icon{
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
    }
}

@media (max-width: 390px){
    body.simme-node-atlas-detail-page .simme-node-topbar54__menu.simme-node-menu69{
        padding: 11px !important;
        border-radius: 19px !important;
    }
    .simme-node-menu69__group{
        padding: 13px 11px 12px !important;
    }
    .simme-node-menu69__group-title{
        font-size: 10px !important;
    }
    .simme-node-topbar54__menu.simme-node-menu69 .simme-node-menu69__link{
        font-size: 13px !important;
    }
}

body.simme-node-atlas-detail-page .simme-node-topbar54__menu.simme-node-menu69{
    box-sizing: border-box !important;
}
.simme-node-menu69__mascot{
    width: 50px !important;
    flex-basis: 50px !important;
}
@media (max-width: 700px){
    .simme-node-menu69__mascot{
        width: 46px !important;
        flex-basis: 46px !important;
    }
}

body.simme-node-atlas-detail-page .simme-node-menu69__header{
    justify-content: flex-end !important;
    min-height: 64px !important;
    padding: 2px 4px 12px !important;
    overflow: visible !important;
}

body.simme-node-atlas-detail-page .simme-node-menu69__mascot{
    position: absolute !important;
    z-index: 8 !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: -7px !important;
    display: block !important;
    width: 112px !important;
    height: auto !important;
    max-width: none !important;
    flex: none !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter:
        drop-shadow(0 6px 8px rgba(0,0,0,.34))
        drop-shadow(0 0 11px rgba(22,180,255,.12)) !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
}

body.simme-node-atlas-detail-page .simme-node-menu69__mascot img{
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    transform: none !important;
    filter: none !important;
}

body.simme-node-atlas-detail-page .simme-node-menu69__group--navigation{
    overflow: visible !important;
    padding-top: 34px !important;
}

body.simme-node-atlas-detail-page .simme-node-menu69__group--navigation .simme-node-menu69__group-title{
    margin-top: 2px !important;
}

@media (max-width: 700px){
    body.simme-node-atlas-detail-page .simme-node-menu69__header{
        min-height: 58px !important;
        padding-bottom: 10px !important;
    }

    body.simme-node-atlas-detail-page .simme-node-menu69__mascot{
        bottom: -4px !important;
        width: 98px !important;
    }

    body.simme-node-atlas-detail-page .simme-node-menu69__group--navigation{
        padding-top: 31px !important;
    }
}

@media (max-width: 390px){
    body.simme-node-atlas-detail-page .simme-node-menu69__mascot{
        bottom: -2px !important;
        width: 90px !important;
    }

    body.simme-node-atlas-detail-page .simme-node-menu69__group--navigation{
        padding-top: 29px !important;
    }
}

.simme-global-header,.simme-global-header *,.simme-global-header *::before,.simme-global-header *::after{
    box-sizing: border-box !important;
}

.simme-global-header{
    position: sticky !important;
    top: 0 !important;
    z-index: 100100 !important;
    display: block !important;
    width: 100vw !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #eaf4fb !important;
    background: rgba(2, 4, 5, .76) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
    backdrop-filter: blur(8px) saturate(1.08) !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    isolation: isolate !important;
    color-scheme: dark !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

body.admin-bar .simme-global-header{
    top: 32px !important;
}

@media screen and (max-width: 782px){
    body.admin-bar .simme-global-header{
        top: 46px !important;
    }
}

.simme-global-header__inner{
    position: relative !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: min(100%, 1770px) !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    margin: 0 auto !important;
    padding: 6px clamp(30px, 7.8vw, 174px) !important;
    gap: 20px !important;
}

.simme-global-header__brand,.simme-global-header__brand:hover,.simme-global-header__brand:focus,.simme-global-header__brand:active,.simme-global-header__brand:visited{
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
    outline: 0 !important;
}

.simme-global-header__logo{
    display: block !important;
    width: 150px !important;
    height: auto !important;
    max-width: 150px !important;
    max-height: 82px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

body .simme-global-header__burger,body .simme-global-header__burger:hover,body .simme-global-header__burger:focus,body .simme-global-header__burger:active{
    position: relative !important;
    z-index: 7 !important;
    display: grid !important;
    place-content: center !important;
    gap: 5px !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

.simme-global-header__burger span{
    display: block !important;
    width: 28px !important;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 0 8px rgba(255,255,255,.05) !important;
    transform-origin: center !important;
    transition: transform .18s ease, opacity .15s ease !important;
}

.simme-global-header__burger:focus-visible{
    outline: 2px solid rgba(85, 201, 255, .92) !important;
    outline-offset: 5px !important;
    border-radius: 8px !important;
}

.simme-global-header__menu{
    position: absolute !important;
    z-index: 8 !important;
    top: calc(100% + 12px) !important;
    right: clamp(14px, 7.8vw, 174px) !important;
    display: block !important;
    width: min(430px, calc(100vw - 28px)) !important;
    max-height: calc(100dvh - 126px) !important;
    margin: 0 !important;
    padding: 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 1px solid rgba(155, 177, 198, .34) !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(44, 174, 236, .10), transparent 31%),
        radial-gradient(circle at 92% 82%, rgba(25, 128, 211, .07), transparent 40%),
        linear-gradient(180deg, rgba(5, 15, 27, .985), rgba(4, 12, 23, .992)) !important;
    box-shadow:
        inset 0 1px 0 rgba(221, 244, 255, .055),
        inset 0 0 34px rgba(32, 163, 229, .025),
        0 20px 58px rgba(0, 0, 0, .48),
        0 0 0 1px rgba(0, 0, 0, .28) !important;
    isolation: isolate !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(72, 184, 240, .28) transparent !important;
}

.simme-global-header__menu[hidden]{
    display: none !important;
}

.simme-global-header__menu::-webkit-scrollbar{
    width: 6px !important;
}

.simme-global-header__menu::-webkit-scrollbar-track{
    background: transparent !important;
}

.simme-global-header__menu::-webkit-scrollbar-thumb{
    border-radius: 999px !important;
    background: rgba(80, 190, 243, .24) !important;
}

.simme-global-header__menu-chrome,.simme-global-header__menu-chrome::before,.simme-global-header__menu-chrome::after{
    position: absolute !important;
    content: "" !important;
    pointer-events: none !important;
}

.simme-global-header__menu-chrome{
    z-index: -2 !important;
    inset: 0 !important;
    border-radius: inherit !important;
    opacity: .62 !important;
    background-image:
        radial-gradient(circle, rgba(91, 190, 239, .30) 0 1px, transparent 1.6px),
        radial-gradient(circle, rgba(174, 217, 244, .16) 0 .8px, transparent 1.4px) !important;
    background-position: 0 0, 13px 15px !important;
    background-size: 30px 30px, 44px 44px !important;
    mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.72) 38%, rgba(0,0,0,.25) 100%) !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.72) 38%, rgba(0,0,0,.25) 100%) !important;
}

.simme-global-header__menu-chrome::before{
    z-index: -1 !important;
    right: -105px !important;
    bottom: -126px !important;
    width: 330px !important;
    height: 420px !important;
    opacity: .34 !important;
    border-radius: 50% !important;
    background:
        repeating-radial-gradient(
            ellipse at 65% 78%,
            transparent 0 18px,
            rgba(51, 166, 228, .22) 19px 20px,
            transparent 21px 31px
        ) !important;
    transform: rotate(-24deg) !important;
    filter: drop-shadow(0 0 9px rgba(38, 153, 215, .08)) !important;
}

.simme-global-header__menu-chrome::after{
    z-index: -1 !important;
    left: 20px !important;
    top: 78px !important;
    width: 180px !important;
    height: 120px !important;
    border-radius: 50% !important;
    opacity: .18 !important;
    background: radial-gradient(ellipse, rgba(53, 195, 255, .14), transparent 66%) !important;
    filter: blur(18px) !important;
}

.simme-global-header__menu-head{
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 2px 4px 12px !important;
    overflow: visible !important;
}

.simme-global-header__peek{
    position: absolute !important;
    z-index: 8 !important;
    left: 50% !important;
    bottom: -7px !important;
    display: block !important;
    width: 112px !important;
    height: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter:
        drop-shadow(0 6px 8px rgba(0,0,0,.34))
        drop-shadow(0 0 11px rgba(22,180,255,.12)) !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
}

.simme-global-header__peek img{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    border: 0 !important;
    transform: none !important;
    filter: none !important;
}

body .simme-global-header__close,body .simme-global-header__close:hover,body .simme-global-header__close:focus,body .simme-global-header__close:active{
    position: relative !important;
    display: block !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #e8f4fb !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    outline: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
}

.simme-global-header__close span{
    position: absolute !important;
    left: 9px !important;
    top: 20px !important;
    display: block !important;
    width: 25px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    transform-origin: center !important;
}

.simme-global-header__close span:first-child{
    transform: rotate(45deg) !important;
}

.simme-global-header__close span:last-child{
    transform: rotate(-45deg) !important;
}

body .simme-global-header__close:hover,body .simme-global-header__close:focus-visible{
    background: rgba(74, 183, 238, .08) !important;
    box-shadow: inset 0 0 0 1px rgba(91, 195, 246, .15) !important;
    outline: 0 !important;
}

.simme-global-header__menu-body{
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 16px !important;
}

.simme-global-header__group{
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 17px 16px 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(75, 181, 235, .45) !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 96% 0%, rgba(46, 184, 247, .085), transparent 32%),
        linear-gradient(180deg, rgba(14, 40, 61, .62), rgba(7, 27, 44, .74)) !important;
    box-shadow:
        inset 0 1px 0 rgba(214, 241, 255, .045),
        inset 0 0 24px rgba(39, 177, 241, .025),
        0 0 17px rgba(35, 168, 233, .055) !important;
}

.simme-global-header__group--navigation{
    overflow: visible !important;
    padding-top: 34px !important;
}

.simme-global-header__group::after{
    position: absolute !important;
    right: -22px !important;
    bottom: -25px !important;
    width: 130px !important;
    height: 130px !important;
    content: "" !important;
    pointer-events: none !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(39, 173, 236, .08), transparent 68%) !important;
}

.simme-global-header__group-title{
    position: relative !important;
    z-index: 2 !important;
    margin: 2px 0 10px !important;
    padding: 0 2px !important;
    color: #55c9ff !important;
    -webkit-text-fill-color: #55c9ff !important;
    font: 760 11px/1.2 Arial, Helvetica, sans-serif !important;
    letter-spacing: .19em !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 12px rgba(74, 195, 255, .18) !important;
}

.simme-global-header__links{
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 2px !important;
}

.simme-global-header__link,.simme-global-header__link:hover,.simme-global-header__link:focus,.simme-global-header__link:active,.simme-global-header__link:visited{
    position: relative !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 7px 5px 7px 3px !important;
    gap: 10px !important;
    color: #e2edf6 !important;
    -webkit-text-fill-color: #e2edf6 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font: 600 15px/1.28 Arial, Helvetica, sans-serif !important;
    letter-spacing: -.01em !important;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.simme-global-header__link:hover,.simme-global-header__link:focus-visible,.simme-global-header__link[aria-current="page"]{
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: rgba(48, 166, 224, .075) !important;
    box-shadow:
        inset 0 0 0 1px rgba(72, 191, 246, .07),
        0 0 18px rgba(47, 181, 241, .035) !important;
    transform: translateX(2px) !important;
    outline: 0 !important;
}

.simme-global-header__link--child{
    padding-left: 14px !important;
}

.simme-global-header__link-icon{
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    color: #36bfff !important;
    -webkit-text-fill-color: currentColor !important;
    filter: drop-shadow(0 0 7px rgba(55, 190, 255, .18)) !important;
}

.simme-global-header__link-icon > svg:not(.simme-global-header__orbit-svg){
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.simme-global-header__link--atlas .simme-global-header__link-icon{
    width: 30px !important;
    height: 30px !important;
}

.simme-global-header__orbit-svg{
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    max-width: none !important;
    overflow: visible !important;
}

.simme-global-header__link-label{
    display: block !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

.simme-global-header__chevron{
    display: grid !important;
    place-items: center !important;
    width: 18px !important;
    height: 24px !important;
    color: rgba(220, 236, 246, .78) !important;
}

.simme-global-header__chevron svg{
    display: block !important;
    width: 9px !important;
    height: 15px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.simme-global-header.is-menu-open .simme-global-header__burger{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 700px){
    .simme-global-header{
        height: 86px !important;
        min-height: 86px !important;
        max-height: 86px !important;
    }

    .simme-global-header__inner{
        width: 100% !important;
        height: 86px !important;
        min-height: 86px !important;
        max-height: 86px !important;
        padding: 5px 16px !important;
        gap: 14px !important;
    }

    .simme-global-header__logo{
        width: 150px !important;
        height: auto !important;
        max-width: 150px !important;
        max-height: 76px !important;
    }

    body .simme-global-header__burger,body .simme-global-header__burger:hover,body .simme-global-header__burger:focus,body .simme-global-header__burger:active{
        flex-basis: 38px !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }

    .simme-global-header__burger span{
        width: 26px !important;
    }

    .simme-global-header__menu{
        top: calc(100% + 8px) !important;
        right: 8px !important;
        width: calc(100vw - 16px) !important;
        max-height: calc(100dvh - 104px) !important;
        padding: 13px !important;
        border-radius: 21px !important;
    }

    .simme-global-header__menu-head{
        min-height: 58px !important;
        padding-bottom: 10px !important;
    }

    .simme-global-header__peek{
        bottom: -4px !important;
        width: 98px !important;
    }

    .simme-global-header__menu-body{
        gap: 13px !important;
    }

    .simme-global-header__group{
        padding: 14px 13px 13px !important;
        border-radius: 18px !important;
    }

    .simme-global-header__group--navigation{
        padding-top: 31px !important;
    }

    .simme-global-header__link,.simme-global-header__link:hover,.simme-global-header__link:focus,.simme-global-header__link:active,.simme-global-header__link:visited{
        grid-template-columns: 28px minmax(0, 1fr) 16px !important;
        min-height: 42px !important;
        padding-block: 6px !important;
        gap: 9px !important;
        font-size: 14px !important;
    }

    .simme-global-header__link-icon{
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
    }
}

@media (max-width: 390px){
    .simme-global-header__menu{
        padding: 11px !important;
        border-radius: 19px !important;
    }

    .simme-global-header__peek{
        bottom: -2px !important;
        width: 90px !important;
    }

    .simme-global-header__group{
        padding: 13px 11px 12px !important;
    }

    .simme-global-header__group--navigation{
        padding-top: 29px !important;
    }

    .simme-global-header__group-title{
        font-size: 10px !important;
    }

    .simme-global-header__link,.simme-global-header__link:hover,.simme-global-header__link:focus,.simme-global-header__link:active,.simme-global-header__link:visited{
        font-size: 13px !important;
    }
}

@media (prefers-reduced-motion: reduce){
    .simme-global-header__burger span,.simme-global-header__link{
        transition-duration: .01ms !important;
    }
}

body.simme-node-atlas-detail-page .simme-node-topbar,body.simme-node-atlas-detail-page .simme-node-site-topbar-exact,body.simme-node-atlas-detail-page .simme-node-normal-header,body.simme-node-atlas-detail-page .simme-node-topbar54{
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.simme-node-atlas-detail-page .simme-global-header{
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.simme-global-header-host{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
    overflow: visible !important;
}

.simme-global-header-host::before,.simme-global-header-host::after{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.module_row.simme-global-header-host > .builder_row_cover,.module_row.simme-global-header-host > .tb_row_frame,.module_row.simme-global-header-host > .row-slider,.module_row.simme-global-header-host > .row-slider-slides,.module_row.simme-global-header-host > .video-wrap,.module_row.simme-global-header-host > .tb_video_background{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.simme-global-header{
    background: rgba(2, 4, 5, .76) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
    backdrop-filter: blur(8px) saturate(1.08) !important;
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
    .simme-global-header{
        transform: translateZ(0) !important;
        -webkit-transform: translateZ(0) !important;
    }
}

.sscr{
    padding-top: clamp(24px, 2.8vw, 38px) !important;
    padding-bottom: clamp(28px, 3vw, 42px) !important;
}

.sscr__intro{
    margin-bottom: clamp(20px, 1.7vw, 28px) !important;
}

.sscr__rail{
    padding: 0 0 clamp(20px, 1.7vw, 26px) !important;
    margin-bottom: clamp(8px, .8vw, 12px) !important;
}

.sscr__rail-label{
    margin-bottom: 11px !important;
    padding-inline: 2px !important;
}

.sscr__rail-list{
    gap: clamp(9px, .9vw, 14px) !important;
}

.sscr__topic,.sscr__topic:hover,.sscr__topic:focus,.sscr__topic:focus-visible,.sscr__topic:active{
    min-height: 76px !important;
    gap: 7px !important;
    padding: 9px 8px 11px !important;
    border-radius: 16px !important;
}

.sscr__topic-visual{
    width: clamp(28px, 2.55vw, 38px) !important;
    height: clamp(28px, 2.55vw, 38px) !important;
}

.sscr__topic-text{
    font-size: clamp(.86rem, 1.03vw, 1rem) !important;
    line-height: 1.1 !important;
}

.sscr__stage{
    padding: 0 !important;
}

.sscr__card{
    padding-top: clamp(26px, 2.35vw, 34px) !important;
    padding-bottom: clamp(28px, 2.5vw, 36px) !important;
}

.sscr__card-top{
    gap: clamp(17px, 1.5vw, 22px) !important;
    margin-bottom: clamp(22px, 1.8vw, 28px) !important;
}

.sscr__points{
    gap: clamp(16px, 1.35vw, 22px) !important;
}

.sscr__points li{
    line-height: 1.5 !important;
}

@media (min-width: 861px){
    .sscr__compare{
        grid-template-columns:
            minmax(0, 1fr)
            clamp(68px, 5.2vw, 84px)
            minmax(0, 1fr) !important;
    }

    .sscr__vs img{
        width: clamp(78px, 6vw, 94px) !important;
    }
}

@media (max-width: 860px){
    .sscr{
        padding-top: 22px !important;
        padding-bottom: 30px !important;
    }

    .sscr__intro{
        margin-bottom: 18px !important;
    }

    .sscr__rail{
        padding: 0 0 18px !important;
        margin-bottom: 7px !important;
    }

    .sscr__rail-list{
        gap: 8px !important;
    }

    .sscr__topic,.sscr__topic:hover,.sscr__topic:focus,.sscr__topic:focus-visible,.sscr__topic:active{
        min-height: 64px !important;
        gap: 5px !important;
        padding: 7px 5px 8px !important;
        border-radius: 14px !important;
    }

    .sscr__topic-visual{
        width: 27px !important;
        height: 27px !important;
    }

    .sscr__topic-text{
        font-size: .82rem !important;
    }

    .sscr__card{
        padding-top: 22px !important;
        padding-bottom: 24px !important;
    }

    .sscr__card-top{
        gap: 16px !important;
        margin-bottom: 20px !important;
    }

    .sscr__points{
        gap: 16px !important;
    }
}

@media (max-width: 640px){
    .sscr{
        padding-top: 20px !important;
        padding-bottom: 26px !important;
    }

    .sscr__intro{
        margin-bottom: 16px !important;
    }

    .sscr__rail{
        padding: 0 0 16px !important;
        margin-bottom: 6px !important;
    }

    .sscr__rail-label{
        margin-bottom: 8px !important;
    }

    .sscr__topic,.sscr__topic:hover,.sscr__topic:focus,.sscr__topic:focus-visible,.sscr__topic:active{
        min-height: 60px !important;
        gap: 4px !important;
        padding: 6px 4px 8px !important;
        border-radius: 13px !important;
    }

    .sscr__topic-visual{
        width: 24px !important;
        height: 24px !important;
    }

    .sscr__topic-text{
        font-size: .76rem !important;
    }

    .sscr__card{
        padding-top: 20px !important;
        padding-bottom: 22px !important;
    }

    .sscr__card-top{
        margin-bottom: 18px !important;
    }

    .sscr__points{
        gap: 14px !important;
    }
}

@media (max-width: 420px){
    .sscr{
        padding-top: 18px !important;
        padding-bottom: 24px !important;
    }

    .sscr__intro{
        margin-bottom: 14px !important;
    }

    .sscr__rail{
        padding: 0 0 14px !important;
        margin-bottom: 5px !important;
    }

    .sscr__rail-list{
        gap: 5px !important;
    }

    .sscr__topic,.sscr__topic:hover,.sscr__topic:focus,.sscr__topic:focus-visible,.sscr__topic:active{
        min-height: 56px !important;
        padding: 5px 2px 7px !important;
        border-radius: 12px !important;
    }

    .sscr__topic-visual{
        width: 22px !important;
        height: 22px !important;
    }

    .sscr__topic-text{
        font-size: .70rem !important;
    }

    .sscr__card-top{
        margin-bottom: 16px !important;
    }

    .sscr__points{
        gap: 13px !important;
    }
}

.sscf__surface{
    padding-top: 42px;
}

.sscf__stage{
    height: clamp(530px, 42vw, 600px);
}

.sscf__card,.sscf__card:hover,.sscf__card:focus,.sscf__card:active,.sscf__card:visited{
    top: 44.5% !important;
}

@media (max-width: 1180px){
    .sscf{
        --sscf-step: clamp(116px, 14vw, 166px);
    }

    .sscf__surface{
        padding-top: 38px;
    }

    .sscf__stage{
        height: 530px;
    }

    .sscf__card,.sscf__card:hover,.sscf__card:focus,.sscf__card:active,.sscf__card:visited{
        top: 44.5% !important;
    }
}

@media (max-width: 860px){
    .sscf{
        --sscf-step: clamp(112px, 18vw, 150px);
    }

    .sscf__surface{
        padding-top: 38px;
    }

    .sscf__stage{
        height: 535px;
    }
}

@media (max-width: 640px){
    .sscf{
        --sscf-step: min(64vw, 246px);
    }

    .sscf__surface{
        padding-top: 34px;
    }

    .sscf__stage{
        height: clamp(590px, 140vw, 620px);
    }

    .sscf__card,.sscf__card:hover,.sscf__card:focus,.sscf__card:active,.sscf__card:visited{
        top: 43% !important;
    }
}

@media (max-width: 380px){
    .sscf{
        --sscf-step: min(64vw, 236px);
    }

    .sscf__surface{
        padding-top: 32px;
    }

    .sscf__stage{
        height: 570px;
    }

    .sscf__card,.sscf__card:hover,.sscf__card:focus,.sscf__card:active,.sscf__card:visited{
        top: 42.5% !important;
    }
}

.simme-global-header__link--integration .simme-global-header__link-icon{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    color: inherit !important;
    -webkit-text-fill-color: initial !important;
    filter: none !important;
}

.simme-global-header__integration-icon{
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    image-rendering: auto !important;
    opacity: 1 !important;
    transform: translateZ(0) !important;
    filter:
        drop-shadow(0 0 3px rgba(56, 194, 255, .28))
        drop-shadow(0 0 7px rgba(40, 172, 255, .12)) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

.simme-global-header__link--integration:hover .simme-global-header__integration-icon,.simme-global-header__link--integration:focus-visible .simme-global-header__integration-icon,.simme-global-header__link--integration[aria-current="page"] .simme-global-header__integration-icon{
    filter:
        drop-shadow(0 0 4px rgba(89, 211, 255, .42))
        drop-shadow(0 0 10px rgba(48, 180, 255, .20)) !important;
}

@media (max-width: 700px){
    .simme-global-header__link--integration .simme-global-header__link-icon{
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
    }

    .simme-global-header__integration-icon{
        width: 26px !important;
        height: 26px !important;
    }
}

@media (max-width: 390px){
    .simme-global-header__integration-icon{
        width: 25px !important;
        height: 25px !important;
    }
}

.simme-atlas-portal,.simme-atlas-portal *,.simme-atlas-portal *::before,.simme-atlas-portal *::after{
    box-sizing: border-box;
}

.simme-atlas-portal{
    --sap-cyan: #22d3ff;
    --sap-blue: #168cff;
    --sap-violet: #7459ff;
    --sap-magenta: #d32fe8;
    --sap-text: #f5f8ff;
    --sap-muted: rgba(231, 239, 255, .76);
    --sap-edge: rgba(176, 210, 255, .50);
    --sap-bg: #020816;

    position: relative;
    width: min(1400px, 100%);
    margin: 0 auto;
    padding: clamp(12px, 1.35vw, 22px);
    font-family: Inter, "Helvetica Neue", Arial, sans-serif;
    isolation: isolate;
    container-type: inline-size;
    container-name: simme-atlas-portal;
}

.simme-atlas-portal__card{
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 2 / 1;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    isolation: isolate;
    color: var(--sap-text);
    background: var(--sap-bg);
    border: 1px solid var(--sap-edge);
    border-radius: clamp(24px, 2.7vw, 40px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .14),
        inset 0 -1px 0 rgba(35, 111, 201, .12),
        0 18px 52px rgba(0, 0, 0, .34),
        0 0 0 1px rgba(52, 119, 202, .10),
        0 0 42px rgba(33, 125, 255, .07);
    transform: translateZ(0);
}

.simme-atlas-portal__card::before,.simme-atlas-portal__card::after{
    position: absolute;
    content: "";
    pointer-events: none;
}

.simme-atlas-portal__card::before{
    z-index: 7;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow:
        inset 0 0 34px rgba(26, 137, 255, .055),
        inset 0 0 70px rgba(100, 59, 255, .04);
}

.simme-atlas-portal__card::after{
    z-index: 1;
    left: 8%;
    right: 8%;
    bottom: -12%;
    height: 30%;
    border-radius: 50%;
    background: radial-gradient(
        ellipse at center,
        rgba(37, 183, 255, .19) 0%,
        rgba(86, 90, 255, .11) 35%,
        rgba(191, 54, 255, .07) 55%,
        transparent 74%
    );
    filter: blur(25px);
    opacity: .72;
}

.simme-atlas-portal__scene{
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    overflow: hidden;
    background-color: #031027;
    background-image: url("https://www.simme.co.uk/wp-content/uploads/2026/08/Atlas-Background-2.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: translateZ(0) scale(1.003);
    transform-origin: 76.8% 46.8%;
    transition:
        transform 2.1s cubic-bezier(.18, .72, .2, 1),
        filter 1.75s ease;
    will-change: transform, filter;
}

.simme-atlas-portal__scene::before{
    position: absolute;
    z-index: 1;
    inset: 0;
    content: "";
    background:
        linear-gradient(
            90deg,
            rgba(2, 8, 24, .90) 0%,
            rgba(3, 16, 42, .70) 24%,
            rgba(3, 20, 52, .36) 42%,
            rgba(2, 11, 31, .10) 60%,
            rgba(1, 6, 18, .02) 76%
        ),
        linear-gradient(
            180deg,
            rgba(56, 135, 224, .03) 0%,
            transparent 55%,
            rgba(0, 4, 16, .18) 100%
        );
    pointer-events: none;
}

.simme-atlas-portal__scene::after{
    position: absolute;
    z-index: 2;
    inset: -10%;
    content: "";
    background:
        radial-gradient(ellipse at 33% 45%, rgba(23, 220, 255, .23) 0%, rgba(18, 164, 255, .10) 24%, transparent 57%),
        radial-gradient(ellipse at 82% 46%, rgba(220, 61, 255, .12) 0%, rgba(95, 63, 255, .06) 27%, transparent 56%);
    mix-blend-mode: screen;
    opacity: .56;
    filter: blur(10px) saturate(1.05);
    transform: translate3d(-1.2%, .2%, 0) scale(1.005);
    animation: simme-atlas-portal-aurora 10.5s ease-in-out infinite;
    pointer-events: none;
}

.simme-atlas-portal__magic{
    position: absolute;
    z-index: 4;
    inset: 0;
    display: block;
    pointer-events: none;
}

.simme-atlas-portal__pulse{
    --sap-pulse: rgba(38, 212, 255, .97);
    --sap-pulse-soft: rgba(38, 212, 255, .20);
    --sap-pulse-size: clamp(4px, .40vw, 7px);
    --sap-pulse-duration: 10.5s;
    --sap-pulse-delay: 0s;

    position: absolute;
    width: var(--sap-pulse-size);
    height: var(--sap-pulse-size);
    border-radius: 50%;
    background: #fff;
    box-shadow:
        0 0 2px .5px #fff,
        0 0 6px 1.5px var(--sap-pulse),
        0 0 16px 4px var(--sap-pulse-soft);
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(.66);
    animation: simme-atlas-portal-node-pulse var(--sap-pulse-duration) ease-in-out var(--sap-pulse-delay) infinite;
    pointer-events: none;
}

.simme-atlas-portal__pulse::after{
    position: absolute;
    inset: -145%;
    content: "";
    border-radius: 50%;
    background: radial-gradient(circle, var(--sap-pulse-soft), transparent 70%);
    opacity: 0;
    transform: scale(.44);
    animation: simme-atlas-portal-node-halo var(--sap-pulse-duration) ease-in-out var(--sap-pulse-delay) infinite;
}

.simme-atlas-portal__pulse--01{ left: 59.8%; top: 29.9%; --sap-pulse: rgba(69, 225, 255, .97); --sap-pulse-soft: rgba(69, 225, 255, .21); --sap-pulse-duration: 10.0s; --sap-pulse-delay: -.8s; }
.simme-atlas-portal__pulse--02{ left: 66.0%; top: 12.2%; --sap-pulse: rgba(255, 255, 255, .97); --sap-pulse-soft: rgba(141, 223, 255, .26); --sap-pulse-size: clamp(5px, .46vw, 8px); --sap-pulse-duration: 11.6s; --sap-pulse-delay: -3.3s; }
.simme-atlas-portal__pulse--03{ left: 70.8%; top: 16.8%; --sap-pulse: rgba(90, 199, 255, .96); --sap-pulse-soft: rgba(90, 199, 255, .21); --sap-pulse-duration: 10.9s; --sap-pulse-delay: -1.7s; }
.simme-atlas-portal__pulse--04{ left: 78.9%; top: 16.0%; --sap-pulse: rgba(219, 105, 255, .98); --sap-pulse-soft: rgba(219, 105, 255, .22); --sap-pulse-duration: 10.8s; --sap-pulse-delay: -4.1s; }
.simme-atlas-portal__pulse--05{ left: 85.5%; top: 25.7%; --sap-pulse: rgba(244, 77, 255, .98); --sap-pulse-soft: rgba(244, 77, 255, .23); --sap-pulse-size: clamp(5px, .46vw, 8px); --sap-pulse-duration: 10.2s; --sap-pulse-delay: -5.1s; }
.simme-atlas-portal__pulse--06{ left: 85.1%; top: 39.8%; --sap-pulse: rgba(208, 72, 255, .97); --sap-pulse-soft: rgba(208, 72, 255, .21); --sap-pulse-duration: 11.9s; --sap-pulse-delay: -2.0s; }
.simme-atlas-portal__pulse--07{ left: 78.2%; top: 45.6%; --sap-pulse: rgba(244, 83, 255, .98); --sap-pulse-soft: rgba(244, 83, 255, .23); --sap-pulse-size: clamp(5px, .46vw, 8px); --sap-pulse-duration: 10.1s; --sap-pulse-delay: -2.8s; }
.simme-atlas-portal__pulse--08{ left: 80.4%; top: 63.4%; --sap-pulse: rgba(255, 234, 255, .96); --sap-pulse-soft: rgba(211, 69, 255, .23); --sap-pulse-size: clamp(5px, .46vw, 8px); --sap-pulse-duration: 12.2s; --sap-pulse-delay: -6.0s; }
.simme-atlas-portal__pulse--09{ left: 70.2%; top: 70.0%; --sap-pulse: rgba(186, 176, 255, .95); --sap-pulse-soft: rgba(133, 119, 255, .20); --sap-pulse-duration: 11.1s; --sap-pulse-delay: -4.2s; }
.simme-atlas-portal__pulse--10{ left: 59.4%; top: 64.8%; --sap-pulse: rgba(255, 255, 255, .97); --sap-pulse-soft: rgba(45, 177, 255, .23); --sap-pulse-size: clamp(5px, .46vw, 8px); --sap-pulse-duration: 10.4s; --sap-pulse-delay: -5.0s; }
.simme-atlas-portal__pulse--11{ left: 52.8%; top: 47.0%; --sap-pulse: rgba(55, 222, 255, .98); --sap-pulse-soft: rgba(55, 222, 255, .22); --sap-pulse-duration: 9.8s; --sap-pulse-delay: -2.3s; }
.simme-atlas-portal__pulse--12{ left: 64.6%; top: 33.7%; --sap-pulse: rgba(35, 206, 255, .97); --sap-pulse-soft: rgba(35, 206, 255, .20); --sap-pulse-duration: 11.2s; --sap-pulse-delay: -1.2s; }
.simme-atlas-portal__pulse--13{ left: 67.2%; top: 58.8%; --sap-pulse: rgba(47, 224, 255, .98); --sap-pulse-soft: rgba(47, 224, 255, .21); --sap-pulse-duration: 10.7s; --sap-pulse-delay: -4.6s; }
.simme-atlas-portal__pulse--14{ left: 63.3%; top: 79.7%; --sap-pulse: rgba(81, 199, 255, .96); --sap-pulse-soft: rgba(81, 199, 255, .19); --sap-pulse-duration: 12.0s; --sap-pulse-delay: -6.6s; }

.simme-atlas-portal__copy{
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 52%;
    height: 100%;
    padding: clamp(46px, 5.5vw, 82px) clamp(42px, 5vw, 84px) clamp(28px, 3.1vw, 40px);
    pointer-events: none;
}

.simme-atlas-portal__title{
    display: block;
    max-width: 8.75em;
    color: #f8fbff;
    font-size: clamp(36px, 4.55vw, 66px);
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -.043em;
    text-shadow: 0 2px 12px rgba(1, 8, 24, .38);
}

.simme-atlas-portal__title-line{
    display: block;
}

.simme-atlas-portal__title-line + .simme-atlas-portal__title-line{
    margin-top: clamp(8px, .9vw, 13px);
}

.simme-atlas-portal__facts{
    display: block;
    margin-top: clamp(22px, 2.5vw, 34px);
    color: rgba(246, 249, 255, .91);
    font-size: clamp(13px, 1.32vw, 18px);
    font-weight: 650;
    line-height: 1.42;
}

.simme-atlas-portal__description{
    display: block;
    margin-top: clamp(8px, .9vw, 13px);
    color: var(--sap-muted);
    font-size: clamp(12px, 1.18vw, 17px);
    font-weight: 450;
    line-height: 1.56;
    max-width: min(100%, 40ch);
}

.simme-atlas-portal__cta,.simme-atlas-portal__cta:link,.simme-atlas-portal__cta:visited{
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    width: min(100%, clamp(250px, 21vw, 340px));
    min-height: clamp(52px, 4.6vw, 66px);
    margin-top: clamp(18px, 2.1vw, 28px) !important;
    padding: 0 clamp(18px, 2.05vw, 28px) !important;
    overflow: hidden;
    gap: clamp(10px, 1.4vw, 18px);
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-decoration: none !important;
    background: linear-gradient(100deg, #158eff 0%, #4e69ff 49%, #cf2fe4 100%) !important;
    border: 1px solid rgba(209, 232, 255, .62) !important;
    border-radius: 999px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .24),
        0 8px 22px rgba(15, 88, 255, .18),
        0 0 22px rgba(174, 49, 255, .12) !important;
    cursor: pointer;
    pointer-events: auto;
    font-size: clamp(11px, .94vw, 14px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: .055em;
    text-transform: uppercase;
    white-space: nowrap;
    transform: translateZ(0);
    transition:
        transform .55s cubic-bezier(.2,.72,.2,1),
        box-shadow .65s ease,
        border-color .55s ease,
        filter .55s ease;
    -webkit-tap-highlight-color: transparent;
}

.simme-atlas-portal__cta::before{
    position: absolute;
    top: -35%;
    bottom: -35%;
    left: -36%;
    width: 26%;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .46), transparent);
    transform: skewX(-18deg);
    opacity: .72;
    animation: simme-atlas-portal-button-sheen 7s ease-in-out infinite;
    pointer-events: none;
}

.simme-atlas-portal__cta-arrow{
    display: inline-block;
    flex: 0 0 auto;
    font-size: 1.28em;
    font-weight: 400;
    line-height: 1;
    transition: transform .68s cubic-bezier(.2,.72,.2,1);
}

.simme-atlas-portal__cta:hover,.simme-atlas-portal__cta:focus-visible{
    color: #fff !important;
    border-color: rgba(232, 244, 255, .88) !important;
    filter: brightness(1.055) saturate(1.06);
    transform: translateY(-2px) scale(1.012);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .34),
        0 12px 34px rgba(13, 87, 255, .28),
        0 0 34px rgba(190, 56, 255, .24) !important;
}

.simme-atlas-portal__cta:focus-visible{
    outline: 3px solid rgba(120, 220, 255, .88);
    outline-offset: 4px;
}

.simme-atlas-portal__cta:hover .simme-atlas-portal__cta-arrow,.simme-atlas-portal__cta:focus-visible .simme-atlas-portal__cta-arrow,.simme-atlas-portal__card.is-cta-activating .simme-atlas-portal__cta-arrow{
    transform: translateX(6px);
}

.simme-atlas-portal__card.is-cta-hover .simme-atlas-portal__scene,.simme-atlas-portal__card:has(.simme-atlas-portal__cta:hover) .simme-atlas-portal__scene,.simme-atlas-portal__card:has(.simme-atlas-portal__cta:focus-visible) .simme-atlas-portal__scene{
    transform: translate3d(-1.4%, -.2%, 0) scale(1.14);
    filter: saturate(1.08) brightness(1.04);
}

.simme-atlas-portal__card.is-cta-activating .simme-atlas-portal__scene{
    transform: translate3d(-2.0%, -.4%, 0) scale(1.19);
    filter: saturate(1.14) brightness(1.07);
    transition-duration: 1.12s;
}

.simme-atlas-portal__card.is-cta-activating .simme-atlas-portal__cta{
    transform: translateY(-1px) scale(.992);
    filter: brightness(1.09) saturate(1.08);
}

.simme-atlas-portal__brand{
    order: -1;
    display: flex;
    align-items: center;
    width: min(100%, 420px);
    margin: 0 0 clamp(16px, 1.7vw, 24px);
    padding: 0;
    gap: 0;
    color: rgba(247, 250, 255, .90);
}

.simme-atlas-portal__brand::after{
    display: block;
    flex: 1 1 auto;
    height: 1px;
    margin-left: clamp(13px, 1.5vw, 20px);
    content: "";
    background: linear-gradient(90deg, rgba(58, 205, 255, .52), rgba(166, 83, 255, .34) 58%, transparent 100%);
    box-shadow: 0 0 9px rgba(72, 183, 255, .10);
}

.simme-atlas-portal__brand-unit{
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: clamp(8px, .85vw, 12px);
}

.simme-atlas-portal__brand-icon{
    display: block !important;
    width: clamp(27px, 2.45vw, 38px) !important;
    height: clamp(27px, 2.45vw, 38px) !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: .92;
    filter:
        drop-shadow(0 0 6px rgba(56, 184, 255, .20))
        drop-shadow(0 0 10px rgba(182, 64, 255, .12));
}

.simme-atlas-portal__brand-name{
    display: block;
    color: rgba(246, 249, 255, .78);
    font-size: clamp(10px, 1.02vw, 14px);
    font-weight: 650;
    line-height: 1;
    letter-spacing: .20em;
    text-transform: uppercase;
    white-space: nowrap;
}

.simme-atlas-portal__brand-unit--euclid .simme-atlas-portal__brand-icon{
    width: clamp(38px, 3.15vw, 50px) !important;
    height: clamp(38px, 3.15vw, 50px) !important;
    opacity: 1;
    filter:
        drop-shadow(0 0 7px rgba(56, 184, 255, .30))
        drop-shadow(0 0 15px rgba(182, 64, 255, .21));
}

.simme-atlas-portal__brand-unit--euclid .simme-atlas-portal__brand-name{
    color: rgba(255, 255, 255, .96);
    font-size: clamp(13px, 1.25vw, 17px);
    font-weight: 820;
    letter-spacing: .235em;
}

.simme-atlas-portal__brand-unit--symsoul{
    opacity: .72;
    transform: none;
    transform-origin: left center;
}

.simme-atlas-portal__brand-join{
    color: rgba(213, 225, 245, .46);
    font-size: clamp(14px, 1.4vw, 20px);
    font-weight: 400;
    line-height: 1;
}

@media (max-width: 1220px) and (min-width: 761px){
     
    .simme-atlas-portal__card{
        aspect-ratio: auto;
        min-height: 0;
    }

    .simme-atlas-portal__copy{
        width: 55%;
        height: auto;
        min-height: 0;
        padding: clamp(36px, 4.2vw, 54px) clamp(32px, 4.4vw, 56px) clamp(24px, 2.6vw, 32px);
    }

    .simme-atlas-portal__title{
        max-width: 9.2em;
        font-size: clamp(33px, 4.2vw, 54px);
    }

    .simme-atlas-portal__facts{
        margin-top: clamp(16px, 1.8vw, 24px);
    }

    .simme-atlas-portal__cta,.simme-atlas-portal__cta:link,.simme-atlas-portal__cta:visited{
        width: min(100%, 320px);
        min-height: 56px;
        margin-top: clamp(14px, 1.7vw, 22px) !important;
    }

    .simme-atlas-portal__brand{
        margin: 0 0 clamp(14px, 1.5vw, 19px);
        padding: 0;
    }
}

@media (max-width: 1050px) and (min-width: 761px){
    .simme-atlas-portal__card{
        aspect-ratio: auto;
        min-height: 0;
    }

    .simme-atlas-portal__copy{
        width: 57%;
        height: auto;
        min-height: 0;
        padding: clamp(28px, 3.5vw, 38px) clamp(24px, 3.6vw, 34px) clamp(20px, 2.4vw, 26px);
    }

    .simme-atlas-portal__title{
        max-width: 9.6em;
        font-size: clamp(29px, 3.95vw, 44px);
        line-height: 1.06;
    }

    .simme-atlas-portal__facts{
        font-size: clamp(13px, 1.55vw, 16px);
        margin-top: 14px;
    }

    .simme-atlas-portal__description{
        font-size: clamp(12px, 1.45vw, 15px);
    }

    .simme-atlas-portal__cta,.simme-atlas-portal__cta:link,.simme-atlas-portal__cta:visited{
        width: min(100%, 305px);
        min-height: 52px;
        margin-top: 14px !important;
        font-size: 12px;
    }

    .simme-atlas-portal__brand{
        margin: 0 0 14px;
        padding: 0;
        gap: 0;
    }
}

@media (max-width: 760px){
    .simme-atlas-portal{
        width: min(100%, 540px);
        padding: 12px;
    }

    .simme-atlas-portal__card{
        display: grid;
        grid-template-rows: clamp(210px, 57vw, 305px) auto;
        aspect-ratio: auto;
        min-height: 0;
        border-radius: 28px;
        background: linear-gradient(180deg, #07152f 0%, #030a1c 54%, #020715 100%);
    }

    .simme-atlas-portal__scene{
        position: relative;
        inset: auto;
        grid-row: 1;
        width: 100%;
        height: 100%;
        background-position: 70% 44%;
        background-size: cover;
        border-bottom: 1px solid rgba(118, 171, 255, .18);
        transform-origin: 76% 41.5%;
        transition-duration: 1.85s;
    }

    .simme-atlas-portal__card.is-cta-hover .simme-atlas-portal__scene,.simme-atlas-portal__card:has(.simme-atlas-portal__cta:hover) .simme-atlas-portal__scene,.simme-atlas-portal__card:has(.simme-atlas-portal__cta:focus-visible) .simme-atlas-portal__scene{
        transform: scale(1.09);
        filter: saturate(1.08) brightness(1.04);
    }

    .simme-atlas-portal__card.is-cta-activating .simme-atlas-portal__scene{
        transform: scale(1.125);
        filter: saturate(1.13) brightness(1.06);
    }

    .simme-atlas-portal__scene::before{
        background:
            linear-gradient(180deg, rgba(0, 5, 19, .03), rgba(0, 6, 22, .08) 62%, rgba(2, 8, 24, .72) 100%),
            radial-gradient(ellipse at 50% 50%, transparent 48%, rgba(0, 5, 18, .18) 100%);
    }

    .simme-atlas-portal__scene::after{
        inset: -16%;
        background:
            radial-gradient(ellipse at 42% 55%, rgba(24, 213, 255, .20), transparent 45%),
            radial-gradient(ellipse at 79% 48%, rgba(205, 61, 255, .12), transparent 40%);
    }

    .simme-atlas-portal__copy{
        grid-row: 2;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 28px 28px 28px;
        background:
            radial-gradient(circle at 16% 0%, rgba(31, 137, 255, .10), transparent 34%),
            linear-gradient(180deg, rgba(5, 15, 38, .97), rgba(2, 8, 22, .995));
    }

    .simme-atlas-portal__title{
        max-width: 11.4em;
        font-size: clamp(26px, 7.6vw, 38px);
        line-height: 1.08;
    }

    .simme-atlas-portal__facts{
        margin-top: 20px;
        font-size: clamp(13px, 3.8vw, 16px);
    }

    .simme-atlas-portal__description{
        margin-top: 8px;
        font-size: clamp(12px, 3.45vw, 14px);
        line-height: 1.52;
    }

    .simme-atlas-portal__cta,.simme-atlas-portal__cta:link,.simme-atlas-portal__cta:visited{
        width: 100%;
        min-height: 56px;
        margin-top: 18px !important;
        padding: 0 18px !important;
        font-size: clamp(10px, 3.02vw, 12px);
        letter-spacing: .055em;
    }

    .simme-atlas-portal__brand{
        width: 100%;
        margin: 0 0 14px;
        padding: 0;
        gap: 0;
        justify-content: flex-start;
    }

    .simme-atlas-portal__brand::after{
        margin-left: 12px;
    }

    .simme-atlas-portal__brand-unit{
        gap: 7px;
    }

    .simme-atlas-portal__brand-icon{
        width: 25px !important;
        height: 25px !important;
    }

    .simme-atlas-portal__brand-unit--euclid .simme-atlas-portal__brand-icon{
        width: 31px !important;
        height: 31px !important;
    }

    .simme-atlas-portal__brand-name{
        font-size: 9px;
        letter-spacing: .14em;
    }

    .simme-atlas-portal__brand-unit--euclid .simme-atlas-portal__brand-name{
        font-size: 11px;
        letter-spacing: .17em;
    }

    .simme-atlas-portal__brand-join{
        font-size: 14px;
    }

    .simme-atlas-portal__pulse{
        --sap-pulse-size: 4px;
    }

    .simme-atlas-portal__pulse--01{ left: 57.2%; top: 31.8%; display: block; }
    .simme-atlas-portal__pulse--02{ left: 63.6%; top: 12.8%; display: block; }
    .simme-atlas-portal__pulse--03{ left: 68.2%; top: 17.4%; display: block; }
    .simme-atlas-portal__pulse--04{ left: 77.8%; top: 16.3%; display: block; }
    .simme-atlas-portal__pulse--05{ left: 83.2%; top: 26.9%; display: none; }
    .simme-atlas-portal__pulse--06{ left: 82.8%; top: 40.6%; display: none; }
    .simme-atlas-portal__pulse--07{ left: 76.1%; top: 45.8%; display: block; }
    .simme-atlas-portal__pulse--08{ left: 78.0%; top: 61.9%; display: none; }
    .simme-atlas-portal__pulse--09{ left: 68.9%; top: 68.1%; display: block; }
    .simme-atlas-portal__pulse--10{ left: 57.0%; top: 63.6%; display: block; }
    .simme-atlas-portal__pulse--11{ left: 50.9%; top: 47.1%; display: block; }
    .simme-atlas-portal__pulse--12{ left: 62.5%; top: 34.5%; display: block; }
    .simme-atlas-portal__pulse--13{ left: 65.2%; top: 58.1%; display: block; }
    .simme-atlas-portal__pulse--14{ left: 61.4%; top: 77.4%; display: none; }
}

@media (max-width: 420px){
    .simme-atlas-portal__card{
        grid-template-rows: 198px auto;
        border-radius: 24px;
    }

    .simme-atlas-portal__copy{
        padding: 24px 22px 24px;
    }

    .simme-atlas-portal__title{
        font-size: clamp(25px, 9vw, 34px);
    }

    .simme-atlas-portal__brand{
        flex-wrap: wrap;
        row-gap: 9px;
    }
}

@container simme-atlas-portal (max-width: 1220px) and (min-width: 761px){
    .simme-atlas-portal__card{
        aspect-ratio: auto;
        min-height: 0;
    }

    .simme-atlas-portal__copy{
        width: 55%;
        height: auto;
        min-height: 0;
        padding: clamp(34px, 4.4cqw, 54px) clamp(30px, 4.2cqw, 54px) clamp(24px, 2.8cqw, 32px);
    }

    .simme-atlas-portal__title{
        max-width: 9.2em;
        font-size: clamp(32px, 4.55cqw, 54px);
    }

    .simme-atlas-portal__brand{
        margin-bottom: clamp(14px, 1.7cqw, 19px);
    }
}

@container simme-atlas-portal (max-width: 1050px) and (min-width: 761px){
    .simme-atlas-portal__copy{
        width: 58%;
        padding: clamp(27px, 3.7cqw, 38px) clamp(23px, 3.5cqw, 34px) clamp(20px, 2.5cqw, 26px);
    }

    .simme-atlas-portal__title{
        max-width: 9.8em;
        font-size: clamp(28px, 4.15cqw, 43px);
        line-height: 1.06;
    }

    .simme-atlas-portal__facts{
        margin-top: 14px;
        font-size: clamp(13px, 1.55cqw, 16px);
    }

    .simme-atlas-portal__description{
        font-size: clamp(12px, 1.45cqw, 15px);
    }

    .simme-atlas-portal__cta,.simme-atlas-portal__cta:link,.simme-atlas-portal__cta:visited{
        width: min(100%, 305px);
        min-height: 52px;
        margin-top: 14px !important;
        font-size: 12px;
    }
}

@container simme-atlas-portal (max-width: 760px){
    .simme-atlas-portal__card{
        display: grid;
        grid-template-rows: clamp(205px, 57cqw, 305px) auto;
        aspect-ratio: auto;
        min-height: 0;
        border-radius: clamp(24px, 4.5cqw, 28px);
        background: linear-gradient(180deg, #07152f 0%, #030a1c 54%, #020715 100%);
    }

    .simme-atlas-portal__scene{
        position: relative;
        inset: auto;
        grid-row: 1;
        width: 100%;
        height: 100%;
        background-position: 70% 44%;
        background-size: cover;
        border-bottom: 1px solid rgba(118, 171, 255, .18);
        transform-origin: 76% 41.5%;
    }

    .simme-atlas-portal__copy{
        grid-row: 2;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: clamp(24px, 4.8cqw, 30px);
        background:
            radial-gradient(circle at 16% 0%, rgba(31, 137, 255, .10), transparent 34%),
            linear-gradient(180deg, rgba(5, 15, 38, .97), rgba(2, 8, 22, .995));
    }

    .simme-atlas-portal__brand{
        width: 100%;
        margin: 0 0 clamp(13px, 2.5cqw, 17px);
    }

    .simme-atlas-portal__brand::after{
        margin-left: 12px;
    }

    .simme-atlas-portal__brand-unit--euclid .simme-atlas-portal__brand-icon{
        width: clamp(31px, 6.4cqw, 38px) !important;
        height: clamp(31px, 6.4cqw, 38px) !important;
    }

    .simme-atlas-portal__brand-unit--euclid .simme-atlas-portal__brand-name{
        font-size: clamp(11px, 2.6cqw, 14px);
        letter-spacing: .18em;
    }

    .simme-atlas-portal__title{
        max-width: 11.4em;
        font-size: clamp(26px, 7.4cqw, 38px);
        line-height: 1.08;
    }

    .simme-atlas-portal__facts{
        margin-top: 20px;
        font-size: clamp(13px, 3.8cqw, 16px);
    }

    .simme-atlas-portal__description{
        margin-top: 8px;
        font-size: clamp(12px, 3.35cqw, 14px);
        line-height: 1.52;
    }

    .simme-atlas-portal__cta,.simme-atlas-portal__cta:link,.simme-atlas-portal__cta:visited{
        width: 100%;
        min-height: 56px;
        margin-top: 18px !important;
        padding: 0 18px !important;
        font-size: clamp(10px, 3cqw, 12px);
    }
}

@container simme-atlas-portal (max-width: 430px){
    .simme-atlas-portal__card{
        grid-template-rows: clamp(190px, 52cqw, 215px) auto;
    }

    .simme-atlas-portal__copy{
        padding: 22px 20px 24px;
    }

    .simme-atlas-portal__brand::after{
        opacity: .72;
    }

    .simme-atlas-portal__title{
        font-size: clamp(25px, 8.6cqw, 34px);
    }
}

@keyframes simme-atlas-portal-node-pulse{
    0%, 20%, 100% {
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale(.66);
        filter: brightness(.96);
    }
    26% {
        opacity: .16;
        transform: translate3d(-50%, -50%, 0) scale(.82);
        filter: brightness(1.02);
    }
    31% {
        opacity: .94;
        transform: translate3d(-50%, -50%, 0) scale(1.12);
        filter: brightness(1.28);
    }
    36% {
        opacity: .24;
        transform: translate3d(-50%, -50%, 0) scale(.90);
        filter: brightness(1.05);
    }
    44%, 100% {
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale(.68);
        filter: brightness(.96);
    }
}

@keyframes simme-atlas-portal-node-halo{
    0%, 22%, 100% {
        opacity: 0;
        transform: scale(.44);
    }
    31% {
        opacity: .42;
        transform: scale(1.18);
    }
    37% {
        opacity: 0;
        transform: scale(.60);
    }
}

@keyframes simme-atlas-portal-aurora{
    0%, 100% {
        opacity: .50;
        transform: translate3d(-1.2%, .2%, 0) scale(1.005);
        filter: blur(10px) saturate(1.02);
    }
    50% {
        opacity: .70;
        transform: translate3d(.8%, -.8%, 0) scale(1.028);
        filter: blur(12px) saturate(1.12);
    }
}

@keyframes simme-atlas-portal-button-sheen{
    0%, 60% { left: -36%; opacity: 0; }
    68% { opacity: .66; }
    84% { left: 112%; opacity: .38; }
    100% { left: 112%; opacity: 0; }
}

@media (prefers-reduced-motion: reduce){
    .simme-atlas-portal__scene,.simme-atlas-portal__scene::after,.simme-atlas-portal__pulse,.simme-atlas-portal__pulse::after,.simme-atlas-portal__cta,.simme-atlas-portal__cta::before,.simme-atlas-portal__cta-arrow{
        animation: none !important;
        transition: none !important;
    }

    .simme-atlas-portal__pulse{
        opacity: .48;
        transform: translate3d(-50%, -50%, 0) scale(.86);
    }

    .simme-atlas-portal__scene::after{
        opacity: .60;
        transform: none;
    }

    .simme-atlas-portal__card.is-cta-hover .simme-atlas-portal__scene,.simme-atlas-portal__card.is-cta-activating .simme-atlas-portal__scene,.simme-atlas-portal__card:has(.simme-atlas-portal__cta:hover) .simme-atlas-portal__scene,.simme-atlas-portal__card:has(.simme-atlas-portal__cta:focus-visible) .simme-atlas-portal__scene{
        transform: none !important;
        filter: none !important;
    }
}

.sscr{
    padding-top: 0 !important;
}

.sscr__shell{
    margin-top: 0 !important;
}

.sscr__intro{
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.sscr{
    position: relative !important;
    box-sizing: border-box !important;
    width: min(1400px, 100%) !important;
    max-width: 1400px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: clamp(12px, 1.35vw, 22px) !important;
    padding-right: clamp(12px, 1.35vw, 22px) !important;

    padding-top: 0 !important;
}

.sscr__shell,.sscr__rail,.sscr__stage,.sscr__panel,.sscr__compare{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.sscr__stage{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sscr__card{
    min-width: 0 !important;
    max-width: none !important;
}

@media (min-width: 761px){
    .sscr__compare{
        position: relative !important;
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr)
            clamp(58px, 6.2vw, 88px)
            minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        column-gap: 0 !important;
        row-gap: 0 !important;
        align-items: stretch !important;
    }

    .sscr__card--with,.sscr__card--without{
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        align-self: stretch !important;
    }

    .sscr__card--with{
        order: 1 !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .sscr__vs{
        order: 2 !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        position: relative !important;
        z-index: 8 !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
        pointer-events: none !important;
    }

    .sscr__vs img{
        position: relative !important;
        z-index: 9 !important;
        left: auto !important;
        top: auto !important;
        width: clamp(76px, 6.6vw, 94px) !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        transform: none !important;
        display: block !important;
    }

    .sscr__card--without{
        order: 3 !important;
        grid-column: 3 !important;
        grid-row: 1 !important;
    }
}

@media (min-width: 761px) and (max-width: 980px){
    .sscr__card--with,.sscr__card--without{
        padding: clamp(19px, 2.4vw, 25px) !important;
    }

    .sscr__card-top{
        grid-template-columns:
            clamp(70px, 8.4vw, 84px)
            minmax(0, 1fr) !important;
        align-items: start !important;
        gap: clamp(12px, 1.7vw, 16px) !important;
        margin-bottom: clamp(16px, 2vw, 21px) !important;
    }

    .sscr__badge{
        width: clamp(70px, 8.4vw, 84px) !important;
        height: clamp(70px, 8.4vw, 84px) !important;
        flex-basis: clamp(70px, 8.4vw, 84px) !important;
    }

    .sscr__label{
        margin-bottom: 8px !important;
        padding: 7px 11px !important;
        font-size: clamp(.68rem, 1.28vw, .77rem) !important;
    }

    .sscr__card-title{
        font-size: clamp(1rem, 2vw, 1.28rem) !important;
        line-height: 1.13 !important;
    }

    .sscr__points{
        gap: clamp(13px, 1.7vw, 17px) !important;
    }

    .sscr__points li{
        padding-left: 26px !important;
        font-size: clamp(.88rem, 1.55vw, 1rem) !important;
        line-height: 1.43 !important;
    }
}

@media (max-width: 760px){
    .sscr{
        width: min(100%, 540px) !important;
        max-width: 540px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .sscr__shell,.sscr__rail,.sscr__stage,.sscr__panel,.sscr__compare{
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .sscr__stage{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sscr__compare{
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto 0 auto !important;
        column-gap: 0 !important;
        row-gap: 0 !important;
        align-items: stretch !important;
    }

    .sscr__card--with,.sscr__card--without{
        width: 100% !important;
        min-width: 0 !important;
        padding: clamp(20px, 4.5vw, 26px) !important;
    }

    .sscr__card--with{
        order: 1 !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        margin: 0 0 8px !important;
    }

    .sscr__vs{
        order: 2 !important;
        grid-column: 1 !important;
        grid-row: 2 !important;
        position: relative !important;
        z-index: 10 !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        overflow: visible !important;
        transform: none !important;
        pointer-events: none !important;
    }

    .sscr__vs img{
        position: absolute !important;
        z-index: 11 !important;
        left: 50% !important;
        top: 50% !important;
        width: clamp(70px, 14vw, 82px) !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important;
        display: block !important;
    }

    .sscr__card--without{
        order: 3 !important;
        grid-column: 1 !important;
        grid-row: 3 !important;
        margin: 8px 0 0 !important;
    }

    .sscr__card-top{
        grid-template-columns:
            clamp(76px, 16vw, 92px)
            minmax(0, 1fr) !important;
        align-items: center !important;
        gap: clamp(14px, 3vw, 19px) !important;
        margin-bottom: clamp(17px, 3.5vw, 22px) !important;
    }

    .sscr__badge{
        width: clamp(76px, 16vw, 92px) !important;
        height: clamp(76px, 16vw, 92px) !important;
        flex-basis: clamp(76px, 16vw, 92px) !important;
    }

    .sscr__label{
        margin-bottom: 8px !important;
        padding: 8px 12px !important;
        font-size: clamp(.72rem, 2.45vw, .82rem) !important;
    }

    .sscr__card-title{
        font-size: clamp(1.08rem, 4.05vw, 1.34rem) !important;
        line-height: 1.14 !important;
    }

    .sscr__points{
        gap: clamp(14px, 3.1vw, 18px) !important;
    }

    .sscr__points li{
        padding-left: 27px !important;
        font-size: clamp(.92rem, 3.15vw, 1.03rem) !important;
        line-height: 1.44 !important;
    }
}

@media (max-width: 380px){
    .sscr__card-top{
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        align-items: start !important;
    }

    .sscr__badge{
        width: 68px !important;
        height: 68px !important;
        flex-basis: 68px !important;
    }

    .sscr__card-title{
        font-size: 1.04rem !important;
    }

    .sscr__points li{
        font-size: .9rem !important;
    }
}

.ssjx,.ssjx *,.ssjx *::before,.ssjx *::after{
    box-sizing: border-box;
}

.ssjx{
    --ssjx-bg: #03040a;
    --ssjx-bg-2: #070a14;
    --ssjx-panel: rgba(9, 12, 25, .88);
    --ssjx-panel-strong: #0a0d18;
    --ssjx-panel-soft: rgba(17, 21, 39, .76);
    --ssjx-line: rgba(163, 177, 222, .18);
    --ssjx-line-strong: rgba(197, 205, 235, .30);
    --ssjx-text: #f4f5fb;
    --ssjx-text-soft: #bbc1d4;
    --ssjx-muted: #7f879f;
    --ssjx-violet: #a978ff;
    --ssjx-violet-rgb: 169, 120, 255;
    --ssjx-pink: #ed76d5;
    --ssjx-pink-rgb: 237, 118, 213;
    --ssjx-blue: #83b2ff;
    --ssjx-blue-rgb: 131, 178, 255;
    --ssjx-green: #6bfa43;
    --ssjx-green-rgb: 107, 250, 67;
    --ssjx-green-soft: #c9ffb8;
    --ssjx-green-deep: #0a3512;
    --ssjx-radius: 24px;
    --ssjx-card-radius: 17px;
    --ssjx-ease: cubic-bezier(.16, .78, .20, 1);

    position: relative;
    isolation: isolate;
    width: min(1540px, 100%);
    margin: 0 auto;
    padding: clamp(18px, 2.5vw, 38px) clamp(12px, 2vw, 30px) clamp(38px, 4vw, 62px);
    overflow: hidden;
    color: var(--ssjx-text);
    background:
        radial-gradient(circle at 9% 0%, rgba(var(--ssjx-violet-rgb), .075), transparent 24%),
        radial-gradient(circle at 92% 8%, rgba(var(--ssjx-blue-rgb), .06), transparent 22%),
        linear-gradient(180deg, rgba(7, 9, 18, .78), rgba(2, 3, 8, .94));
    border: 1px solid rgba(167, 179, 221, .12);
    border-radius: clamp(24px, 2.3vw, 34px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 24px 70px rgba(0, 0, 0, .25);
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.ssjx__ambient{
    position: absolute;
    z-index: -1;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.ssjx__ambient::before,.ssjx__ambient::after{
    position: absolute;
    content: "";
    pointer-events: none;
}

.ssjx__ambient::before{
    top: -52px;
    right: clamp(22px, 6vw, 110px);
    width: clamp(210px, 28vw, 440px);
    height: 170px;
    opacity: .52;
    background:
        linear-gradient(116deg, transparent 0 41%, rgba(var(--ssjx-blue-rgb), .55) 41.4% 41.7%, transparent 42.1%),
        linear-gradient(132deg, transparent 0 49%, rgba(var(--ssjx-violet-rgb), .68) 49.4% 49.7%, transparent 50.1%),
        linear-gradient(151deg, transparent 0 57%, rgba(var(--ssjx-pink-rgb), .46) 57.4% 57.7%, transparent 58.1%);
    filter: drop-shadow(0 0 8px rgba(var(--ssjx-violet-rgb), .36));
    transform: rotate(-4deg);
}

.ssjx__ambient::after{
    left: 50%;
    bottom: -160px;
    width: 740px;
    height: 310px;
    border: 1px solid rgba(var(--ssjx-violet-rgb), .12);
    border-radius: 50%;
    box-shadow:
        0 0 80px rgba(var(--ssjx-violet-rgb), .05),
        inset 0 0 60px rgba(var(--ssjx-blue-rgb), .035);
    transform: translateX(-50%) rotate(-5deg);
}

.ssjx button,.ssjx input{
    font: inherit;
}

.ssjx button{
    -webkit-tap-highlight-color: transparent;
}

.ssjx button:focus-visible,.ssjx input:focus-visible{
    outline: 2px solid rgba(205, 177, 255, .94);
    outline-offset: 3px;
}

body.ssjx-has-modal{
    overflow: hidden !important;
}

.ssjx__intro{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: clamp(18px, 3vw, 40px);
    margin: 0 0 clamp(18px, 2vw, 30px);
    padding: clamp(4px, .6vw, 10px) clamp(2px, .4vw, 8px) 0;
}

.ssjx__intro-copy{
    max-width: 850px;
}

.ssjx__eyebrow{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #d8bcff;
    font-size: clamp(10px, .78vw, 12px);
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.ssjx__eyebrow::before{
    width: 24px;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, var(--ssjx-pink), var(--ssjx-violet));
    box-shadow: 0 0 8px rgba(var(--ssjx-violet-rgb), .55);
}

.ssjx__title{
    max-width: 820px;
    margin: 0 !important;
    color: var(--ssjx-text) !important;
    font-size: clamp(31px, 3.6vw, 57px) !important;
    font-weight: 550 !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    text-wrap: balance;
}

.ssjx__title em{
    color: #cf9aff;
    font-style: normal;
    font-weight: 650;
    text-shadow: 0 0 24px rgba(var(--ssjx-violet-rgb), .22);
}

.ssjx__lede{
    max-width: 800px;
    margin: 16px 0 0 !important;
    color: var(--ssjx-text-soft) !important;
    font-size: clamp(14px, 1.05vw, 17px) !important;
    line-height: 1.58 !important;
}

.ssjx__journey-launch,.ssjx__journey-launch:hover,.ssjx__journey-launch:focus,.ssjx__journey-launch:active{
    position: relative;
    display: grid;
    grid-template-columns: 42px auto 34px;
    align-items: center;
    min-width: 224px;
    margin: 0;
    padding: 11px 12px;
    gap: 10px;
    color: #f6f2ff !important;
    background:
        linear-gradient(145deg, rgba(19, 21, 40, .92), rgba(7, 9, 18, .96)) !important;
    border: 1px solid rgba(var(--ssjx-violet-rgb), .40) !important;
    border-radius: 16px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 10px 24px rgba(0, 0, 0, .24),
        0 0 22px rgba(var(--ssjx-violet-rgb), .08) !important;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.ssjx__journey-launch:hover{
    transform: translateY(-2px);
    border-color: rgba(var(--ssjx-pink-rgb), .72) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 12px 30px rgba(0, 0, 0, .28),
        0 0 28px rgba(var(--ssjx-violet-rgb), .17) !important;
}

.ssjx__journey-launch-icon{
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #d992ff;
    border: 1px solid rgba(var(--ssjx-violet-rgb), .42);
    border-radius: 12px;
    box-shadow: inset 0 0 14px rgba(var(--ssjx-violet-rgb), .06);
}

.ssjx__journey-launch-icon svg{
    width: 23px;
    height: 23px;
    filter: drop-shadow(0 0 6px rgba(var(--ssjx-violet-rgb), .45));
}

.ssjx__journey-launch-copy{
    display: grid;
    min-width: 0;
    text-align: left;
}

.ssjx__journey-launch-copy small{
    color: var(--ssjx-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ssjx__journey-launch-copy strong{
    margin-top: 2px;
    color: #f7f4ff;
    font-size: 15px;
    line-height: 1;
}

.ssjx__journey-count{
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    color: #0a0710;
    background: linear-gradient(145deg, #f398de, #a977ff);
    border-radius: 50%;
    box-shadow: 0 0 16px rgba(var(--ssjx-pink-rgb), .3);
    font-size: 12px;
    font-weight: 900;
}

.ssjx__progress-line{
    --ssjx-step-node: 36px;
    --ssjx-step-gap: 12px;
    --ssjx-step-line: linear-gradient(
        90deg,
        rgba(var(--ssjx-green-rgb), .30) 0%,
        #58dd36 10%,
        #6bfa43 42%,
        #7dff57 68%,
        #6bfa43 88%,
        rgba(var(--ssjx-green-rgb), .50) 100%
    );

    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    width: min(1040px, 100%);
    margin: 2px auto clamp(24px, 2.3vw, 34px);
    color: #aeb6ca;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.ssjx__progress-line span{
    --ssjx-step-label-width: 8ch;

    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    gap: var(--ssjx-step-gap);
    color: #a8b0c5;
    white-space: nowrap;
    text-shadow: 0 0 12px rgba(0, 0, 0, .92);
}

.ssjx__progress-line span:nth-child(2){
    --ssjx-step-label-width: 7ch;
}

.ssjx__progress-line span:nth-child(3){
    --ssjx-step-label-width: 4ch;
}

.ssjx__progress-line span:not(:last-child)::after{
    position: absolute;
    z-index: 0;
    top: 50%;
    left: calc(var(--ssjx-step-node) + var(--ssjx-step-gap) + var(--ssjx-step-label-width) + 13px);
    right: 12px;
    height: 2px;
    content: "";
    background: var(--ssjx-step-line);
    border-radius: 999px;
    box-shadow:
        0 0 6px rgba(var(--ssjx-green-rgb), .44),
        0 0 12px rgba(var(--ssjx-green-rgb), .24),
        0 0 18px rgba(var(--ssjx-green-rgb), .10);
    opacity: .74;
    transform: translateY(-50%);
    pointer-events: none;
}

.ssjx__progress-line i{
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    flex: 0 0 var(--ssjx-step-node);
    width: var(--ssjx-step-node);
    height: var(--ssjx-step-node);
    min-width: var(--ssjx-step-node);
    min-height: var(--ssjx-step-node);
    margin: 0;
    padding: 0;
    color: #d8e2d5;
    background:
        radial-gradient(circle at 50% 45%, rgba(var(--ssjx-green-rgb), .10), transparent 58%),
        #090d13;
    border: 2px solid rgba(var(--ssjx-green-rgb), .62);
    border-radius: 50%;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .035),
        0 0 10px rgba(var(--ssjx-green-rgb), .20),
        0 0 18px rgba(var(--ssjx-green-rgb), .08);
    font-style: normal;
    font-size: 12px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    text-indent: 0;
}

.ssjx__progress-line .is-active{
    color: #f3fff0;
    text-shadow:
        0 0 9px rgba(var(--ssjx-green-rgb), .22),
        0 0 14px rgba(0, 0, 0, .92);
}

.ssjx__progress-line .is-active i{
    color: #fff;
    background:
        radial-gradient(circle at 50% 42%, rgba(var(--ssjx-green-rgb), .20), transparent 58%),
        #09110d;
    border-color: #6bfa43;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .055),
        0 0 7px rgba(var(--ssjx-green-rgb), .62),
        0 0 18px rgba(var(--ssjx-green-rgb), .30),
        -4px 4px 11px rgba(var(--ssjx-violet-rgb), .14),
        4px -3px 11px rgba(var(--ssjx-blue-rgb), .14);
}

.ssjx__groups{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: clamp(22px, 2.15vw, 34px);
}

.ssjx__group{
    --ssjx-group-rgb: var(--ssjx-violet-rgb);
    --ssjx-group-accent: var(--ssjx-violet);
    position: relative;
    overflow: hidden;
    padding: clamp(14px, 1.5vw, 22px);
    background:
        linear-gradient(180deg, rgba(14, 17, 32, .88), rgba(5, 7, 15, .94));
    border: 1px solid rgba(var(--ssjx-group-rgb), .20);
    border-radius: var(--ssjx-radius);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .03),
        0 14px 32px rgba(0, 0, 0, .16);
}

.ssjx__group::before{
    position: absolute;
    top: -1px;
    left: 8%;
    width: 36%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(var(--ssjx-group-rgb), .78), transparent);
    box-shadow: 0 0 10px rgba(var(--ssjx-group-rgb), .42);
}

.ssjx__group--blue{
    --ssjx-group-rgb: var(--ssjx-blue-rgb);
    --ssjx-group-accent: var(--ssjx-blue);
}

.ssjx__group-head{
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
}

.ssjx__group-symbol{
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    color: var(--ssjx-group-accent);
    background: rgba(var(--ssjx-group-rgb), .045);
    border: 1px solid rgba(var(--ssjx-group-rgb), .32);
    border-radius: 13px;
    box-shadow: inset 0 0 16px rgba(var(--ssjx-group-rgb), .04);
}

.ssjx__group-symbol svg{
    width: 24px;
    height: 24px;
    filter: drop-shadow(0 0 6px rgba(var(--ssjx-group-rgb), .42));
}

.ssjx__group-head h3{
    margin: 0 !important;
    color: #f4f5fb !important;
    font-size: clamp(17px, 1.28vw, 21px) !important;
    font-weight: 650 !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em !important;
}

.ssjx__group-head p{
    margin: 4px 0 0 !important;
    color: var(--ssjx-muted) !important;
    font-size: clamp(10px, .72vw, 12px) !important;
    line-height: 1.35 !important;
}

.ssjx__grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(11px, .9vw, 14px);
}

.ssjx__card{
    position: relative;
    min-width: 0;
    min-height: clamp(112px, 9.8vw, 148px);
    overflow: hidden;
    background:
        linear-gradient(155deg, rgba(16, 19, 34, .91), rgba(7, 9, 17, .98));
    border: 1px solid rgba(159, 169, 205, .16);
    border-radius: var(--ssjx-card-radius);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
    transition:
        transform 220ms ease,
        border-color 220ms ease,
        box-shadow 260ms ease,
        background 260ms ease;
}

.ssjx__card--last{
    grid-column: 1 / -1;
    min-height: 84px;
}

.ssjx__card::before{
    position: absolute;
    inset: -1px;
    content: "";
    border-radius: inherit;
    background:
        linear-gradient(135deg, rgba(var(--ssjx-group-rgb), .08), transparent 38% 70%, rgba(var(--ssjx-group-rgb), .035));
    opacity: 0;
    pointer-events: none;
    transition: opacity 220ms ease;
}

.ssjx__card:hover,.ssjx__card.is-active,.ssjx__card.is-saved{
    transform: translateY(-2px);
    border-color: rgba(var(--ssjx-group-rgb), .52);
    box-shadow:
        0 0 0 1px rgba(var(--ssjx-group-rgb), .08),
        0 8px 22px rgba(0, 0, 0, .22),
        0 0 20px rgba(var(--ssjx-group-rgb), .10);
}

.ssjx__card.is-active{
    border-color: rgba(var(--ssjx-group-rgb), .86);
    box-shadow:
        0 0 0 1px rgba(var(--ssjx-group-rgb), .18),
        0 0 22px rgba(var(--ssjx-group-rgb), .20),
        inset 0 0 22px rgba(var(--ssjx-group-rgb), .045);
}

.ssjx__card:hover::before,.ssjx__card.is-active::before,.ssjx__card.is-saved::before{
    opacity: 1;
}

.ssjx__card-main,.ssjx__card-main:hover,.ssjx__card-main:focus,.ssjx__card-main:active{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-rows: 42px minmax(0, 1fr) 28px;
    justify-items: center;
    align-content: center;
    width: 100%;
    min-height: inherit;
    margin: 0;
    padding: 15px 10px 11px;
    gap: 8px;
    color: #e7e9f3 !important;
    text-align: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.ssjx__card--last .ssjx__card-main{
    grid-template-columns: 56px minmax(0, 1fr) 36px;
    grid-template-rows: 1fr;
    justify-items: start;
    align-items: center;
    min-height: 84px;
    padding: 10px 50px 10px 12px;
    text-align: left;
}

.ssjx__card-icon{
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--ssjx-group-accent);
    border: 1px solid rgba(var(--ssjx-group-rgb), .20);
    border-radius: 12px;
    transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

.ssjx__card-icon svg{
    width: 24px;
    height: 24px;
    filter: drop-shadow(0 0 5px rgba(var(--ssjx-group-rgb), .36));
}

.ssjx__card:hover .ssjx__card-icon,.ssjx__card.is-active .ssjx__card-icon{
    border-color: rgba(var(--ssjx-group-rgb), .65);
    box-shadow:
        inset 0 0 12px rgba(var(--ssjx-group-rgb), .07),
        0 0 15px rgba(var(--ssjx-group-rgb), .17);
    transform: translateY(-1px);
}

.ssjx__card-title{
    align-self: start;
    max-width: 130px;
    color: #e9ebf4;
    font-size: clamp(10px, .74vw, 12px);
    font-weight: 650;
    line-height: 1.24;
    text-wrap: balance;
}

.ssjx__card--last .ssjx__card-title{
    align-self: center;
    max-width: none;
    font-size: clamp(12px, .92vw, 14px);
}

.ssjx__card-arrow{
    position: relative;
    align-self: end;
    display: grid;
    place-items: center;
    width: 34px;
    height: 24px;
    margin-bottom: 1px;
    color: rgba(var(--ssjx-group-rgb), .96);
    background:
        linear-gradient(135deg, rgba(var(--ssjx-group-rgb), .14), rgba(var(--ssjx-group-rgb), .055));
    border: 1px solid rgba(var(--ssjx-group-rgb), .42);
    border-radius: 999px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 0 0 rgba(var(--ssjx-group-rgb), 0);
    opacity: .18;
    transform: translateX(-7px) scale(.92);
    transition:
        opacity 180ms ease,
        transform 220ms cubic-bezier(.16, .78, .22, 1),
        color 180ms ease,
        background 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease;
}

.ssjx__card-arrow::before{
    position: absolute;
    left: -9px;
    top: 50%;
    width: 10px;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(var(--ssjx-group-rgb), .8));
    box-shadow: 0 0 6px rgba(var(--ssjx-group-rgb), .28);
    opacity: 0;
    transform: translateY(-50%) scaleX(.45);
    transform-origin: 100% 50%;
    transition: opacity 180ms ease, transform 220ms ease;
    pointer-events: none;
}

.ssjx__card-arrow svg{
    width: 19px;
    height: 19px;
    stroke-width: 2.15;
    filter: drop-shadow(0 0 5px rgba(var(--ssjx-group-rgb), .30));
    transition: transform 220ms cubic-bezier(.16, .78, .22, 1), filter 220ms ease;
}

.ssjx__card--last .ssjx__card-arrow{
    align-self: center;
    justify-self: end;
    opacity: .52;
    transform: none;
}

.ssjx__card:hover .ssjx__card-arrow,.ssjx__card:focus-within .ssjx__card-arrow,.ssjx__card.is-active .ssjx__card-arrow{
    color: #f8f5ff;
    background:
        linear-gradient(135deg, rgba(var(--ssjx-group-rgb), .30), rgba(var(--ssjx-group-rgb), .12));
    border-color: rgba(var(--ssjx-group-rgb), .90);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        0 0 0 1px rgba(var(--ssjx-group-rgb), .10),
        0 0 14px rgba(var(--ssjx-group-rgb), .28);
    opacity: 1;
    transform: translateX(0) scale(1);
}

.ssjx__card:hover .ssjx__card-arrow::before,.ssjx__card:focus-within .ssjx__card-arrow::before,.ssjx__card.is-active .ssjx__card-arrow::before{
    opacity: .9;
    transform: translateY(-50%) scaleX(1);
}

.ssjx__card:hover .ssjx__card-arrow svg,.ssjx__card:focus-within .ssjx__card-arrow svg{
    transform: translateX(1.5px);
    filter: drop-shadow(0 0 7px rgba(var(--ssjx-group-rgb), .46));
}

.ssjx__card.is-active .ssjx__card-arrow svg{
    animation: ssjx-card-arrow-arrive 420ms cubic-bezier(.16, .78, .22, 1) both;
    filter: drop-shadow(0 0 8px rgba(var(--ssjx-group-rgb), .52));
}

.ssjx__card-main:active .ssjx__card-arrow{
    background:
        linear-gradient(135deg, rgba(var(--ssjx-group-rgb), .38), rgba(var(--ssjx-group-rgb), .16));
    box-shadow:
        inset 0 2px 7px rgba(0, 0, 0, .20),
        0 0 0 1px rgba(var(--ssjx-group-rgb), .14),
        0 0 16px rgba(var(--ssjx-group-rgb), .31);
}

@keyframes ssjx-card-arrow-arrive{
    0% { transform: translateX(-2px); opacity: .72; }
    58% { transform: translateX(3px); opacity: 1; }
    100% { transform: translateX(1.5px); opacity: 1; }
}

.ssjx__card-save,.ssjx__card-save:hover,.ssjx__card-save:focus,.ssjx__card-save:active{
    position: absolute;
    z-index: 5;
    top: 7px;
    right: 7px;
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    color: rgba(209, 214, 235, .56) !important;
    background: rgba(4, 6, 13, .72) !important;
    border: 1px solid rgba(170, 181, 217, .15) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    cursor: pointer;
    opacity: .68;
    -webkit-appearance: none;
    appearance: none;
    transition: color 180ms ease, opacity 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.ssjx__card-save svg{
    width: 14px;
    height: 14px;
}

.ssjx__card:hover .ssjx__card-save,.ssjx__card-save:focus-visible,.ssjx__card-save.is-saved{
    opacity: 1;
}

.ssjx__card-save.is-saved{
    color: #f08cdd !important;
    border-color: rgba(var(--ssjx-pink-rgb), .52) !important;
    box-shadow: 0 0 12px rgba(var(--ssjx-pink-rgb), .14) !important;
}

.ssjx__card-save.is-saved svg{
    fill: currentColor;
}

.ssjx__guide-wire{
    --ssjx-guide-rgb: var(--ssjx-violet-rgb);

    position: absolute;
    z-index: 12;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
    opacity: 0;
    pointer-events: none;
    transition: opacity 140ms ease;
}

.ssjx__guide-wire.is-visible{
    opacity: 1;
}

.ssjx__guide-wire-ghost,.ssjx__guide-wire-path{
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.ssjx__guide-wire-ghost{
    stroke: rgba(var(--ssjx-guide-rgb), .20);
    stroke-width: 7;
    filter: drop-shadow(0 0 8px rgba(var(--ssjx-guide-rgb), .12));
}

.ssjx__guide-wire-path{
    stroke: rgb(var(--ssjx-guide-rgb));
    stroke-width: 3;
    opacity: 1;
    filter:
        drop-shadow(0 0 3px rgba(var(--ssjx-guide-rgb), .98))
        drop-shadow(0 0 11px rgba(var(--ssjx-guide-rgb), .76))
        drop-shadow(0 0 24px rgba(var(--ssjx-guide-rgb), .28));
}

.ssjx__guide-wire.is-drawing .ssjx__guide-wire-path{
    filter:
        drop-shadow(0 0 4px rgba(var(--ssjx-guide-rgb), 1))
        drop-shadow(0 0 13px rgba(var(--ssjx-guide-rgb), .82))
        drop-shadow(0 0 26px rgba(var(--ssjx-guide-rgb), .30));
}

.ssjx__guide-wire-start,.ssjx__guide-wire-end,.ssjx__guide-wire-halo{
    fill: rgb(var(--ssjx-guide-rgb));
    vector-effect: non-scaling-stroke;
    transform-box: fill-box;
    transform-origin: center;
}

.ssjx__guide-wire-start{
    opacity: .95;
    filter: drop-shadow(0 0 8px rgba(var(--ssjx-guide-rgb), .74));
}

.ssjx__guide-wire-halo{
    opacity: 0;
    filter: blur(.25px) drop-shadow(0 0 12px rgba(var(--ssjx-guide-rgb), .70));
}

.ssjx__guide-wire-end{
    opacity: 0;
    filter:
        drop-shadow(0 0 5px rgba(var(--ssjx-guide-rgb), 1))
        drop-shadow(0 0 15px rgba(var(--ssjx-guide-rgb), .85))
        drop-shadow(0 0 28px rgba(var(--ssjx-guide-rgb), .40));
}

.ssjx__guide-wire.is-arrived .ssjx__guide-wire-end{
    opacity: 1;
    animation: ssjx-guide-end-pulse 2.35s ease-in-out infinite;
}

.ssjx__guide-wire.is-arrived .ssjx__guide-wire-halo{
    opacity: .18;
    animation: ssjx-guide-halo-pulse 2.35s ease-in-out infinite;
}

@keyframes ssjx-guide-end-pulse{
    0%,
    100% {
        transform: scale(1);
        opacity: .90;
    }

    50% {
        transform: scale(1.22);
        opacity: 1;
    }
}

@keyframes ssjx-guide-halo-pulse{
    0%,
    100% {
        transform: scale(.76);
        opacity: .10;
    }

    50% {
        transform: scale(1.20);
        opacity: .27;
    }
}

@media (max-width: 720px){
    .ssjx__guide-wire{
        display: none !important;
    }
}

@media (min-width: 721px){
    .ssjx__groups{
        margin-bottom: 2px;
    }

    .ssjx__group{
        overflow: visible;
    }
}

.ssjx__preview[hidden]{
    display: none !important;
}

.ssjx__preview{
     
    --ssjx-preview-rgb: var(--ssjx-violet-rgb);
    --ssjx-preview-accent: var(--ssjx-violet);
    --ssjx-preview-secondary-rgb: var(--ssjx-pink-rgb);
    --ssjx-preview-secondary: var(--ssjx-pink);
    --ssjx-preview-button-a: #7446d8;
    --ssjx-preview-button-b: #ad55df;
    --ssjx-preview-button-c: #e059c7;
    position: relative;
    z-index: 8;
    display: grid;
    grid-template-columns: clamp(110px, 12vw, 170px) minmax(0, 1fr);
    align-items: stretch;
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 42%, rgba(var(--ssjx-preview-rgb), .13), transparent 20%),
        linear-gradient(135deg, rgba(15, 18, 34, .98), rgba(5, 7, 15, .99));
    border: 1px solid rgba(var(--ssjx-preview-rgb), .42);
    border-radius: 22px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 18px 45px rgba(0, 0, 0, .28),
        0 0 28px rgba(var(--ssjx-preview-rgb), .10);
    opacity: 0;
    transform: translateY(-8px);
    transition: max-height 400ms var(--ssjx-ease), margin-top 300ms ease, opacity 260ms ease, transform 360ms var(--ssjx-ease);
}

.ssjx__preview[data-ssjx-theme="blue"]{
    --ssjx-preview-rgb: var(--ssjx-blue-rgb);
    --ssjx-preview-accent: var(--ssjx-blue);
    --ssjx-preview-secondary-rgb: 103, 216, 255;
    --ssjx-preview-secondary: #67d8ff;
    --ssjx-preview-button-a: #315fc9;
    --ssjx-preview-button-b: #4d86ee;
    --ssjx-preview-button-c: #74b9ff;
}

.ssjx__preview.is-open{
    max-height: 620px;
    margin-top: 28px;
    opacity: 1;
    transform: translateY(0);
}

.ssjx__preview-icon{
    display: grid;
    place-items: center;
    min-height: 230px;
    color: var(--ssjx-preview-accent);
    border-right: 1px solid rgba(var(--ssjx-preview-rgb), .30);
    background:
        radial-gradient(circle at center, rgba(var(--ssjx-preview-rgb), .16), transparent 48%);
}

.ssjx__preview-icon svg{
    width: clamp(62px, 6vw, 88px);
    height: clamp(62px, 6vw, 88px);
    stroke-width: 1.25;
    filter:
        drop-shadow(0 0 8px rgba(var(--ssjx-preview-rgb), .62))
        drop-shadow(0 0 22px rgba(var(--ssjx-preview-secondary-rgb), .22));
}

.ssjx__preview-copy{
    position: relative;
    padding: clamp(18px, 2vw, 28px);
}

.ssjx__preview-meta{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
}

.ssjx__preview-meta > span{
    color: var(--ssjx-preview-accent);
    opacity: .82;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ssjx__preview-close,.ssjx__preview-close:hover,.ssjx__preview-close:focus,.ssjx__preview-close:active{
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    color: #9ca3b8 !important;
    background: rgba(255, 255, 255, .025) !important;
    border: 1px solid rgba(178, 188, 219, .13) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    cursor: pointer;
}

.ssjx__preview-close svg{
    width: 15px;
    height: 15px;
}

.ssjx__preview h3{
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(22px, 2.1vw, 34px) !important;
    font-weight: 630 !important;
    line-height: 1.03 !important;
    letter-spacing: -.035em !important;
}

.ssjx__preview-summary{
    max-width: 780px;
    margin: 9px 0 14px !important;
    color: #d9dce7 !important;
    font-size: clamp(14px, 1.02vw, 17px) !important;
    line-height: 1.45 !important;
}

.ssjx__preview-points{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 18px !important;
    padding: 0 !important;
    gap: 8px;
    list-style: none !important;
}

.ssjx__preview-points li{
    position: relative;
    min-height: 72px;
    margin: 0 !important;
    padding: 13px 13px 13px 30px;
    color: #abb2c6;
    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(174, 185, 217, .10);
    border-radius: 13px;
    font-size: clamp(11px, .76vw, 13px);
    line-height: 1.42;
}

.ssjx__preview-points li::before{
    position: absolute;
    top: 17px;
    left: 12px;
    width: 7px;
    height: 7px;
    content: "";
    border: 1px solid var(--ssjx-preview-accent);
    border-radius: 50%;
    box-shadow: 0 0 7px rgba(var(--ssjx-preview-rgb), .58);
}

.ssjx__preview-actions,.ssjx__journey-export-buttons{
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

@media (min-width: 721px){
    .ssjx__preview-actions .ssjx__button--primary{
        min-width: 168px;
    }

    .ssjx__preview-actions .ssjx__button--ghost{
        min-width: 186px;
    }
}

.ssjx__button,.ssjx__button:hover,.ssjx__button:focus,.ssjx__button:focus-visible,.ssjx__button:active{
     
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 0;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 19px !important;
    gap: 9px;
    overflow: hidden;
    color: #e9eaf3 !important;
    background: rgba(13, 16, 29, .90) !important;
    border: 1px solid rgba(171, 183, 217, .27) !important;
    border-radius: 13px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 7px 18px rgba(0, 0, 0, .12) !important;
    font-family: inherit !important;
    font-size: clamp(13px, .88vw, 15px) !important;
    font-style: normal !important;
    font-weight: 720 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-text-size-adjust: 100%;
    transform: translate3d(0, 0, 0) !important;
    scale: 1 !important;
    transition:
        color 180ms ease,
        border-color 190ms ease,
        box-shadow 220ms ease,
        background 220ms ease,
        filter 180ms ease !important;
}

.ssjx__button::before{
    position: absolute;
    z-index: 0;
    top: -35%;
    bottom: -35%;
    left: -42%;
    width: 30%;
    content: "";
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .17), transparent);
    opacity: 0;
    transform: skewX(-18deg) translateX(0);
    transition: transform 520ms var(--ssjx-ease), opacity 180ms ease;
    pointer-events: none;
}

.ssjx__button > *{
    position: relative;
    z-index: 1;
}

.ssjx__button svg{
    flex: 0 0 auto;
    width: 17px !important;
    height: 17px !important;
    transform: none !important;
    transition: color 180ms ease, filter 180ms ease, opacity 180ms ease !important;
}

.ssjx__button:hover{
    filter: brightness(1.06);
}

.ssjx__button:hover::before{
    opacity: .86;
    transform: skewX(-18deg) translateX(510%);
}

.ssjx__button:active{
    transform: translate3d(0, 0, 0) !important;
    scale: 1 !important;
    filter: brightness(.98) saturate(1.04);
    box-shadow:
        inset 0 2px 7px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 4px 12px rgba(0, 0, 0, .12) !important;
}

.ssjx__button--primary,.ssjx__button--primary:hover,.ssjx__button--primary:focus,.ssjx__button--primary:focus-visible,.ssjx__button--primary:active{
    color: #fff !important;
    background:
        linear-gradient(115deg, rgba(112, 67, 214, .99), rgba(175, 85, 223, .98) 56%, rgba(224, 89, 199, .96)) !important;
    border-color: rgba(220, 164, 255, .78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .20),
        inset 0 -1px 0 rgba(60, 24, 105, .20),
        0 7px 18px rgba(0, 0, 0, .14),
        0 0 19px rgba(var(--ssjx-violet-rgb), .21) !important;
}

.ssjx__button--primary:hover{
    border-color: rgba(239, 196, 255, .94) !important;
    background:
        linear-gradient(115deg, rgba(123, 73, 230, 1), rgba(191, 91, 232, 1) 55%, rgba(237, 101, 209, .99)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .26),
        inset 0 -1px 0 rgba(60, 24, 105, .16),
        0 8px 20px rgba(0, 0, 0, .16),
        0 0 28px rgba(var(--ssjx-pink-rgb), .31) !important;
}

.ssjx__button--primary:active{
    background:
        linear-gradient(115deg, rgba(99, 57, 197, .99), rgba(158, 72, 207, .99) 55%, rgba(205, 74, 179, .98)) !important;
    border-color: rgba(229, 181, 255, .86) !important;
    box-shadow:
        inset 0 3px 8px rgba(39, 13, 75, .34),
        inset 0 1px 0 rgba(255, 255, 255, .13),
        0 4px 13px rgba(0, 0, 0, .16),
        0 0 20px rgba(var(--ssjx-violet-rgb), .22) !important;
}

.ssjx__preview .ssjx__button--primary,.ssjx__preview .ssjx__button--primary:hover,.ssjx__preview .ssjx__button--primary:focus,.ssjx__preview .ssjx__button--primary:active{
    background:
        linear-gradient(
            115deg,
            var(--ssjx-preview-button-a),
            var(--ssjx-preview-button-b) 56%,
            var(--ssjx-preview-button-c)
        ) !important;
    border-color: rgba(var(--ssjx-preview-rgb), .88) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .18),
        0 0 20px rgba(var(--ssjx-preview-rgb), .28) !important;
}

.ssjx__preview .ssjx__button--primary:hover,.ssjx__preview .ssjx__button--primary:focus-visible{
    border-color: rgba(var(--ssjx-preview-secondary-rgb), .98) !important;
    background:
        linear-gradient(
            115deg,
            color-mix(in srgb, var(--ssjx-preview-button-a) 90%, white 10%),
            color-mix(in srgb, var(--ssjx-preview-button-b) 90%, white 10%) 56%,
            color-mix(in srgb, var(--ssjx-preview-button-c) 90%, white 10%)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .25),
        0 8px 20px rgba(0, 0, 0, .14),
        0 0 29px rgba(var(--ssjx-preview-rgb), .40),
        0 0 17px rgba(var(--ssjx-preview-secondary-rgb), .22) !important;
}

.ssjx__preview .ssjx__button--primary:active{
    background:
        linear-gradient(
            115deg,
            color-mix(in srgb, var(--ssjx-preview-button-a) 84%, black 16%),
            color-mix(in srgb, var(--ssjx-preview-button-b) 84%, black 16%) 56%,
            color-mix(in srgb, var(--ssjx-preview-button-c) 84%, black 16%)
        ) !important;
    border-color: rgba(var(--ssjx-preview-rgb), .92) !important;
    box-shadow:
        inset 0 3px 9px rgba(1, 4, 12, .28),
        inset 0 1px 0 rgba(255, 255, 255, .13),
        0 4px 12px rgba(0, 0, 0, .16),
        0 0 21px rgba(var(--ssjx-preview-rgb), .28) !important;
}

.ssjx__preview .ssjx__button--ghost,.ssjx__preview .ssjx__button--ghost:hover,.ssjx__preview .ssjx__button--ghost:focus,.ssjx__preview .ssjx__button--ghost:active{
    border-color: rgba(var(--ssjx-preview-rgb), .48) !important;
    background:
        linear-gradient(135deg, rgba(var(--ssjx-preview-rgb), .075), rgba(10, 13, 25, .92)) !important;
}

.ssjx__preview .ssjx__button--ghost svg{
    color: var(--ssjx-preview-accent);
    filter: drop-shadow(0 0 6px rgba(var(--ssjx-preview-rgb), .34));
}

.ssjx__preview .ssjx__button--ghost:hover,.ssjx__preview .ssjx__button--ghost:focus-visible{
    color: #fff !important;
    border-color: rgba(var(--ssjx-preview-rgb), .88) !important;
    background:
        linear-gradient(135deg, rgba(var(--ssjx-preview-rgb), .19), rgba(15, 19, 35, .98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 7px 18px rgba(0, 0, 0, .12),
        0 0 21px rgba(var(--ssjx-preview-rgb), .18) !important;
}

.ssjx__preview .ssjx__button--ghost:active{
    color: #f5f7ff !important;
    border-color: rgba(var(--ssjx-preview-rgb), .80) !important;
    background:
        linear-gradient(135deg, rgba(var(--ssjx-preview-rgb), .13), rgba(8, 11, 23, .98)) !important;
    box-shadow:
        inset 0 3px 8px rgba(0, 0, 0, .30),
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 4px 12px rgba(0, 0, 0, .12),
        0 0 16px rgba(var(--ssjx-preview-rgb), .13) !important;
}

.ssjx__preview .ssjx__button--ghost.is-saved,.ssjx__preview .ssjx__button--primary.is-saved{
    border-color: rgba(var(--ssjx-preview-rgb), .88) !important;
    box-shadow:
        inset 0 0 13px rgba(var(--ssjx-preview-rgb), .08),
        0 0 20px rgba(var(--ssjx-preview-rgb), .20) !important;
}

.ssjx__preview .ssjx__button--ghost.is-saved svg,.ssjx__preview .ssjx__button--primary.is-saved svg{
    color: var(--ssjx-preview-accent);
    fill: currentColor;
}

.ssjx__button--ghost.is-saved,.ssjx__button--primary.is-saved{
    border-color: rgba(var(--ssjx-pink-rgb), .60) !important;
    box-shadow: 0 0 18px rgba(var(--ssjx-pink-rgb), .12) !important;
}

.ssjx__button--ghost.is-saved svg,.ssjx__button--primary.is-saved svg{
    fill: currentColor;
}

.ssjx__button--wide{
    width: 100%;
}

.ssjx__button:disabled,.ssjx__socials button:disabled{
    opacity: .34 !important;
    cursor: default !important;
    filter: grayscale(.2);
    transform: none !important;
}

.ssjx__value-strip{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(190px, 1.25fr) repeat(4, minmax(0, 1fr));
    align-items: stretch;
    margin-top: clamp(18px, 2vw, 28px);
    overflow: hidden;
    background: rgba(7, 9, 17, .73);
    border: 1px solid rgba(164, 174, 207, .14);
    border-radius: 17px;
}

.ssjx__value-intro,.ssjx__value-chip{
    min-width: 0;
    padding: 14px 16px;
}

.ssjx__value-intro{
    display: grid;
    align-content: center;
    border-right: 1px solid rgba(164, 174, 207, .12);
}

.ssjx__value-intro strong,.ssjx__value-chip strong{
    color: #e8eaf3;
    font-size: 12px;
}

.ssjx__value-intro span,.ssjx__value-chip small{
    margin-top: 4px;
    color: #7f879c;
    font-size: 9px;
    line-height: 1.35;
}

.ssjx__value-chip{
    position: relative;
    display: grid;
    align-content: center;
    padding-left: 44px;
    border-right: 1px solid rgba(164, 174, 207, .08);
}

.ssjx__value-chip:last-child{
    border-right: 0;
}

.ssjx__value-chip > span{
    position: absolute;
    top: 50%;
    left: 14px;
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    color: #b98bff;
    border: 1px solid rgba(var(--ssjx-violet-rgb), .33);
    border-radius: 7px;
    font-size: 8px;
    font-weight: 900;
    transform: translateY(-50%);
}

.ssjx__modal[hidden]{
    display: none !important;
}

.ssjx__modal{
    position: fixed;
    z-index: 1000010;
    inset: 0;
    display: grid;
    place-items: center;
    padding: clamp(12px, 2vw, 26px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 220ms ease, visibility 0s linear 240ms;
}

.ssjx__modal.is-open{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.ssjx__modal-backdrop,.ssjx__modal-backdrop:hover,.ssjx__modal-backdrop:focus,.ssjx__modal-backdrop:active{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: rgba(0, 2, 8, .80) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    cursor: default;
}

.ssjx__icon-button,.ssjx__icon-button:hover,.ssjx__icon-button:focus,.ssjx__icon-button:active{
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0;
    color: inherit !important;
    background: transparent !important;
    border: 1px solid currentColor !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    opacity: .72;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.ssjx__icon-button:hover{
    opacity: 1;
}

.ssjx__icon-button svg{
    width: 18px;
    height: 18px;
}

.ssjx__detail-canvas{
    --detail-bg: #0b0e18;
    --detail-panel: #101522;
    --detail-panel-soft: #0e121e;
    --detail-text: #f5f6fb;
    --detail-soft: #b7bdce;
    --detail-muted: #7e879e;
    --detail-line: rgba(182, 192, 220, .15);
    --detail-chip: rgba(169, 120, 255, .08);
    --detail-shadow: rgba(0, 0, 0, .48);

    position: relative;
    z-index: 2;
    width: min(1080px, 100%);
    max-height: min(92vh, 900px);
    max-height: min(92dvh, 900px);
    overflow: auto;
    color: var(--detail-text);
    background:
        radial-gradient(circle at 0 0, rgba(var(--ssjx-violet-rgb), .075), transparent 26%),
        var(--detail-bg);
    border: 1px solid rgba(var(--ssjx-violet-rgb), .24);
    border-radius: 25px;
    box-shadow:
        0 28px 90px var(--detail-shadow),
        0 0 0 1px rgba(255, 255, 255, .02),
        0 0 42px rgba(var(--ssjx-violet-rgb), .07);
    opacity: 0;
    transform: translateY(20px) scale(.975);
    transition: opacity 280ms ease, transform 360ms var(--ssjx-ease), background 250ms ease, color 250ms ease;
}

.ssjx__modal.is-open .ssjx__detail-canvas{
    opacity: 1;
    transform: translateY(0) scale(1);
}

.ssjx__detail-canvas[data-ssjx-reading="light"]{
    --detail-bg: #f8f8fc;
    --detail-panel: #ffffff;
    --detail-panel-soft: #f1f1f8;
    --detail-text: #171824;
    --detail-soft: #494d5f;
    --detail-muted: #737789;
    --detail-line: rgba(60, 66, 91, .13);
    --detail-chip: rgba(127, 74, 220, .07);
    --detail-shadow: rgba(0, 0, 0, .30);
    background:
        radial-gradient(circle at 0 0, rgba(var(--ssjx-violet-rgb), .075), transparent 28%),
        var(--detail-bg);
    border-color: rgba(169, 120, 255, .28);
}

.ssjx__detail-toolbar{
    position: sticky;
    z-index: 10;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px clamp(14px, 2vw, 24px);
    background: color-mix(in srgb, var(--detail-bg) 90%, transparent);
    border-bottom: 1px solid var(--detail-line);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff)){
    .ssjx__detail-toolbar{
        background: var(--detail-bg);
    }
}

.ssjx__detail-back,.ssjx__detail-back:hover,.ssjx__detail-back:focus,.ssjx__detail-back:active,.ssjx__reading-toggle,.ssjx__reading-toggle:hover,.ssjx__reading-toggle:focus,.ssjx__reading-toggle:active{
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    margin: 0;
    padding: 8px 11px;
    gap: 7px;
    color: var(--detail-soft) !important;
    background: transparent !important;
    border: 1px solid var(--detail-line) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.ssjx__detail-back svg{
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
}

.ssjx__reading-toggle svg{
    width: 16px;
    height: 16px;
    color: #c888ff;
}

.ssjx__detail-toolbar-actions{
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--detail-muted);
}

.ssjx__detail-layout{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 310px);
    gap: clamp(24px, 3vw, 42px);
    padding: clamp(24px, 3vw, 42px);
}

.ssjx__detail-heading{
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: center;
    gap: 15px;
}

.ssjx__detail-icon{
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    color: #b276ff;
    background: var(--detail-chip);
    border: 1px solid rgba(var(--ssjx-violet-rgb), .28);
    border-radius: 18px;
    box-shadow:
        inset 0 0 18px rgba(var(--ssjx-violet-rgb), .05),
        0 0 16px rgba(var(--ssjx-violet-rgb), .08);
}

.ssjx__detail-icon svg{
    width: 34px;
    height: 34px;
    filter: drop-shadow(0 0 7px rgba(var(--ssjx-violet-rgb), .28));
}

.ssjx__detail-section,.ssjx__detail-kicker,.ssjx__detail-side-label{
    color: #9b6fe8;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ssjx__detail-heading h3{
    margin: 5px 0 0 !important;
    color: var(--detail-text) !important;
    font-size: clamp(27px, 3vw, 42px) !important;
    font-weight: 650 !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    text-wrap: balance;
}

.ssjx__detail-summary{
    max-width: 690px;
    margin: 21px 0 13px !important;
    color: var(--detail-soft) !important;
    font-size: clamp(16px, 1.35vw, 20px) !important;
    line-height: 1.45 !important;
}

.ssjx__detail-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.ssjx__detail-tags span{
    padding: 7px 10px;
    color: #a87ce9;
    background: var(--detail-chip);
    border: 1px solid rgba(var(--ssjx-violet-rgb), .17);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 750;
}

.ssjx__detail-block{
    margin-top: clamp(26px, 3vw, 38px);
    padding-top: 22px;
    border-top: 1px solid var(--detail-line);
}

.ssjx__detail-body{
    display: grid;
    gap: 13px;
    margin-top: 13px;
}

.ssjx__detail-body p{
    margin: 0 !important;
    color: var(--detail-soft) !important;
    font-size: clamp(14px, 1.03vw, 16px) !important;
    line-height: 1.63 !important;
}

.ssjx__detail-body p:first-child{
    color: var(--detail-text) !important;
    font-weight: 600;
}

.ssjx__detail-value-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 13px;
}

.ssjx__detail-value-grid div{
    min-height: 96px;
    padding: 14px;
    background: var(--detail-panel-soft);
    border: 1px solid var(--detail-line);
    border-radius: 14px;
}

.ssjx__detail-value-grid strong{
    display: block;
    color: var(--detail-text);
    font-size: 12px;
}

.ssjx__detail-value-grid span{
    display: block;
    margin-top: 6px;
    color: var(--detail-muted);
    font-size: 10px;
    line-height: 1.45;
}

.ssjx__detail-side{
    display: grid;
    align-content: start;
    gap: 11px;
}

.ssjx__detail-side-card{
    padding: 18px;
    color: var(--detail-text);
    background: var(--detail-panel);
    border: 1px solid var(--detail-line);
    border-radius: 17px;
}

.ssjx__detail-side-card h4{
    margin: 8px 0 8px !important;
    color: var(--detail-text) !important;
    font-size: 17px !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
}

.ssjx__detail-side-card p{
    margin: 0 0 15px !important;
    color: var(--detail-muted) !important;
    font-size: 11px !important;
    line-height: 1.52 !important;
}

.ssjx__detail-canvas[data-ssjx-reading="light"] .ssjx__button--ghost{
    color: #363746 !important;
    background: #fff !important;
    border-color: rgba(63, 66, 91, .16) !important;
}

.ssjx__journey-panel{
    position: relative;
    z-index: 2;
    width: min(1180px, 100%);
    max-height: min(93vh, 930px);
    max-height: min(93dvh, 930px);
    overflow: auto;
    color: #f4f5fb;
    background:
        radial-gradient(circle at 8% 4%, rgba(var(--ssjx-violet-rgb), .10), transparent 25%),
        radial-gradient(circle at 93% 0%, rgba(var(--ssjx-blue-rgb), .07), transparent 21%),
        #080b14;
    border: 1px solid rgba(var(--ssjx-violet-rgb), .24);
    border-radius: 25px;
    box-shadow:
        0 30px 100px rgba(0, 0, 0, .54),
        0 0 40px rgba(var(--ssjx-violet-rgb), .06);
    opacity: 0;
    transform: translateY(22px) scale(.975);
    transition: opacity 280ms ease, transform 360ms var(--ssjx-ease);
}

.ssjx__modal.is-open .ssjx__journey-panel{
    opacity: 1;
    transform: translateY(0) scale(1);
}

.ssjx__journey-head{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    padding: clamp(22px, 3vw, 38px) clamp(22px, 3vw, 40px) 20px;
    border-bottom: 1px solid rgba(178, 188, 219, .11);
}

.ssjx__journey-head h3{
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(28px, 3vw, 43px) !important;
    font-weight: 620 !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
}

.ssjx__journey-head p{
    max-width: 700px;
    margin: 9px 0 0 !important;
    color: #8f96aa !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.ssjx__journey-progress{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 720px;
    margin: 18px auto 0;
    padding: 0 28px;
    color: #727a90;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ssjx__journey-progress span{
    position: relative;
    display: grid;
    grid-template-columns: 15px 1fr;
    align-items: center;
    gap: 7px;
}

.ssjx__journey-progress span:not(:last-child)::after{
    position: absolute;
    left: 13px;
    right: 9px;
    top: 6px;
    height: 1px;
    content: "";
    background: rgba(150, 161, 195, .17);
}

.ssjx__journey-progress i{
    position: relative;
    z-index: 2;
    width: 12px;
    height: 12px;
    background: #0a0d16;
    border: 1px solid rgba(143, 153, 187, .35);
    border-radius: 50%;
}

.ssjx__journey-progress .is-done,.ssjx__journey-progress .is-active{
    color: #cbb5ee;
}

.ssjx__journey-progress .is-done i,.ssjx__journey-progress .is-active i{
    border-color: rgba(var(--ssjx-violet-rgb), .75);
    box-shadow: 0 0 8px rgba(var(--ssjx-violet-rgb), .25);
}

.ssjx__journey-progress .is-done i{
    background: var(--ssjx-violet);
}

.ssjx__journey-layout{
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
    gap: clamp(14px, 2vw, 22px);
    padding: clamp(22px, 3vw, 36px) clamp(22px, 3vw, 40px);
}

.ssjx__journey-saved,.ssjx__journey-value{
    min-width: 0;
    padding: clamp(16px, 2vw, 22px);
    background: rgba(13, 16, 29, .72);
    border: 1px solid rgba(171, 182, 215, .12);
    border-radius: 18px;
}

.ssjx__journey-section-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.ssjx__journey-section-head > div{
    display: grid;
}

.ssjx__journey-section-head span,.ssjx__journey-value-head span,.ssjx__journey-export-label{
    color: #8c76aa;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ssjx__journey-section-head strong,.ssjx__journey-value-head strong{
    margin-top: 4px;
    color: #eef0f7;
    font-size: 14px;
}

.ssjx__journey-section-head button,.ssjx__journey-section-head button:hover,.ssjx__journey-section-head button:focus,.ssjx__journey-section-head button:active{
    margin: 0;
    padding: 7px 9px;
    color: #777f94 !important;
    background: transparent !important;
    border: 1px solid rgba(151, 161, 194, .14) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 9px;
    cursor: pointer;
}

.ssjx__journey-empty{
    display: grid;
    place-items: center;
    min-height: 270px;
    padding: 24px;
    text-align: center;
    border: 1px dashed rgba(var(--ssjx-violet-rgb), .20);
    border-radius: 15px;
}

.ssjx__journey-empty[hidden]{
    display: none !important;
}

.ssjx__journey-empty > span{
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    margin-bottom: 12px;
    color: #bd82ff;
    border: 1px solid rgba(var(--ssjx-violet-rgb), .30);
    border-radius: 18px;
    box-shadow: 0 0 20px rgba(var(--ssjx-violet-rgb), .08);
}

.ssjx__journey-empty > span svg{
    width: 31px;
    height: 31px;
}

.ssjx__journey-empty h4{
    margin: 0 !important;
    color: #f1f2f8 !important;
    font-size: 17px !important;
}

.ssjx__journey-empty p{
    max-width: 390px;
    margin: 8px 0 16px !important;
    color: #7e879b !important;
    font-size: 11px !important;
    line-height: 1.52 !important;
}

.ssjx__journey-list{
    display: grid;
    gap: 8px;
    max-height: 390px;
    overflow: auto;
    padding-right: 3px;
}

.ssjx__journey-list[hidden]{
    display: none !important;
}

.ssjx__journey-item{
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 30px;
    align-items: center;
    gap: 11px;
    padding: 10px;
    background: rgba(7, 9, 17, .80);
    border: 1px solid rgba(157, 169, 205, .12);
    border-radius: 13px;
}

.ssjx__journey-item-icon{
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #be83ff;
    border: 1px solid rgba(var(--ssjx-violet-rgb), .24);
    border-radius: 11px;
}

.ssjx__journey-item-icon svg{
    width: 23px;
    height: 23px;
}

.ssjx__journey-item-copy{
    display: grid;
    min-width: 0;
}

.ssjx__journey-item-copy small{
    color: #746a86;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ssjx__journey-item-copy strong{
    margin-top: 2px;
    color: #e6e8f1;
    font-size: 11px;
    line-height: 1.2;
}

.ssjx__journey-item-copy > span{
    margin-top: 3px;
    color: #747d92;
    font-size: 9px;
    line-height: 1.32;
}

.ssjx__journey-item > button,.ssjx__journey-item > button:hover,.ssjx__journey-item > button:focus,.ssjx__journey-item > button:active{
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    color: #817e8d !important;
    background: transparent !important;
    border: 1px solid rgba(159, 169, 199, .14) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    cursor: pointer;
}

.ssjx__journey-item > button svg{
    width: 14px;
    height: 14px;
}

.ssjx__journey-value-head{
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
}

.ssjx__journey-value-icon{
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    color: #c084ff;
    border: 1px solid rgba(var(--ssjx-violet-rgb), .27);
    border-radius: 13px;
}

.ssjx__journey-value-icon svg{
    width: 24px;
    height: 24px;
}

.ssjx__journey-value-copy{
    margin: 13px 0 15px !important;
    color: #80899d !important;
    font-size: 10px !important;
    line-height: 1.52 !important;
}

.ssjx__estimate-inputs{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.ssjx__estimate-inputs label{
    display: grid;
    align-content: start;
    gap: 7px;
    padding: 11px;
    background: rgba(5, 7, 14, .70);
    border: 1px solid rgba(160, 171, 204, .11);
    border-radius: 12px;
}

.ssjx__estimate-inputs label > span{
    min-height: 28px;
    color: #838b9e;
    font-size: 9px;
    line-height: 1.35;
}

.ssjx__estimate-inputs label > div{
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 0 10px;
    gap: 6px;
    background: #090c15;
    border: 1px solid rgba(var(--ssjx-violet-rgb), .20);
    border-radius: 9px;
}

.ssjx__estimate-inputs input,.ssjx__estimate-inputs input:hover,.ssjx__estimate-inputs input:focus{
    min-width: 0;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0;
    color: #f4f5fb;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0;
    font-size: 17px;
    font-weight: 750;
    -moz-appearance: textfield;
}

.ssjx__estimate-inputs input::-webkit-outer-spin-button,.ssjx__estimate-inputs input::-webkit-inner-spin-button{
    margin: 0;
    -webkit-appearance: none;
}

.ssjx__estimate-inputs label > div small{
    color: #777f93;
    font-size: 9px;
}

.ssjx__estimate-results{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 9px;
}

.ssjx__estimate-results > div{
    min-height: 86px;
    padding: 11px;
    background:
        linear-gradient(145deg, rgba(var(--ssjx-violet-rgb), .055), rgba(6, 8, 15, .74));
    border: 1px solid rgba(var(--ssjx-violet-rgb), .16);
    border-radius: 12px;
}

.ssjx__estimate-results span,.ssjx__estimate-results small{
    display: block;
    color: #787f92;
    font-size: 8px;
}

.ssjx__estimate-results strong{
    display: block;
    margin: 6px 0 3px;
    color: #deb2ff;
    font-size: clamp(19px, 2vw, 26px);
    line-height: 1;
}

.ssjx__estimate-note{
    margin-top: 9px;
    padding: 10px 11px;
    color: #6f778a;
    background: rgba(255, 255, 255, .018);
    border-left: 2px solid rgba(var(--ssjx-violet-rgb), .36);
    font-size: 8px;
    line-height: 1.45;
}

.ssjx__journey-footer{
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(310px, .72fr);
    align-items: center;
    gap: clamp(20px, 3vw, 42px);
    padding: 0 clamp(22px, 3vw, 40px) clamp(28px, 3vw, 40px);
}

.ssjx__journey-pdf-preview{
    display: flex;
    align-items: flex-end;
    min-height: 200px;
    padding: 18px;
    gap: 15px;
    overflow: hidden;
    background: rgba(9, 12, 22, .64);
    border: 1px solid rgba(158, 170, 207, .11);
    border-radius: 18px;
}

.ssjx__journey-pdf-cover,.ssjx__journey-pdf-page{
    position: relative;
    flex: 0 0 auto;
    width: 120px;
    aspect-ratio: .707;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .32);
}

.ssjx__journey-pdf-cover{
    padding: 13px 12px;
    color: #fff;
    background:
        radial-gradient(circle at 80% 18%, rgba(var(--ssjx-blue-rgb), .16), transparent 25%),
        #050817;
    border: 1px solid rgba(var(--ssjx-violet-rgb), .28);
}

.ssjx__journey-pdf-cover::before,.ssjx__journey-pdf-cover::after{
    position: absolute;
    width: 170px;
    height: 75px;
    content: "";
    border: 1px solid rgba(var(--ssjx-violet-rgb), .70);
    border-radius: 50%;
    filter: drop-shadow(0 0 7px rgba(var(--ssjx-violet-rgb), .35));
    transform: rotate(-23deg);
}

.ssjx__journey-pdf-cover::before{
    right: -58px;
    bottom: 35px;
}

.ssjx__journey-pdf-cover::after{
    right: -46px;
    bottom: 55px;
    border-color: rgba(var(--ssjx-pink-rgb), .48);
    transform: rotate(27deg);
}

.ssjx__journey-pdf-cover > span{
    color: #bea4e8;
    font-size: 7px;
    font-weight: 800;
}

.ssjx__journey-pdf-cover strong{
    position: relative;
    z-index: 2;
    display: block;
    margin-top: 22px;
    font-size: 18px;
    font-weight: 500;
    line-height: .95;
    letter-spacing: -.04em;
}

.ssjx__journey-pdf-cover small{
    position: absolute;
    z-index: 2;
    left: 12px;
    bottom: 12px;
    max-width: 78px;
    color: #868ca2;
    font-size: 5px;
    line-height: 1.35;
}

.ssjx__journey-pdf-page{
    width: 132px;
    padding: 14px 12px;
    color: #1c2030;
    background: #f8f8fc;
    border: 1px solid rgba(255, 255, 255, .8);
}

.ssjx__journey-pdf-page span,.ssjx__journey-pdf-page strong{
    display: block;
    font-size: 7px;
}

.ssjx__journey-pdf-page i,.ssjx__journey-pdf-page b{
    display: block;
    height: 5px;
    margin-top: 8px;
    background: #e7e4f2;
    border-radius: 2px;
}

.ssjx__journey-pdf-page i:nth-of-type(2){ width: 82%; }
.ssjx__journey-pdf-page i:nth-of-type(3){ width: 66%; }
.ssjx__journey-pdf-page i:nth-of-type(4){ width: 88%; }
.ssjx__journey-pdf-page strong{ margin-top: 18px; color: #7b54c5; }
.ssjx__journey-pdf-page b{ height: 18px; background: #f0ebfa; }

.ssjx__journey-export{
    display: grid;
    align-content: center;
    gap: 11px;
}

.ssjx__socials{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.ssjx__socials button,.ssjx__socials button:hover,.ssjx__socials button:focus,.ssjx__socials button:active{
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    color: #cda4ff !important;
    background: #0b0e19 !important;
    border: 1px solid rgba(var(--ssjx-violet-rgb), .28) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px rgba(var(--ssjx-violet-rgb), .06) !important;
    font-size: 10px;
    font-weight: 850;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.ssjx__socials button svg{
    width: 14px;
    height: 14px;
}

.ssjx__socials button:hover{
    border-color: rgba(var(--ssjx-pink-rgb), .60) !important;
    box-shadow: 0 0 16px rgba(var(--ssjx-pink-rgb), .13) !important;
}

.ssjx__share-status{
    min-height: 16px;
    color: #a88bcf;
    font-size: 9px;
}

.ssjx__mobile-bar{
    display: none;
}

.ssjx{
    border-color: rgba(187, 199, 238, .30);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        inset 0 0 0 1px rgba(111, 128, 178, .035),
        0 0 0 1px rgba(var(--ssjx-violet-rgb), .035),
        0 24px 70px rgba(0, 0, 0, .30);
}

.ssjx__group,.ssjx__value-strip,.ssjx__preview,.ssjx__detail-canvas,.ssjx__journey-panel,.ssjx__journey-saved,.ssjx__journey-value,.ssjx__journey-pdf-preview{
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .055),
        inset 0 0 0 1px rgba(198, 208, 238, .028),
        0 14px 34px rgba(0, 0, 0, .20);
}

.ssjx__group{
    border-color: rgba(var(--ssjx-group-rgb), .42);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .065),
        inset 0 0 0 1px rgba(var(--ssjx-group-rgb), .055),
        0 14px 34px rgba(0, 0, 0, .20),
        0 0 24px rgba(var(--ssjx-group-rgb), .035);
}

.ssjx__group::before{
    height: 2px;
    opacity: .92;
    box-shadow: 0 0 13px rgba(var(--ssjx-group-rgb), .50);
}

.ssjx__group-symbol{
    background: rgba(var(--ssjx-group-rgb), .075);
    border-color: rgba(var(--ssjx-group-rgb), .56);
    box-shadow:
        inset 0 0 16px rgba(var(--ssjx-group-rgb), .075),
        0 0 12px rgba(var(--ssjx-group-rgb), .055);
}

.ssjx__card{
    background:
        linear-gradient(155deg, rgba(18, 22, 39, .97), rgba(7, 9, 18, .995));
    border-color: rgba(176, 188, 224, .34);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        inset 0 0 0 1px rgba(109, 124, 168, .035),
        0 5px 14px rgba(0, 0, 0, .14);
}

.ssjx__card::before{
    background:
        radial-gradient(circle at 50% -8%, rgba(var(--ssjx-group-rgb), .22), transparent 58%),
        linear-gradient(135deg, rgba(var(--ssjx-group-rgb), .11), transparent 42% 68%, rgba(var(--ssjx-group-rgb), .055));
}

.ssjx__card:hover{
    background:
        radial-gradient(circle at 50% -10%, rgba(var(--ssjx-group-rgb), .19), transparent 61%),
        linear-gradient(155deg, rgba(27, 31, 51, .98), rgba(9, 12, 23, .995));
    border-color: rgba(var(--ssjx-group-rgb), .72);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        inset 0 0 24px rgba(var(--ssjx-group-rgb), .045),
        0 0 0 1px rgba(var(--ssjx-group-rgb), .09),
        0 9px 24px rgba(0, 0, 0, .25),
        0 0 23px rgba(var(--ssjx-group-rgb), .14);
}

.ssjx__card.is-active{
    background:
        radial-gradient(circle at 50% -12%, rgba(var(--ssjx-group-rgb), .30), transparent 60%),
        linear-gradient(145deg, rgba(var(--ssjx-group-rgb), .14), rgba(18, 18, 37, .985) 45%, rgba(8, 10, 20, .995));
    border-color: rgba(var(--ssjx-group-rgb), .96);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .13),
        inset 0 0 30px rgba(var(--ssjx-group-rgb), .095),
        0 0 0 1px rgba(var(--ssjx-group-rgb), .22),
        0 0 26px rgba(var(--ssjx-group-rgb), .24),
        0 10px 26px rgba(0, 0, 0, .26);
}

.ssjx__card.is-saved:not(.is-active){
    background:
        radial-gradient(circle at 86% 8%, rgba(var(--ssjx-pink-rgb), .105), transparent 32%),
        linear-gradient(155deg, rgba(21, 22, 40, .97), rgba(7, 9, 18, .995));
    border-color: rgba(var(--ssjx-pink-rgb), .48);
}

.ssjx__card-icon{
    background: rgba(var(--ssjx-group-rgb), .045);
    border-color: rgba(var(--ssjx-group-rgb), .40);
    box-shadow: inset 0 0 12px rgba(var(--ssjx-group-rgb), .04);
}

.ssjx__card:hover .ssjx__card-icon{
    background: rgba(var(--ssjx-group-rgb), .10);
    border-color: rgba(var(--ssjx-group-rgb), .78);
    box-shadow:
        inset 0 0 15px rgba(var(--ssjx-group-rgb), .10),
        0 0 17px rgba(var(--ssjx-group-rgb), .18);
}

.ssjx__card.is-active .ssjx__card-icon{
    background: rgba(var(--ssjx-group-rgb), .16);
    border-color: rgba(var(--ssjx-group-rgb), .96);
    box-shadow:
        inset 0 0 18px rgba(var(--ssjx-group-rgb), .15),
        0 0 19px rgba(var(--ssjx-group-rgb), .24);
}

.ssjx__card-save,.ssjx__card-save:hover,.ssjx__card-save:focus,.ssjx__card-save:active{
    background: rgba(5, 7, 15, .90) !important;
    border-color: rgba(183, 195, 229, .34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    opacity: .84;
}

.ssjx__card-save:hover,.ssjx__card-save:focus-visible{
    color: #f0a0e1 !important;
    background: rgba(var(--ssjx-pink-rgb), .09) !important;
    border-color: rgba(var(--ssjx-pink-rgb), .70) !important;
    box-shadow: 0 0 14px rgba(var(--ssjx-pink-rgb), .16) !important;
}

.ssjx__card-save.is-saved{
    background: rgba(var(--ssjx-pink-rgb), .13) !important;
    border-color: rgba(var(--ssjx-pink-rgb), .82) !important;
    box-shadow:
        inset 0 0 11px rgba(var(--ssjx-pink-rgb), .08),
        0 0 15px rgba(var(--ssjx-pink-rgb), .19) !important;
}

.ssjx__journey-launch,.ssjx__journey-launch:hover,.ssjx__journey-launch:focus,.ssjx__journey-launch:active{
    border-color: rgba(var(--ssjx-violet-rgb), .58) !important;
}

.ssjx__journey-launch-icon,.ssjx__value-chip > span,.ssjx__detail-icon,.ssjx__journey-empty > span,.ssjx__journey-item-icon,.ssjx__journey-value-icon{
    border-color: rgba(var(--ssjx-violet-rgb), .52);
}

.ssjx__preview{
    border-color: rgba(var(--ssjx-preview-rgb), .56);
}

.ssjx__preview-close,.ssjx__preview-close:hover,.ssjx__preview-close:focus,.ssjx__preview-close:active,.ssjx__journey-section-head button,.ssjx__journey-section-head button:hover,.ssjx__journey-section-head button:focus,.ssjx__journey-section-head button:active,.ssjx__journey-item > button,.ssjx__journey-item > button:hover,.ssjx__journey-item > button:focus,.ssjx__journey-item > button:active{
    border-color: rgba(184, 195, 228, .32) !important;
}

.ssjx__preview-points li,.ssjx__value-strip,.ssjx__journey-saved,.ssjx__journey-value,.ssjx__journey-item,.ssjx__estimate-inputs label,.ssjx__journey-pdf-preview{
    border-color: rgba(177, 189, 224, .28);
}

.ssjx__button:not(.ssjx__button--primary):not(.ssjx__button--ghost),.ssjx__button:not(.ssjx__button--primary):not(.ssjx__button--ghost):focus,.ssjx__button:not(.ssjx__button--primary):not(.ssjx__button--ghost):active{
    border-color: rgba(185, 197, 231, .36) !important;
}

.ssjx__button:not(.ssjx__button--primary):not(.ssjx__button--ghost):hover{
    background: rgba(25, 29, 48, .96) !important;
    border-color: rgba(var(--ssjx-violet-rgb), .66) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 0 16px rgba(var(--ssjx-violet-rgb), .10) !important;
}

.ssjx__detail-canvas{
    --detail-line: rgba(190, 201, 231, .28);
    border-color: rgba(var(--ssjx-violet-rgb), .46);
    box-shadow:
        0 28px 90px var(--detail-shadow),
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 0 0 1px rgba(198, 208, 238, .035),
        0 0 42px rgba(var(--ssjx-violet-rgb), .10);
}

.ssjx__detail-canvas[data-ssjx-reading="light"]{
    --detail-line: rgba(60, 66, 91, .18);
    border-color: rgba(139, 91, 224, .40);
}

.ssjx__detail-tags span{
    border-color: rgba(var(--ssjx-violet-rgb), .38);
}

.ssjx__detail-value-grid div,.ssjx__detail-side-card{
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.ssjx__journey-panel{
    border-color: rgba(var(--ssjx-violet-rgb), .46);
    box-shadow:
        0 30px 100px rgba(0, 0, 0, .56),
        inset 0 1px 0 rgba(255, 255, 255, .055),
        0 0 0 1px rgba(192, 202, 235, .028),
        0 0 42px rgba(var(--ssjx-violet-rgb), .09);
}

.ssjx__journey-head{
    border-bottom-color: rgba(183, 194, 226, .24);
}

.ssjx__journey-empty{
    border-color: rgba(var(--ssjx-violet-rgb), .38);
}

.ssjx__estimate-inputs label > div{
    border-color: rgba(var(--ssjx-violet-rgb), .40);
}

.ssjx__estimate-results > div{
    border-color: rgba(var(--ssjx-violet-rgb), .34);
}

.ssjx__journey-pdf-cover,.ssjx__socials button,.ssjx__socials button:hover,.ssjx__socials button:focus,.ssjx__socials button:active{
    border-color: rgba(var(--ssjx-violet-rgb), .46) !important;
}

.ssjx__card:focus-within{
    border-color: rgba(var(--ssjx-group-rgb), .84);
}

@media (hover: none), (pointer: coarse){
     
    .ssjx__card.is-active{
        background:
            radial-gradient(circle at 50% -12%, rgba(var(--ssjx-group-rgb), .30), transparent 60%),
            linear-gradient(145deg, rgba(var(--ssjx-group-rgb), .14), rgba(18, 18, 37, .985) 45%, rgba(8, 10, 20, .995));
    }
}

@media (max-width: 1180px){
    .ssjx__grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ssjx__card--last{
        grid-column: 1 / -1;
    }

    .ssjx__card-title{
        font-size: 11px;
    }

    .ssjx__value-strip{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .ssjx__value-intro{
        grid-column: 1 / -1;
        border-right: 0;
        border-bottom: 1px solid rgba(164, 174, 207, .12);
    }

    .ssjx__journey-layout{
        grid-template-columns: 1fr;
    }

    .ssjx__journey-list{
        max-height: 300px;
    }
}

@media (max-width: 920px){
    .ssjx__groups{
        grid-template-columns: 1fr;
    }

    .ssjx__grid{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .ssjx__detail-layout{
        grid-template-columns: 1fr;
    }

    .ssjx__detail-side{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ssjx__journey-footer{
        grid-template-columns: 1fr;
    }

    .ssjx__journey-pdf-preview{
        min-height: 185px;
    }
}

@media (max-width: 720px){
    .ssjx{
        margin: 0 auto;
        padding: 20px 11px 88px;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .ssjx__intro{
        grid-template-columns: 1fr;
        align-items: start;
        gap: 14px;
    }

    .ssjx__intro-actions{
        display: none;
    }

    .ssjx__title{
        font-size: clamp(31px, 9.6vw, 43px) !important;
    }

    .ssjx__lede{
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .ssjx__progress-line{
        --ssjx-step-node: 25px;
        --ssjx-step-gap: 6px;
        width: 100%;
        margin-bottom: 19px;
        font-size: 8px;
        letter-spacing: .055em;
    }

    .ssjx__progress-line span{
        gap: var(--ssjx-step-gap);
    }

    .ssjx__progress-line span:not(:last-child)::after{
        left: calc(var(--ssjx-step-node) + var(--ssjx-step-gap) + var(--ssjx-step-label-width) + 7px);
        right: 6px;
        height: 1.5px;
    }

    .ssjx__progress-line i{
        width: var(--ssjx-step-node);
        height: var(--ssjx-step-node);
        min-width: var(--ssjx-step-node);
        min-height: var(--ssjx-step-node);
        font-size: 9px;
    }

    .ssjx__group{
        padding: 12px;
        border-radius: 20px;
    }

    .ssjx__group-head{
        grid-template-columns: 40px minmax(0, 1fr);
        margin-bottom: 11px;
    }

    .ssjx__group-symbol{
        width: 40px;
        height: 40px;
    }

    .ssjx__group-head h3{
        font-size: 17px !important;
    }

    .ssjx__group-head p{
        font-size: 9px !important;
    }

    .ssjx__grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .ssjx__card{
        min-height: 116px;
        border-radius: 15px;
    }

    .ssjx__card--last{
        min-height: 76px;
    }

    .ssjx__card-main{
        grid-template-rows: 40px minmax(0, 1fr);
        gap: 7px;
        padding: 13px 8px 10px;
    }

    .ssjx__card-main .ssjx__card-arrow{
        display: none;
    }

    .ssjx__card--last .ssjx__card-main{
        grid-template-columns: 48px minmax(0, 1fr) 24px;
        grid-template-rows: 1fr;
        min-height: 76px;
        padding: 9px 44px 9px 10px;
    }

    .ssjx__card-icon{
        width: 40px;
        height: 40px;
    }

    .ssjx__card-title{
        max-width: 150px;
        font-size: 10.5px;
        line-height: 1.22;
    }

    .ssjx__card-save{
        top: 6px;
        right: 6px;
    }

    .ssjx__preview{
        position: fixed;
        z-index: 1000008;
        left: 7px;
        right: 7px;
        bottom: max(7px, env(safe-area-inset-bottom));
        display: grid;
        grid-template-columns: 72px minmax(0, 1fr);
        max-height: min(74vh, 620px) !important;
        margin: 0 !important;
        overflow: auto;
        border-radius: 20px;
        opacity: 0;
        transform: translate3d(0, calc(100% + 24px), 0) scale(.985);
        transform-origin: 50% 100%;
        transition:
            opacity 300ms ease,
            transform 520ms cubic-bezier(.16, .78, .20, 1),
            box-shadow 420ms ease;
        will-change: transform, opacity;
    }

    .ssjx__preview.is-open{
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .055),
            0 -8px 38px rgba(0, 0, 0, .38),
            0 0 34px rgba(var(--ssjx-preview-rgb), .14);
    }

    .ssjx__preview-icon{
        min-height: 100%;
    }

    .ssjx__preview-icon svg{
        width: 44px;
        height: 44px;
    }

    .ssjx__preview-copy{
        padding: 16px 13px 16px;
    }

    .ssjx__preview h3{
        font-size: 22px !important;
    }

    .ssjx__preview-summary{
        font-size: 12.5px !important;
    }

    .ssjx__preview-points{
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .ssjx__preview-points li{
        min-height: 0;
        font-size: 10px;
    }

    .ssjx__preview-actions{
        display: grid;
        grid-template-columns: 1fr;
    }

    .ssjx__value-strip{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-bottom: 0;
    }

    .ssjx__value-chip{
        min-height: 78px;
        border-bottom: 1px solid rgba(164, 174, 207, .08);
    }

    .ssjx__modal{
        align-items: end;
        padding: 0;
    }

    .ssjx__modal-backdrop{
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .ssjx__detail-canvas,.ssjx__journey-panel{
        width: 100%;
        max-height: 96vh;
        max-height: 96dvh;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 22px 22px 0 0;
        transform: translateY(100%);
    }

    .ssjx__modal.is-open .ssjx__detail-canvas,.ssjx__modal.is-open .ssjx__journey-panel{
        transform: translateY(0);
    }

    .ssjx__detail-toolbar{
        padding: 10px 11px;
    }

    .ssjx__detail-back span,.ssjx__reading-toggle span{
        display: none;
    }

    .ssjx__detail-back,.ssjx__reading-toggle{
        width: 38px;
        padding: 0;
        justify-content: center;
    }

    .ssjx__detail-layout{
        padding: 20px 15px 28px;
        gap: 20px;
    }

    .ssjx__detail-heading{
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 12px;
    }

    .ssjx__detail-icon{
        width: 54px;
        height: 54px;
        border-radius: 15px;
    }

    .ssjx__detail-icon svg{
        width: 28px;
        height: 28px;
    }

    .ssjx__detail-heading h3{
        font-size: clamp(26px, 8vw, 35px) !important;
    }

    .ssjx__detail-summary{
        margin-top: 17px !important;
        font-size: 15px !important;
    }

    .ssjx__detail-side{
        grid-template-columns: 1fr;
    }

    .ssjx__detail-value-grid{
        grid-template-columns: 1fr;
    }

    .ssjx__journey-head{
        padding: 20px 15px 16px;
    }

    .ssjx__journey-head h3{
        font-size: 30px !important;
    }

    .ssjx__journey-progress{
        padding: 0 15px;
        font-size: 7px;
    }

    .ssjx__journey-layout{
        padding: 18px 12px;
    }

    .ssjx__estimate-inputs,.ssjx__estimate-results{
        grid-template-columns: 1fr 1fr;
    }

    .ssjx__journey-footer{
        padding: 0 12px 24px;
    }

    .ssjx__journey-pdf-preview{
        min-height: 175px;
        justify-content: center;
    }

    .ssjx__journey-export-buttons{
        display: grid;
        grid-template-columns: 1fr;
    }

    .ssjx__mobile-bar{
        position: fixed;
        z-index: 1000005;
        left: 50%;
        bottom: max(8px, env(safe-area-inset-bottom));
        display: grid;
        grid-template-columns: repeat(2, 92px);
        width: auto;
        padding: 5px;
        gap: 4px;
        background: rgba(7, 9, 17, .92);
        border: 1px solid rgba(167, 178, 213, .18);
        border-radius: 17px;
        box-shadow: 0 10px 35px rgba(0, 0, 0, .48), 0 0 18px rgba(var(--ssjx-violet-rgb), .07);
        backdrop-filter: blur(13px);
        -webkit-backdrop-filter: blur(13px);
        transform: translateX(-50%);
    }

    .ssjx__mobile-bar button,.ssjx__mobile-bar button:hover,.ssjx__mobile-bar button:focus,.ssjx__mobile-bar button:active{
        position: relative;
        display: grid;
        grid-template-columns: 22px auto;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        margin: 0;
        padding: 6px 8px;
        gap: 5px;
        color: #8c94a8 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        cursor: pointer;
    }

    .ssjx__mobile-bar button.is-active,.ssjx__mobile-bar button:last-child{
        color: #cba1ff !important;
        background: rgba(var(--ssjx-violet-rgb), .07) !important;
    }

    .ssjx__mobile-bar span,.ssjx__mobile-bar span svg{
        width: 19px;
        height: 19px;
    }

    .ssjx__mobile-bar small{
        font-size: 9px;
        font-weight: 800;
    }

    .ssjx__mobile-bar b{
        position: absolute;
        top: 3px;
        right: 5px;
        display: grid;
        place-items: center;
        min-width: 16px;
        height: 16px;
        padding: 0 3px;
        color: #09060d;
        background: #dc8fff;
        border-radius: 999px;
        font-size: 8px;
    }
}

@media (max-width: 430px){
    .ssjx__title{
        font-size: clamp(29px, 10.4vw, 38px) !important;
    }

    .ssjx__progress-line span{
        font-size: 7px;
        letter-spacing: .04em;
    }

    .ssjx__card{
        min-height: 109px;
    }

    .ssjx__card-title{
        font-size: 9.7px;
    }

    .ssjx__value-strip{
        grid-template-columns: 1fr;
    }

    .ssjx__value-chip{
        border-right: 0;
    }

    .ssjx__estimate-inputs,.ssjx__estimate-results{
        grid-template-columns: 1fr;
    }

    .ssjx__journey-item{
        grid-template-columns: 38px minmax(0, 1fr) 28px;
    }

    .ssjx__journey-item-icon{
        width: 38px;
        height: 38px;
    }

    .ssjx__journey-pdf-cover{
        width: 108px;
    }

    .ssjx__journey-pdf-page{
        width: 118px;
    }
}

.ssjx__group-head{
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 13px;
}

.ssjx__group-symbol.ssjx__group-symbol--asset{
    width: 60px;
    height: 60px;
    overflow: visible;
    background:
        radial-gradient(circle at 50% 48%, rgba(var(--ssjx-group-rgb), .13), transparent 68%),
        rgba(7, 10, 20, .58);
    border-color: rgba(var(--ssjx-group-rgb), .58);
    border-radius: 17px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        inset 0 0 18px rgba(var(--ssjx-group-rgb), .065),
        0 0 18px rgba(var(--ssjx-group-rgb), .085);
}

.ssjx__group-symbol.ssjx__group-symbol--asset img{
    display: block;
    width: 56px;
    height: 56px;
    max-width: none;
    object-fit: contain;
    filter:
        drop-shadow(0 0 5px rgba(var(--ssjx-group-rgb), .34))
        drop-shadow(0 0 13px rgba(var(--ssjx-group-rgb), .14));
    transform: translateZ(0);
}

.ssjx__journey-launch,.ssjx__journey-launch:hover,.ssjx__journey-launch:focus,.ssjx__journey-launch:active{
    grid-template-columns: 52px auto 38px;
    min-width: 244px;
    padding: 10px 12px 10px 10px;
    gap: 11px;
    background:
        radial-gradient(circle at 10% 50%, rgba(var(--ssjx-green-rgb), .10), transparent 34%),
        linear-gradient(145deg, rgba(14, 26, 22, .96), rgba(5, 10, 12, .98)) !important;
    border-color: rgba(var(--ssjx-green-rgb), .48) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        inset 0 0 0 1px rgba(var(--ssjx-green-rgb), .045),
        0 10px 26px rgba(0, 0, 0, .28),
        0 0 24px rgba(var(--ssjx-green-rgb), .075) !important;
}

.ssjx__journey-launch:hover,.ssjx__journey-launch:focus-visible{
    border-color: rgba(var(--ssjx-green-rgb), .88) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .09),
        inset 0 0 20px rgba(var(--ssjx-green-rgb), .045),
        0 12px 30px rgba(0, 0, 0, .30),
        0 0 30px rgba(var(--ssjx-green-rgb), .16) !important;
}

.ssjx__journey-launch-icon.ssjx__journey-launch-icon--asset{
    width: 52px;
    height: 52px;
    overflow: visible;
    color: var(--ssjx-green);
    background: rgba(var(--ssjx-green-rgb), .055);
    border-color: rgba(var(--ssjx-green-rgb), .52);
    border-radius: 14px;
    box-shadow:
        inset 0 0 15px rgba(var(--ssjx-green-rgb), .055),
        0 0 14px rgba(var(--ssjx-green-rgb), .06);
}

.ssjx__journey-launch-icon.ssjx__journey-launch-icon--asset img{
    display: block;
    width: 46px;
    height: 46px;
    object-fit: contain;
    filter: drop-shadow(0 0 6px rgba(var(--ssjx-green-rgb), .28));
}

.ssjx__journey-launch-copy small{
    color: #8baa88;
}

.ssjx__journey-launch-copy strong{
    color: #f4fff0;
}

.ssjx__journey-count{
    width: 36px;
    height: 36px;
    color: #041006;
    background: linear-gradient(145deg, #d7ffc7 0%, var(--ssjx-green) 72%, #54d833 100%);
    border: 1px solid rgba(222, 255, 209, .74);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .52),
        0 0 18px rgba(var(--ssjx-green-rgb), .30);
}

.ssjx__journey-panel{
    background:
        radial-gradient(circle at 8% 4%, rgba(var(--ssjx-green-rgb), .105), transparent 25%),
        radial-gradient(circle at 92% 2%, rgba(99, 214, 255, .055), transparent 22%),
        #080c12;
    border-color: rgba(var(--ssjx-green-rgb), .46);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 30px 100px rgba(0, 0, 0, .56),
        0 0 42px rgba(var(--ssjx-green-rgb), .075);
}

.ssjx__journey-head{
    border-bottom-color: rgba(var(--ssjx-green-rgb), .16);
}

.ssjx__journey-head .ssjx__eyebrow,.ssjx__journey-section-head span,.ssjx__journey-value-head span,.ssjx__journey-export-label{
    color: #a8df99;
}

.ssjx__journey-head .ssjx__eyebrow::before{
    background: linear-gradient(90deg, #4bd52c, var(--ssjx-green), #c9ffb8);
    box-shadow: 0 0 9px rgba(var(--ssjx-green-rgb), .52);
}

.ssjx__journey-head .ssjx__icon-button,.ssjx__journey-head .ssjx__icon-button:hover,.ssjx__journey-head .ssjx__icon-button:focus,.ssjx__journey-head .ssjx__icon-button:active{
    color: #bfffb0 !important;
    border-color: rgba(var(--ssjx-green-rgb), .34) !important;
}

.ssjx__journey-progress .is-done,.ssjx__journey-progress .is-active{
    color: #b8e9aa;
}

.ssjx__journey-progress .is-done i,.ssjx__journey-progress .is-active i{
    border-color: rgba(var(--ssjx-green-rgb), .82);
    box-shadow: 0 0 9px rgba(var(--ssjx-green-rgb), .26);
}

.ssjx__journey-progress .is-done i{
    background: var(--ssjx-green);
}

.ssjx__journey-progress span:not(:last-child)::after{
    height: 2px;
    background: linear-gradient(
        90deg,
        rgba(var(--ssjx-green-rgb), .28) 0%,
        #59de38 16%,
        #6bfa43 50%,
        #80ff60 82%,
        rgba(var(--ssjx-green-rgb), .56) 100%
    );
    border-radius: 999px;
    box-shadow:
        0 0 7px rgba(var(--ssjx-green-rgb), .22),
        0 0 12px rgba(var(--ssjx-green-rgb), .08);
}

.ssjx__journey-progress i{
    display: grid;
    place-items: center;
    margin: 0;
    padding: 0;
    box-shadow:
        0 0 5px rgba(var(--ssjx-green-rgb), .12),
        0 0 10px rgba(var(--ssjx-green-rgb), .06);
}

.ssjx__journey-saved,.ssjx__journey-value,.ssjx__journey-pdf-preview{
    border-color: rgba(var(--ssjx-green-rgb), .22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .055),
        inset 0 0 0 1px rgba(var(--ssjx-green-rgb), .026),
        0 14px 34px rgba(0, 0, 0, .22);
}

.ssjx__journey-empty{
    border-color: rgba(var(--ssjx-green-rgb), .34);
}

.ssjx__journey-empty > span.ssjx__journey-empty-art{
    width: 76px;
    height: 76px;
    overflow: visible;
    color: var(--ssjx-green);
    background: rgba(var(--ssjx-green-rgb), .045);
    border-color: rgba(var(--ssjx-green-rgb), .42);
    border-radius: 20px;
    box-shadow: 0 0 24px rgba(var(--ssjx-green-rgb), .09);
}

.ssjx__journey-empty > span.ssjx__journey-empty-art img{
    display: block;
    width: 70px;
    height: 70px;
    object-fit: contain;
    filter: drop-shadow(0 0 7px rgba(var(--ssjx-green-rgb), .28));
}

.ssjx__journey-item{
    border-color: rgba(var(--ssjx-green-rgb), .16);
}

.ssjx__journey-item-icon,.ssjx__journey-value-icon{
    color: #93ff74;
    background: rgba(var(--ssjx-green-rgb), .035);
    border-color: rgba(var(--ssjx-green-rgb), .34);
    box-shadow: inset 0 0 13px rgba(var(--ssjx-green-rgb), .035);
}

.ssjx__journey-item-copy small{
    color: #789373;
}

.ssjx__estimate-inputs label > div{
    border-color: rgba(var(--ssjx-green-rgb), .28);
}

.ssjx__estimate-inputs label:focus-within > div{
    border-color: rgba(var(--ssjx-green-rgb), .72);
    box-shadow: 0 0 0 2px rgba(var(--ssjx-green-rgb), .055), 0 0 16px rgba(var(--ssjx-green-rgb), .08);
}

.ssjx__estimate-results > div{
    background:
        linear-gradient(145deg, rgba(var(--ssjx-green-rgb), .070), rgba(6, 11, 12, .78));
    border-color: rgba(var(--ssjx-green-rgb), .24);
}

.ssjx__estimate-results strong{
    color: #a7ff8d;
}

.ssjx__estimate-note{
    border-left-color: rgba(var(--ssjx-green-rgb), .62);
}

.ssjx__journey-panel .ssjx__button--primary,.ssjx__journey-panel .ssjx__button--primary:hover,.ssjx__journey-panel .ssjx__button--primary:focus,.ssjx__journey-panel .ssjx__button--primary:active{
    color: #061008 !important;
    background:
        linear-gradient(110deg, #d6ffc7 0%, #8dff6d 35%, var(--ssjx-green) 68%, #4fd832 100%) !important;
    border-color: rgba(222, 255, 210, .86) !important;
    text-shadow: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .50),
        0 0 0 1px rgba(31, 105, 18, .38),
        0 7px 20px rgba(0, 0, 0, .23),
        0 0 20px rgba(var(--ssjx-green-rgb), .18) !important;
}

.ssjx__journey-panel .ssjx__button--primary:hover,.ssjx__journey-panel .ssjx__button--primary:focus-visible{
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .58),
        inset 0 0 18px rgba(255, 255, 255, .10),
        0 0 0 1px rgba(99, 232, 66, .50),
        0 8px 22px rgba(0, 0, 0, .24),
        0 0 28px rgba(var(--ssjx-green-rgb), .28) !important;
}

.ssjx__journey-panel .ssjx__button--ghost,.ssjx__journey-panel .ssjx__button--ghost:hover,.ssjx__journey-panel .ssjx__button--ghost:focus,.ssjx__journey-panel .ssjx__button--ghost:active{
    color: #d4ffca !important;
    border-color: rgba(var(--ssjx-green-rgb), .46) !important;
    background: rgba(var(--ssjx-green-rgb), .035) !important;
}

.ssjx__journey-panel .ssjx__button--ghost:hover,.ssjx__journey-panel .ssjx__button--ghost:focus-visible{
    border-color: rgba(var(--ssjx-green-rgb), .82) !important;
    background: rgba(var(--ssjx-green-rgb), .075) !important;
    box-shadow: 0 0 18px rgba(var(--ssjx-green-rgb), .10) !important;
}

.ssjx__journey-pdf-cover{
    background:
        radial-gradient(circle at 80% 18%, rgba(83, 228, 55, .14), transparent 26%),
        radial-gradient(circle at 12% 82%, rgba(70, 205, 255, .065), transparent 24%),
        #050b0a;
    border-color: rgba(var(--ssjx-green-rgb), .42);
}

.ssjx__journey-pdf-cover::before{
    border-color: rgba(var(--ssjx-green-rgb), .82);
    filter: drop-shadow(0 0 7px rgba(var(--ssjx-green-rgb), .34));
}

.ssjx__journey-pdf-cover::after{
    border-color: rgba(112, 229, 80, .42);
    filter: drop-shadow(0 0 6px rgba(var(--ssjx-green-rgb), .18));
}

.ssjx__journey-pdf-cover > span{
    color: #a7e998;
}

.ssjx__journey-pdf-page strong{
    color: #4a9d35;
}

.ssjx__journey-pdf-page b{
    background: #e8f6e4;
}

.ssjx__socials button,.ssjx__socials button:hover,.ssjx__socials button:focus,.ssjx__socials button:active{
    color: #bdfcaf !important;
    border-color: rgba(var(--ssjx-green-rgb), .32) !important;
    box-shadow: 0 0 10px rgba(var(--ssjx-green-rgb), .045) !important;
}

.ssjx__socials button:hover,.ssjx__socials button:focus-visible{
    border-color: rgba(var(--ssjx-green-rgb), .74) !important;
    box-shadow: 0 0 17px rgba(var(--ssjx-green-rgb), .12) !important;
}

.ssjx__share-status{
    color: #92c887;
}

.ssjx__mobile-bar{
    position: fixed;
    z-index: 1000005;
    left: 50%;
    bottom: max(12px, env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: repeat(2, minmax(132px, auto));
    width: auto;
    max-width: calc(100vw - 22px);
    padding: 6px;
    gap: 5px;
    color: #d8ffd0;
    background:
        radial-gradient(circle at 50% 120%, rgba(var(--ssjx-green-rgb), .11), transparent 56%),
        rgba(5, 11, 13, .93);
    border: 1px solid rgba(var(--ssjx-green-rgb), .40);
    border-radius: 20px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .075),
        inset 0 0 0 1px rgba(var(--ssjx-green-rgb), .035),
        0 14px 42px rgba(0, 0, 0, .52),
        0 0 26px rgba(var(--ssjx-green-rgb), .105);
    backdrop-filter: blur(15px) saturate(1.1);
    -webkit-backdrop-filter: blur(15px) saturate(1.1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(-50%, 20px, 0) scale(.96);
    transform-origin: 50% 100%;
    transition:
        opacity 260ms ease,
        visibility 0s linear 300ms,
        transform 360ms var(--ssjx-ease),
        border-color 220ms ease,
        box-shadow 220ms ease;
}

.ssjx__mobile-bar.is-visible{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(-50%, 0, 0) scale(1);
    transition-delay: 0s;
}

body.ssjx-has-modal .ssjx__mobile-bar{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(-50%, 16px, 0) scale(.97) !important;
}

.ssjx__mobile-bar button,.ssjx__mobile-bar button:hover,.ssjx__mobile-bar button:focus,.ssjx__mobile-bar button:active{
    position: relative;
    display: grid;
    grid-template-columns: 38px auto;
    align-items: center;
    justify-content: center;
    min-width: 132px;
    min-height: 52px;
    margin: 0;
    padding: 6px 14px 6px 10px;
    gap: 7px;
    color: #b7f6a8 !important;
    background: rgba(var(--ssjx-green-rgb), .026) !important;
    border: 1px solid transparent !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    cursor: pointer;
    transform: none !important;
    -webkit-appearance: none;
    appearance: none;
    transition: color 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.ssjx__mobile-bar button.is-active,.ssjx__mobile-bar button:hover,.ssjx__mobile-bar button:focus-visible{
    color: #e0ffd8 !important;
    background:
        linear-gradient(145deg, rgba(var(--ssjx-green-rgb), .115), rgba(var(--ssjx-green-rgb), .045)) !important;
    border-color: rgba(var(--ssjx-green-rgb), .26) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 0 16px rgba(var(--ssjx-green-rgb), .07) !important;
}

.ssjx__mobile-bar-art{
    display: grid !important;
    place-items: center;
    width: 38px !important;
    height: 38px !important;
}

.ssjx__mobile-bar-art img{
    display: block;
    width: 36px;
    height: 36px;
    object-fit: contain;
    filter: drop-shadow(0 0 5px rgba(var(--ssjx-green-rgb), .26));
}

.ssjx__mobile-bar small{
    color: currentColor;
    font-size: 11px;
    font-weight: 820;
    letter-spacing: .01em;
}

.ssjx__mobile-bar b{
    position: absolute;
    top: 4px;
    right: 5px;
    display: grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    color: #041006;
    background: linear-gradient(145deg, #d8ffc9, var(--ssjx-green));
    border: 1px solid rgba(232, 255, 224, .76);
    border-radius: 999px;
    box-shadow: 0 0 12px rgba(var(--ssjx-green-rgb), .22);
    font-size: 8px;
    font-weight: 900;
}

@media (max-width: 720px){
    .ssjx__group-head{
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 11px;
    }

    .ssjx__group-symbol.ssjx__group-symbol--asset{
        width: 52px;
        height: 52px;
        border-radius: 15px;
    }

    .ssjx__group-symbol.ssjx__group-symbol--asset img{
        width: 49px;
        height: 49px;
    }

    .ssjx__mobile-bar{
        bottom: max(8px, env(safe-area-inset-bottom));
        grid-template-columns: repeat(2, minmax(104px, auto));
        max-width: calc(100vw - 14px);
        padding: 5px;
        border-radius: 18px;
    }

    .ssjx__mobile-bar button,.ssjx__mobile-bar button:hover,.ssjx__mobile-bar button:focus,.ssjx__mobile-bar button:active{
        grid-template-columns: 30px auto;
        min-width: 104px;
        min-height: 46px;
        padding: 5px 10px 5px 7px;
        gap: 5px;
        border-radius: 13px !important;
    }

    .ssjx__mobile-bar-art{
        width: 30px !important;
        height: 30px !important;
    }

    .ssjx__mobile-bar-art img{
        width: 29px;
        height: 29px;
    }

    .ssjx__mobile-bar small{
        font-size: 9.5px;
    }

    .ssjx__mobile-bar b{
        top: 3px;
        right: 4px;
        min-width: 16px;
        height: 16px;
        font-size: 7.5px;
    }
}

@media (max-width: 380px){
    .ssjx__mobile-bar{
        grid-template-columns: repeat(2, minmax(94px, auto));
    }

    .ssjx__mobile-bar button,.ssjx__mobile-bar button:hover,.ssjx__mobile-bar button:focus,.ssjx__mobile-bar button:active{
        min-width: 94px;
        padding-right: 7px;
    }
}

.ssjx__mobile-bar{
     
    --ssjx-green: #6bfa43;
    --ssjx-green-rgb: 107, 250, 67;
    --ssjx-ease: cubic-bezier(.16, .78, .20, 1);

    z-index: 2147483000 !important;
    grid-template-columns: repeat(2, minmax(150px, auto));
    max-width: calc(100vw - 28px);
    padding: 9px;
    gap: 8px;
    border-width: 1px;
    border-radius: 24px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    isolation: isolate;
}

.ssjx__mobile-bar,.ssjx__mobile-bar *,.ssjx__mobile-bar *::before,.ssjx__mobile-bar *::after{
    box-sizing: border-box;
}

.ssjx__mobile-bar button,.ssjx__mobile-bar button:hover,.ssjx__mobile-bar button:focus,.ssjx__mobile-bar button:active{
    grid-template-columns: 42px auto;
    min-width: 150px;
    min-height: 62px;
    padding: 9px 19px 9px 12px;
    gap: 10px;
    border-radius: 18px !important;
    line-height: 1;
}

.ssjx__mobile-bar-art{
    width: 42px !important;
    height: 42px !important;
}

.ssjx__mobile-bar-art img{
    width: 40px;
    height: 40px;
}

.ssjx__mobile-bar small{
    font-size: 11.5px;
    line-height: 1.1;
}

.ssjx__mobile-bar b,.ssjx__mobile-bar button b{
    top: 7px;
    right: 7px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-indent: 0 !important;
    transform: none !important;
}

@media (max-width: 720px){
    .ssjx__mobile-bar{
        bottom: max(9px, env(safe-area-inset-bottom));
        grid-template-columns: repeat(2, minmax(112px, auto));
        max-width: calc(100vw - 16px);
        padding: 7px;
        gap: 7px;
        border-radius: 21px;
    }

    .ssjx__mobile-bar button,.ssjx__mobile-bar button:hover,.ssjx__mobile-bar button:focus,.ssjx__mobile-bar button:active{
        grid-template-columns: 34px auto;
        min-width: 112px;
        min-height: 52px;
        padding: 7px 13px 7px 9px;
        gap: 7px;
        border-radius: 15px !important;
    }

    .ssjx__mobile-bar-art{
        width: 34px !important;
        height: 34px !important;
    }

    .ssjx__mobile-bar-art img{
        width: 33px;
        height: 33px;
    }

    .ssjx__mobile-bar small{
        font-size: 10px;
    }

    .ssjx__mobile-bar b,.ssjx__mobile-bar button b{
        top: 5px;
        right: 5px;
        width: 21px !important;
        min-width: 21px !important;
        max-width: 21px !important;
        height: 21px !important;
        min-height: 21px !important;
        font-size: 9px !important;
    }
}

@media (max-width: 380px){
    .ssjx__mobile-bar{
        grid-template-columns: repeat(2, minmax(102px, auto));
        padding: 6px;
        gap: 6px;
    }

    .ssjx__mobile-bar button,.ssjx__mobile-bar button:hover,.ssjx__mobile-bar button:focus,.ssjx__mobile-bar button:active{
        min-width: 102px;
        padding-right: 10px;
    }
}

@media (prefers-reduced-motion: reduce){
    .ssjx__mobile-bar,.ssjx__mobile-bar *{
        animation: none !important;
        transition-duration: .01ms !important;
    }
}

@media (hover: none), (pointer: coarse){
    .ssjx__card:hover,.ssjx__button:hover,.ssjx__journey-launch:hover{
        transform: none;
    }

    .ssjx__card-arrow{
        opacity: .42;
        transform: none;
    }

    .ssjx__card.is-active .ssjx__card-arrow,.ssjx__card:focus-within .ssjx__card-arrow{
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce){
    .ssjx *,.ssjx *::before,.ssjx *::after{
        scroll-behavior: auto !important;
        animation: none !important;
        transition-duration: .01ms !important;
    }
}

.ssjx__group-head{
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 17px;
    margin-bottom: 16px;
}

.ssjx__group-symbol.ssjx__group-symbol--asset{
    display: grid;
    place-items: center;
    width: 86px;
    height: 86px;
    margin: -5px 0 -5px -3px;
    padding: 0;
    overflow: visible;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.ssjx__group-symbol.ssjx__group-symbol--asset img{
    display: block;
    width: 82px;
    height: 82px;
    max-width: none;
    object-fit: contain;
    filter:
        drop-shadow(0 0 7px rgba(var(--ssjx-group-rgb), .44))
        drop-shadow(0 0 19px rgba(var(--ssjx-group-rgb), .18));
    transform: translateZ(0) scale(1.025);
    transform-origin: 50% 50%;
}

.ssjx__journey-launch,.ssjx__journey-launch:hover,.ssjx__journey-launch:focus,.ssjx__journey-launch:active{
    grid-template-columns: 74px auto 38px;
    min-width: 270px;
    min-height: 92px;
    padding: 10px 14px 10px 12px;
    gap: 13px;
}

.ssjx__journey-launch-icon.ssjx__journey-launch-icon--asset{
    display: grid;
    place-items: center;
    width: 74px;
    height: 74px;
    margin: -2px 0 -2px -2px;
    padding: 0;
    overflow: visible;
    color: var(--ssjx-green);
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.ssjx__journey-launch-icon.ssjx__journey-launch-icon--asset img{
    display: block;
    width: 70px;
    height: 70px;
    max-width: none;
    object-fit: contain;
    filter:
        drop-shadow(0 0 8px rgba(var(--ssjx-green-rgb), .42))
        drop-shadow(0 0 20px rgba(var(--ssjx-green-rgb), .17));
    transform: translateZ(0) scale(1.025);
}

.ssjx__mobile-bar button,.ssjx__mobile-bar button:hover,.ssjx__mobile-bar button:focus,.ssjx__mobile-bar button:active{
    grid-template-columns: 56px auto;
    min-width: 166px;
    min-height: 72px;
    padding: 8px 20px 8px 11px;
    gap: 11px;
}

.ssjx__mobile-bar-art,.ssjx__mobile-bar button .ssjx__mobile-bar-art{
    display: grid !important;
    place-items: center !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.ssjx__mobile-bar-art img,.ssjx__mobile-bar button .ssjx__mobile-bar-art img{
    display: block;
    width: 54px !important;
    height: 54px !important;
    max-width: none !important;
    object-fit: contain;
    filter:
        drop-shadow(0 0 7px rgba(var(--ssjx-green-rgb), .40))
        drop-shadow(0 0 17px rgba(var(--ssjx-green-rgb), .14));
    transform: translateZ(0) scale(1.02);
}

.ssjx__mobile-bar small{
    font-size: 12px;
    font-weight: 850;
}

@media (max-width: 720px){
    .ssjx__group-head{
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 13px;
    }

    .ssjx__group-symbol.ssjx__group-symbol--asset{
        width: 68px;
        height: 68px;
        margin: -3px 0 -3px -2px;
    }

    .ssjx__group-symbol.ssjx__group-symbol--asset img{
        width: 66px;
        height: 66px;
    }

    .ssjx__journey-launch,.ssjx__journey-launch:hover,.ssjx__journey-launch:focus,.ssjx__journey-launch:active{
        grid-template-columns: 62px auto 34px;
        min-width: 0;
        min-height: 80px;
        padding: 9px 11px 9px 9px;
        gap: 10px;
    }

    .ssjx__journey-launch-icon.ssjx__journey-launch-icon--asset{
        width: 62px;
        height: 62px;
        margin-left: -1px;
    }

    .ssjx__journey-launch-icon.ssjx__journey-launch-icon--asset img{
        width: 59px;
        height: 59px;
    }

    .ssjx__mobile-bar button,.ssjx__mobile-bar button:hover,.ssjx__mobile-bar button:focus,.ssjx__mobile-bar button:active{
        grid-template-columns: 42px auto;
        min-width: 122px;
        min-height: 58px;
        padding: 6px 13px 6px 8px;
        gap: 7px;
    }

    .ssjx__mobile-bar-art,.ssjx__mobile-bar button .ssjx__mobile-bar-art{
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }

    .ssjx__mobile-bar-art img,.ssjx__mobile-bar button .ssjx__mobile-bar-art img{
        width: 41px !important;
        height: 41px !important;
    }

    .ssjx__mobile-bar small{
        font-size: 10.5px;
    }
}

@media (max-width: 380px){
    .ssjx__group-head{
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 11px;
    }

    .ssjx__group-symbol.ssjx__group-symbol--asset,.ssjx__group-symbol.ssjx__group-symbol--asset img{
        width: 60px;
        height: 60px;
    }

    .ssjx__mobile-bar button,.ssjx__mobile-bar button:hover,.ssjx__mobile-bar button:focus,.ssjx__mobile-bar button:active{
        min-width: 108px;
        grid-template-columns: 38px auto;
        padding-right: 9px;
    }

    .ssjx__mobile-bar-art,.ssjx__mobile-bar button .ssjx__mobile-bar-art{
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }

    .ssjx__mobile-bar-art img,.ssjx__mobile-bar button .ssjx__mobile-bar-art img{
        width: 37px !important;
        height: 37px !important;
    }
}

.ssjx__group--blue .ssjx__card-icon--asset,.ssjx__group--blue .ssjx__card:hover .ssjx__card-icon--asset,.ssjx__group--blue .ssjx__card.is-active .ssjx__card-icon--asset{
    width: 48px;
    height: 48px;
    overflow: visible;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.ssjx__group--blue .ssjx__card-icon--asset img{
    display: block;
    width: 48px;
    height: 48px;
    max-width: none;
    object-fit: contain;
    object-position: center;
    filter:
        drop-shadow(0 0 5px rgba(90, 177, 255, .36))
        drop-shadow(0 0 12px rgba(68, 137, 255, .14));
    transform: translateZ(0) scale(1);
    transform-origin: 50% 50%;
    transition:
        transform 220ms cubic-bezier(.16, .78, .22, 1),
        filter 220ms ease;
}

.ssjx__group--blue .ssjx__card:hover .ssjx__card-icon--asset img,.ssjx__group--blue .ssjx__card:focus-within .ssjx__card-icon--asset img{
    filter:
        drop-shadow(0 0 7px rgba(110, 194, 255, .62))
        drop-shadow(0 0 18px rgba(69, 143, 255, .24));
    transform: translateZ(0) scale(1.085);
}

.ssjx__group--blue .ssjx__card.is-active .ssjx__card-icon--asset img{
    filter:
        drop-shadow(0 0 8px rgba(130, 208, 255, .78))
        drop-shadow(0 0 22px rgba(65, 139, 255, .34));
    transform: translateZ(0) scale(1.11);
}

.ssjx__preview-icon.is-asset-icon{
    overflow: visible;
    background:
        radial-gradient(circle at center, rgba(72, 164, 255, .18), transparent 48%);
}

.ssjx__preview-icon.is-asset-icon img{
    display: block;
    width: clamp(92px, 8vw, 124px);
    height: clamp(92px, 8vw, 124px);
    max-width: 78%;
    object-fit: contain;
    filter:
        drop-shadow(0 0 9px rgba(105, 192, 255, .54))
        drop-shadow(0 0 28px rgba(62, 137, 255, .22));
}

.ssjx__detail-icon.is-asset-icon{
    width: 74px;
    height: 74px;
    overflow: visible;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ssjx__detail-icon.is-asset-icon img{
    display: block;
    width: 72px;
    height: 72px;
    max-width: none;
    object-fit: contain;
    filter:
        drop-shadow(0 0 7px rgba(104, 190, 255, .44))
        drop-shadow(0 0 18px rgba(56, 129, 255, .18));
}

.ssjx__journey-item-icon.is-asset-icon{
    width: 46px;
    height: 46px;
    overflow: visible;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ssjx__journey-item-icon.is-asset-icon img{
    display: block;
    width: 44px;
    height: 44px;
    max-width: none;
    object-fit: contain;
    filter: drop-shadow(0 0 7px rgba(95, 183, 255, .34));
}

@media (max-width: 720px){
    .ssjx__group--blue .ssjx__card-icon--asset,.ssjx__group--blue .ssjx__card:hover .ssjx__card-icon--asset,.ssjx__group--blue .ssjx__card.is-active .ssjx__card-icon--asset{
        width: 45px;
        height: 45px;
    }

    .ssjx__group--blue .ssjx__card-icon--asset img{
        width: 45px;
        height: 45px;
    }

    .ssjx__preview-icon.is-asset-icon img{
        width: 94px;
        height: 94px;
        max-width: none;
    }

    .ssjx__detail-icon.is-asset-icon,.ssjx__detail-icon.is-asset-icon img{
        width: 62px;
        height: 62px;
    }

    .ssjx__journey-item-icon.is-asset-icon,.ssjx__journey-item-icon.is-asset-icon img{
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 380px){
    .ssjx__group--blue .ssjx__card-icon--asset,.ssjx__group--blue .ssjx__card-icon--asset img{
        width: 42px;
        height: 42px;
    }
}

.ssjx__button,.ssjx__button:hover,.ssjx__button:focus,.ssjx__button:focus-visible,.ssjx__button:active{
    box-sizing: border-box !important;
    min-height: 56px !important;
    max-height: 56px !important;
    height: 56px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-width: 1px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    scale: 1 !important;
    transform-origin: 50% 50% !important;
}

.ssjx__button:hover,.ssjx__button:focus-visible{
    transform: translate3d(0, 0, 0) !important;
    scale: 1 !important;
}

.ssjx__button:active{
    transform: translate3d(0, 2px, 0) !important;
    scale: 1 !important;
}

@media (min-width: 721px){
    .ssjx__preview-actions .ssjx__button--primary,.ssjx__preview-actions .ssjx__button--primary:hover,.ssjx__preview-actions .ssjx__button--primary:focus,.ssjx__preview-actions .ssjx__button--primary:active{
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
    }

    .ssjx__preview-actions .ssjx__button--ghost,.ssjx__preview-actions .ssjx__button--ghost:hover,.ssjx__preview-actions .ssjx__button--ghost:focus,.ssjx__preview-actions .ssjx__button--ghost:active{
        width: 212px !important;
        min-width: 212px !important;
        max-width: 212px !important;
    }
}

.ssjx__preview .ssjx__button--primary:active{
    box-shadow:
        inset 0 3px 9px rgba(1, 4, 12, .28),
        inset 0 1px 0 rgba(255, 255, 255, .13),
        0 7px 18px rgba(0, 0, 0, .14),
        0 0 20px rgba(var(--ssjx-preview-rgb), .28) !important;
}

.ssjx__preview .ssjx__button--ghost:active{
    box-shadow:
        inset 0 3px 8px rgba(0, 0, 0, .30),
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 7px 18px rgba(0, 0, 0, .12),
        0 0 18px rgba(var(--ssjx-preview-rgb), .16) !important;
}

.ssjx__detail-side .ssjx__button--wide,.ssjx__detail-side .ssjx__button--wide:hover,.ssjx__detail-side .ssjx__button--wide:focus,.ssjx__detail-side .ssjx__button--wide:active{
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 720px){
    .ssjx__button,.ssjx__button:hover,.ssjx__button:focus,.ssjx__button:active{
        min-height: 52px !important;
        max-height: 52px !important;
        height: 52px !important;
        font-size: 14px !important;
    }

    .ssjx__preview-actions .ssjx__button{
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

.ssjx__preview-icon.is-asset-icon,.ssjx__detail-icon.is-asset-icon,.ssjx__journey-item-icon.is-asset-icon{
    contain: none !important;
}

.ssjx__preview-icon.is-asset-icon img,.ssjx__detail-icon.is-asset-icon img,.ssjx__journey-item-icon.is-asset-icon img{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: none !important;
    max-height: none !important;
}

.ssjx__preview-icon.is-asset-icon img{
    width: clamp(96px, 8vw, 128px) !important;
    height: clamp(96px, 8vw, 128px) !important;
}

.ssjx__detail-icon.is-asset-icon,.ssjx__detail-icon.is-asset-icon img{
    width: 76px !important;
    height: 76px !important;
}

.ssjx__journey-item-icon.is-asset-icon,.ssjx__journey-item-icon.is-asset-icon img{
    width: 46px !important;
    height: 46px !important;
}

body.ssjx-has-modal .ssjx{
    isolation: auto !important;
    overflow: visible !important;
    z-index: 2147482900 !important;
}

body.ssjx-has-modal .ssjx__modal{
    z-index: 2147483000 !important;
}

body.ssjx-has-modal .ssjx__detail-canvas,body.ssjx-has-modal .ssjx__journey-panel{
    position: relative;
    z-index: 2;
}

.ssjx__detail-toolbar{
    top: 0 !important;
    z-index: 50 !important;
}

@media (max-width: 720px){
    .ssjx__detail-icon.is-asset-icon,.ssjx__detail-icon.is-asset-icon img{
        width: 64px !important;
        height: 64px !important;
    }

    .ssjx__journey-item-icon.is-asset-icon,.ssjx__journey-item-icon.is-asset-icon img{
        width: 42px !important;
        height: 42px !important;
    }
}

.ssjx__intro{
    grid-template-columns: minmax(0, 1fr) !important;
}

.ssjx__intro-copy{
    max-width: 930px;
}

.ssjx__card-icon--asset,.ssjx__card:hover .ssjx__card-icon--asset,.ssjx__card:focus-within .ssjx__card-icon--asset,.ssjx__card.is-active .ssjx__card-icon--asset{
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    transform: none !important;
}

.ssjx__card-icon--asset img{
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: center !important;
    filter:
        drop-shadow(0 0 5px rgba(var(--ssjx-group-rgb), .38))
        drop-shadow(0 0 13px rgba(var(--ssjx-group-rgb), .15)) !important;
    transform: translateZ(0) scale(1) !important;
    transform-origin: 50% 50% !important;
    transition: transform 220ms var(--ssjx-ease), filter 220ms ease !important;
}

.ssjx__card:hover .ssjx__card-icon--asset img,.ssjx__card:focus-within .ssjx__card-icon--asset img{
    filter:
        drop-shadow(0 0 7px rgba(var(--ssjx-group-rgb), .66))
        drop-shadow(0 0 19px rgba(var(--ssjx-group-rgb), .25)) !important;
    transform: translateZ(0) scale(1.075) !important;
}

.ssjx__card.is-active .ssjx__card-icon--asset img{
    filter:
        drop-shadow(0 0 9px rgba(var(--ssjx-group-rgb), .82))
        drop-shadow(0 0 24px rgba(var(--ssjx-group-rgb), .34)) !important;
    transform: translateZ(0) scale(1.10) !important;
}

.ssjx__detail-canvas{
    --ssjx-detail-rgb: var(--ssjx-violet-rgb);
    --ssjx-detail-accent: var(--ssjx-violet);
    --ssjx-detail-accent-soft: #d7baff;
    --ssjx-detail-button-a: #7446d8;
    --ssjx-detail-button-b: #ad55df;
    --ssjx-detail-button-c: #e059c7;
    --detail-chip: rgba(var(--ssjx-detail-rgb), .085);

    background:
        radial-gradient(circle at 0 0, rgba(var(--ssjx-detail-rgb), .105), transparent 27%),
        var(--detail-bg) !important;
    border-color: rgba(var(--ssjx-detail-rgb), .58) !important;
    outline: 1px solid rgba(var(--ssjx-detail-rgb), .26);
    outline-offset: -1px;
    box-shadow:
        inset 0 0 0 1px rgba(var(--ssjx-detail-rgb), .08),
        0 28px 90px var(--detail-shadow),
        0 0 42px rgba(var(--ssjx-detail-rgb), .12) !important;
}

.ssjx__detail-canvas[data-ssjx-theme="blue"]{
    --ssjx-detail-rgb: var(--ssjx-blue-rgb);
    --ssjx-detail-accent: var(--ssjx-blue);
    --ssjx-detail-accent-soft: #c9e3ff;
    --ssjx-detail-button-a: #315fc9;
    --ssjx-detail-button-b: #4d86ee;
    --ssjx-detail-button-c: #74b9ff;
}

.ssjx__detail-canvas[data-ssjx-reading="light"]{
    background:
        radial-gradient(circle at 0 0, rgba(var(--ssjx-detail-rgb), .085), transparent 29%),
        var(--detail-bg) !important;
    border-color: rgba(var(--ssjx-detail-rgb), .48) !important;
}

.ssjx__detail-section,.ssjx__detail-kicker,.ssjx__detail-side-label,.ssjx__detail-tags span{
    color: var(--ssjx-detail-accent) !important;
}

.ssjx__detail-tags span{
    background: rgba(var(--ssjx-detail-rgb), .075) !important;
    border-color: rgba(var(--ssjx-detail-rgb), .25) !important;
}

.ssjx__reading-toggle svg,.ssjx__detail-icon{
    color: var(--ssjx-detail-accent) !important;
}

.ssjx__detail-icon:not(.is-asset-icon){
    background: rgba(var(--ssjx-detail-rgb), .075) !important;
    border-color: rgba(var(--ssjx-detail-rgb), .34) !important;
    box-shadow:
        inset 0 0 18px rgba(var(--ssjx-detail-rgb), .055),
        0 0 18px rgba(var(--ssjx-detail-rgb), .11) !important;
}

.ssjx__detail-icon svg{
    filter: drop-shadow(0 0 7px rgba(var(--ssjx-detail-rgb), .36)) !important;
}

.ssjx__detail-icon.is-asset-icon img{
    filter:
        drop-shadow(0 0 8px rgba(var(--ssjx-detail-rgb), .52))
        drop-shadow(0 0 22px rgba(var(--ssjx-detail-rgb), .20)) !important;
}

.ssjx__detail-value-grid div,.ssjx__detail-side-card{
    border-color: rgba(var(--ssjx-detail-rgb), .22) !important;
}

.ssjx__detail-back,.ssjx__reading-toggle,.ssjx__detail-toolbar .ssjx__icon-button{
    border-color: rgba(var(--ssjx-detail-rgb), .28) !important;
}

.ssjx__detail-canvas .ssjx__button--primary,.ssjx__detail-canvas .ssjx__button--primary:hover,.ssjx__detail-canvas .ssjx__button--primary:focus,.ssjx__detail-canvas .ssjx__button--primary:focus-visible,.ssjx__detail-canvas .ssjx__button--primary:active{
    background:
        linear-gradient(
            115deg,
            var(--ssjx-detail-button-a),
            var(--ssjx-detail-button-b) 56%,
            var(--ssjx-detail-button-c)
        ) !important;
    border-color: rgba(var(--ssjx-detail-rgb), .88) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .18),
        0 0 22px rgba(var(--ssjx-detail-rgb), .29) !important;
}

.ssjx__detail-canvas .ssjx__button--primary:hover,.ssjx__detail-canvas .ssjx__button--primary:focus-visible{
    filter: brightness(1.08) saturate(1.06);
    border-color: rgba(var(--ssjx-detail-rgb), 1) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .24),
        0 0 30px rgba(var(--ssjx-detail-rgb), .39) !important;
}

.ssjx__detail-canvas .ssjx__button--primary:active{
    filter: brightness(.96) saturate(1.03);
    box-shadow:
        inset 0 3px 9px rgba(0, 0, 0, .27),
        inset 0 1px 0 rgba(255, 255, 255, .12),
        0 0 20px rgba(var(--ssjx-detail-rgb), .25) !important;
}

@media (max-width: 720px){
    .ssjx.is-preview-open{
        isolation: auto !important;
        overflow: visible !important;
        z-index: 2147482800 !important;
    }

    .ssjx__preview{
        left: 12px !important;
        right: 12px !important;
        bottom: max(92px, calc(env(safe-area-inset-bottom) + 82px)) !important;
        grid-template-columns: 82px minmax(0, 1fr) !important;
        max-height: min(calc(100dvh - 112px), 610px) !important;
        border: 1px solid rgba(var(--ssjx-preview-rgb), .72) !important;
        border-radius: 21px !important;
        outline: 1px solid rgba(var(--ssjx-preview-rgb), .16);
        outline-offset: -1px;
        box-shadow:
            inset 0 0 0 1px rgba(var(--ssjx-preview-rgb), .06),
            0 -8px 38px rgba(0, 0, 0, .38),
            0 0 34px rgba(var(--ssjx-preview-rgb), .16) !important;
    }

    .ssjx__preview-icon,.ssjx__preview-icon.is-asset-icon{
        min-width: 82px !important;
        width: 82px !important;
        min-height: 100% !important;
        overflow: hidden !important;
        border-right: 1px solid rgba(var(--ssjx-preview-rgb), .30) !important;
    }

    .ssjx__preview-icon.is-asset-icon img{
        width: 64px !important;
        height: 64px !important;
        max-width: 64px !important;
        max-height: 64px !important;
        object-fit: contain !important;
    }

    .ssjx__preview-copy{
        min-width: 0;
        padding: 16px 13px 17px !important;
    }

    .ssjx__modal{
        padding:
            max(7px, env(safe-area-inset-top))
            7px
            max(7px, env(safe-area-inset-bottom)) !important;
    }

    .ssjx__detail-canvas,.ssjx__journey-panel{
        width: 100% !important;
        max-height: calc(100dvh - max(14px, env(safe-area-inset-top)) - max(14px, env(safe-area-inset-bottom))) !important;
        border: 1px solid rgba(var(--ssjx-detail-rgb, var(--ssjx-violet-rgb)), .62) !important;
        border-radius: 22px !important;
        outline-offset: -1px;
    }

    .ssjx__journey-panel{
        border-color: rgba(var(--ssjx-green-rgb), .62) !important;
    }

    .ssjx__card-icon--asset,.ssjx__card:hover .ssjx__card-icon--asset,.ssjx__card:focus-within .ssjx__card-icon--asset,.ssjx__card.is-active .ssjx__card-icon--asset,.ssjx__card-icon--asset img{
        width: 45px !important;
        height: 45px !important;
        min-width: 45px !important;
        min-height: 45px !important;
    }
}

@media (max-width: 380px){
    .ssjx__preview{
        left: 8px !important;
        right: 8px !important;
        grid-template-columns: 74px minmax(0, 1fr) !important;
    }

    .ssjx__preview-icon,.ssjx__preview-icon.is-asset-icon{
        width: 74px !important;
        min-width: 74px !important;
    }

    .ssjx__preview-icon.is-asset-icon img{
        width: 58px !important;
        height: 58px !important;
        max-width: 58px !important;
        max-height: 58px !important;
    }

    .ssjx__card-icon--asset,.ssjx__card-icon--asset img{
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }
}

.sscr__badge > img.sscr__companion-svg{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

.ssjx__preview-dock-slot{
    position: relative;
    z-index: 6;
    grid-column: 1 / -1;
    display: grid;
    place-items: center;
    width: 100%;
    max-height: 0;
    margin: 0;
    padding: 0 clamp(14px, 2vw, 24px);
    overflow: hidden;
    opacity: 0;
    border-top: 1px solid transparent;
    background:
        linear-gradient(180deg, rgba(4, 8, 13, 0), rgba(5, 12, 12, .82));
    transition:
        max-height 390ms var(--ssjx-ease),
        padding 390ms var(--ssjx-ease),
        opacity 240ms ease,
        border-color 280ms ease;
}

.ssjx__preview-dock-slot.is-active{
    max-height: 128px;
    padding-top: 12px;
    padding-bottom: 14px;
    opacity: 1;
    border-top-color: rgba(var(--ssjx-green-rgb), .18);
}

.ssjx__preview.is-open{
    max-height: 760px;
}

body > .ssjx__mobile-bar.is-docking{
    opacity: 0 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transform: translate3d(-50%, 18px, 0) scale(.955) !important;
    transition:
        opacity 145ms ease,
        transform 175ms cubic-bezier(.4, 0, .6, 1) !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated{
    --ssjx-green: #6bfa43;
    --ssjx-green-rgb: 107, 250, 67;

    position: relative !important;
    z-index: 7 !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(138px, 1fr)) !important;
    width: min(560px, 100%) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 7px !important;
    gap: 7px !important;
    opacity: 0 !important;
    visibility: visible !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 50% 125%, rgba(var(--ssjx-green-rgb), .14), transparent 58%),
        linear-gradient(145deg, rgba(9, 25, 15, .96), rgba(4, 10, 12, .985)) !important;
    border: 1px solid rgba(var(--ssjx-green-rgb), .42) !important;
    border-radius: 19px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .075),
        inset 0 0 0 1px rgba(var(--ssjx-green-rgb), .035),
        0 9px 23px rgba(0, 0, 0, .24),
        0 0 22px rgba(var(--ssjx-green-rgb), .09) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: translate3d(0, 13px, 0) scale(.975) !important;
    transform-origin: 50% 100% !important;
    transition:
        opacity 270ms ease,
        transform 390ms cubic-bezier(.16, .78, .20, 1),
        border-color 220ms ease,
        box-shadow 220ms ease !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated.is-integrated-ready{
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated.is-undocking{
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(0, 14px, 0) scale(.97) !important;
    transition:
        opacity 150ms ease,
        transform 185ms cubic-bezier(.4, 0, .6, 1) !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated button,.ssjx__preview .ssjx__mobile-bar.is-integrated button:hover,.ssjx__preview .ssjx__mobile-bar.is-integrated button:focus,.ssjx__preview .ssjx__mobile-bar.is-integrated button:active{
    min-width: 0 !important;
    min-height: 60px !important;
    padding: 6px 16px 6px 9px !important;
    grid-template-columns: 46px auto !important;
    gap: 8px !important;
    border-radius: 14px !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated .ssjx__mobile-bar-art,.ssjx__preview .ssjx__mobile-bar.is-integrated button .ssjx__mobile-bar-art{
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated .ssjx__mobile-bar-art img,.ssjx__preview .ssjx__mobile-bar.is-integrated button .ssjx__mobile-bar-art img{
    width: 45px !important;
    height: 45px !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated small{
    font-size: 11px !important;
}

body > .ssjx__mobile-bar.is-visible.is-returning{
    animation: ssjx-dock-return-to-float 455ms cubic-bezier(.16, .78, .20, 1) both;
}

@keyframes ssjx-dock-return-to-float{
    0% {
        opacity: 0;
        transform: translate3d(-50%, 24px, 0) scale(.95);
    }
    68% {
        opacity: 1;
        transform: translate3d(-50%, -2px, 0) scale(1.008);
    }
    100% {
        opacity: 1;
        transform: translate3d(-50%, 0, 0) scale(1);
    }
}

@media (max-width: 720px){
    .ssjx__preview-dock-slot{
        position: sticky;
        bottom: 0;
        z-index: 10;
        margin-top: 0;
        padding-right: 9px;
        padding-left: 9px;
        background:
            linear-gradient(180deg, rgba(5, 7, 15, .10), rgba(4, 11, 12, .99) 30%);
    }

    .ssjx__preview-dock-slot.is-active{
        max-height: 112px;
        padding-top: 9px;
        padding-bottom: max(9px, env(safe-area-inset-bottom));
    }

    .ssjx__preview{
        max-height: min(82vh, 690px) !important;
    }

    .ssjx__preview .ssjx__mobile-bar.is-integrated{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        padding: 6px !important;
        gap: 6px !important;
        border-radius: 17px !important;
    }

    .ssjx__preview .ssjx__mobile-bar.is-integrated button,.ssjx__preview .ssjx__mobile-bar.is-integrated button:hover,.ssjx__preview .ssjx__mobile-bar.is-integrated button:focus,.ssjx__preview .ssjx__mobile-bar.is-integrated button:active{
        min-height: 52px !important;
        padding: 5px 10px 5px 7px !important;
        grid-template-columns: 38px auto !important;
        gap: 6px !important;
    }

    .ssjx__preview .ssjx__mobile-bar.is-integrated .ssjx__mobile-bar-art,.ssjx__preview .ssjx__mobile-bar.is-integrated button .ssjx__mobile-bar-art{
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }

    .ssjx__preview .ssjx__mobile-bar.is-integrated .ssjx__mobile-bar-art img,.ssjx__preview .ssjx__mobile-bar.is-integrated button .ssjx__mobile-bar-art img{
        width: 37px !important;
        height: 37px !important;
    }

    .ssjx__preview .ssjx__mobile-bar.is-integrated small{
        font-size: 10px !important;
    }
}

@media (max-width: 380px){
    .ssjx__preview .ssjx__mobile-bar.is-integrated button,.ssjx__preview .ssjx__mobile-bar.is-integrated button:hover,.ssjx__preview .ssjx__mobile-bar.is-integrated button:focus,.ssjx__preview .ssjx__mobile-bar.is-integrated button:active{
        grid-template-columns: 34px auto !important;
        padding-right: 7px !important;
        gap: 4px !important;
    }

    .ssjx__preview .ssjx__mobile-bar.is-integrated .ssjx__mobile-bar-art,.ssjx__preview .ssjx__mobile-bar.is-integrated button .ssjx__mobile-bar-art,.ssjx__preview .ssjx__mobile-bar.is-integrated .ssjx__mobile-bar-art img,.ssjx__preview .ssjx__mobile-bar.is-integrated button .ssjx__mobile-bar-art img{
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }
}

@media (prefers-reduced-motion: reduce){
    body > .ssjx__mobile-bar.is-visible.is-returning{
        animation: none !important;
    }
}

.ssjx__preview-dock-slot,.ssjx__preview-dock-slot.is-active{
    position: relative !important;
    z-index: 6 !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    background:
        linear-gradient(90deg, rgba(var(--ssjx-green-rgb), .055), rgba(var(--ssjx-green-rgb), .12) 48%, rgba(var(--ssjx-green-rgb), .055)) !important;
    border-top: 1px solid rgba(var(--ssjx-green-rgb), .20) !important;
    border-radius: 0 0 20px 20px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.ssjx__preview-dock-slot{
    max-height: 0 !important;
    padding: 0 clamp(16px, 2vw, 26px) !important;
    opacity: 0 !important;
    transition:
        max-height 440ms var(--ssjx-ease),
        padding 440ms var(--ssjx-ease),
        opacity 240ms ease !important;
}

.ssjx__preview-dock-slot.is-active{
    max-height: 96px !important;
    padding: 10px clamp(16px, 2vw, 26px) 12px !important;
    opacity: 1 !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated,.ssjx__preview .ssjx__mobile-bar.is-integrated.is-integrated-ready{
    position: relative !important;
    z-index: 7 !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(620px, 100%) !important;
    max-width: 100% !important;
    min-height: 62px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 8px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    transform-origin: 50% 50% !important;
    transition:
        transform 500ms cubic-bezier(.16,.78,.20,1),
        opacity 300ms ease !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated.is-flip-enter{
    transition: none !important;
    transform:
        translate3d(var(--ssjx-dock-flip-x, 0px), var(--ssjx-dock-flip-y, 0px), 0)
        scale(var(--ssjx-dock-flip-sx, 1), var(--ssjx-dock-flip-sy, 1)) !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated button,.ssjx__preview .ssjx__mobile-bar.is-integrated button:hover,.ssjx__preview .ssjx__mobile-bar.is-integrated button:focus,.ssjx__preview .ssjx__mobile-bar.is-integrated button:active{
    display: grid !important;
    grid-template-columns: 44px auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 5px 16px 5px 11px !important;
    gap: 9px !important;
    background: rgba(var(--ssjx-green-rgb), .035) !important;
    border: 1px solid rgba(var(--ssjx-green-rgb), .18) !important;
    border-radius: 13px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    transform: none !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated button:first-child{
    background:
        linear-gradient(135deg, rgba(var(--ssjx-green-rgb), .12), rgba(var(--ssjx-green-rgb), .045)) !important;
    border-color: rgba(var(--ssjx-green-rgb), .30) !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated button:hover,.ssjx__preview .ssjx__mobile-bar.is-integrated button:focus-visible{
    background: rgba(var(--ssjx-green-rgb), .10) !important;
    border-color: rgba(var(--ssjx-green-rgb), .48) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 0 16px rgba(var(--ssjx-green-rgb), .08) !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated button:active{
    transform: translate3d(0, 2px, 0) !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated .ssjx__mobile-bar-art,.ssjx__preview .ssjx__mobile-bar.is-integrated button .ssjx__mobile-bar-art,.ssjx__preview .ssjx__mobile-bar.is-integrated .ssjx__mobile-bar-art img,.ssjx__preview .ssjx__mobile-bar.is-integrated button .ssjx__mobile-bar-art img{
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
}

.ssjx__preview .ssjx__mobile-bar.is-integrated small{
    font-size: 11px !important;
    line-height: 1 !important;
}

@media (max-width: 720px){
    .ssjx__preview-dock-slot,.ssjx__preview-dock-slot.is-active{
        position: relative !important;
        bottom: auto !important;
        z-index: 6 !important;
        margin-top: 0 !important;
        background:
            linear-gradient(180deg, rgba(var(--ssjx-green-rgb), .035), rgba(var(--ssjx-green-rgb), .11)) !important;
    }

    .ssjx__preview-dock-slot.is-active{
        max-height: 88px !important;
        padding: 8px 9px max(10px, env(safe-area-inset-bottom)) !important;
    }

    .ssjx__preview .ssjx__mobile-bar.is-integrated,.ssjx__preview .ssjx__mobile-bar.is-integrated.is-integrated-ready{
        width: 100% !important;
        min-height: 54px !important;
        gap: 6px !important;
    }

    .ssjx__preview .ssjx__mobile-bar.is-integrated button,.ssjx__preview .ssjx__mobile-bar.is-integrated button:hover,.ssjx__preview .ssjx__mobile-bar.is-integrated button:focus,.ssjx__preview .ssjx__mobile-bar.is-integrated button:active{
        grid-template-columns: 36px auto !important;
        min-height: 50px !important;
        height: 50px !important;
        padding: 4px 8px 4px 6px !important;
        gap: 5px !important;
        border-radius: 11px !important;
    }

    .ssjx__preview .ssjx__mobile-bar.is-integrated .ssjx__mobile-bar-art,.ssjx__preview .ssjx__mobile-bar.is-integrated button .ssjx__mobile-bar-art,.ssjx__preview .ssjx__mobile-bar.is-integrated .ssjx__mobile-bar-art img,.ssjx__preview .ssjx__mobile-bar.is-integrated button .ssjx__mobile-bar-art img{
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
        min-height: 35px !important;
    }

    .ssjx__preview .ssjx__mobile-bar.is-integrated small{
        font-size: 10px !important;
    }
}

body > .ssjx__mobile-bar.is-flip-return{
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
    transform:
        translate3d(
            calc(-50% + var(--ssjx-dock-flip-x, 0px)),
            var(--ssjx-dock-flip-y, 0px),
            0
        )
        scale(var(--ssjx-dock-flip-sx, 1), var(--ssjx-dock-flip-sy, 1)) !important;
}

body > .ssjx__mobile-bar.is-visible.is-returning{
    animation: none !important;
    opacity: 1 !important;
    transform: translate3d(-50%, 0, 0) scale(1) !important;
    transition:
        transform 500ms cubic-bezier(.16,.78,.20,1),
        opacity 300ms ease !important;
}

body.ssjx-has-modal .ssjx{
    isolation: auto !important;
    overflow: visible !important;
    z-index: 1000000 !important;
}

body.ssjx-has-modal .ssjx__modal{
    z-index: 1000010 !important;
    top: var(--ssjx-site-header-offset, 0px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

body.ssjx-has-modal #headerwrap,body.ssjx-has-modal .simme-node-site-topbar-exact{
    z-index: 1000100 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body.ssjx-has-modal .ssjx__detail-toolbar{
    top: 0 !important;
    z-index: 60 !important;
}

@media (max-width: 720px){
    body.ssjx-has-modal .ssjx__modal{
        padding:
            max(7px, env(safe-area-inset-top))
            7px
            max(7px, env(safe-area-inset-bottom)) !important;
    }

    body.ssjx-has-modal .ssjx__detail-canvas,body.ssjx-has-modal .ssjx__journey-panel{
        max-height: calc(100dvh - var(--ssjx-site-header-offset, 0px) - max(14px, env(safe-area-inset-top)) - max(14px, env(safe-area-inset-bottom))) !important;
    }
}

@media (prefers-reduced-motion: reduce){
    .ssjx__preview .ssjx__mobile-bar.is-integrated,body > .ssjx__mobile-bar.is-visible.is-returning{
        transition-duration: .01ms !important;
    }
}

.ssjx__preview-journey-footer{
    --ssjx-green: #6bfa43;
    --ssjx-green-rgb: 107, 250, 67;

    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(320px, 1.28fr);
    align-items: center;
    width: 100%;
    max-height: 0;
    margin: 0;
    padding: 0;
    gap: 14px;
    overflow: hidden;
    opacity: 0;
    border-top: 1px solid rgba(var(--ssjx-green-rgb), 0);
    background:
        linear-gradient(90deg, rgba(var(--ssjx-green-rgb), .00), rgba(var(--ssjx-green-rgb), .00));
    transform: translate3d(0, 12px, 0);
    transition:
        max-height 440ms var(--ssjx-ease),
        margin-top 440ms var(--ssjx-ease),
        padding 440ms var(--ssjx-ease),
        opacity 280ms ease,
        transform 440ms cubic-bezier(.16,.78,.20,1),
        border-color 320ms ease,
        background 320ms ease;
}

.ssjx__preview-journey-footer.is-preparing,.ssjx__preview-journey-footer.is-visible,.ssjx__preview-journey-footer.is-leaving{
    max-height: 118px;
    margin-top: 15px;
    padding: 13px 0 2px;
    border-top-color: rgba(var(--ssjx-green-rgb), .24);
    background:
        linear-gradient(90deg,
            rgba(var(--ssjx-green-rgb), .00) 0%,
            rgba(var(--ssjx-green-rgb), .035) 22%,
            rgba(var(--ssjx-green-rgb), .060) 50%,
            rgba(var(--ssjx-green-rgb), .035) 78%,
            rgba(var(--ssjx-green-rgb), .00) 100%);
}

.ssjx__preview-journey-footer.is-visible{
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.ssjx__preview-journey-footer.is-preparing,.ssjx__preview-journey-footer.is-leaving{
    opacity: 0;
}

.ssjx__preview-journey-footer::before{
    position: absolute;
    top: -1px;
    left: 0;
    width: 36%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, var(--ssjx-green), rgba(var(--ssjx-green-rgb), 0));
    box-shadow: 0 0 10px rgba(var(--ssjx-green-rgb), .34);
    pointer-events: none;
}

.ssjx__preview-journey-heading{
    min-width: 0;
    padding-left: 2px;
}

.ssjx__preview-journey-heading span{
    display: block;
    color: #bfffb0;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.ssjx__preview-journey-heading small{
    display: block;
    max-width: 260px;
    margin-top: 5px;
    color: #8d9c91;
    font-size: 10px;
    line-height: 1.4;
}

.ssjx__preview-journey-actions{
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    min-width: 0;
}

.ssjx__preview-journey-actions button,.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus,.ssjx__preview-journey-actions button:active{
    position: relative;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    min-height: 62px;
    height: 62px;
    margin: 0;
    padding: 6px 12px 6px 8px;
    gap: 9px;
    color: #e9ffe3;
    background:
        linear-gradient(135deg, rgba(var(--ssjx-green-rgb), .085), rgba(var(--ssjx-green-rgb), .022)) !important;
    border: 1px solid rgba(var(--ssjx-green-rgb), .20) !important;
    border-radius: 14px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        inset 0 0 0 1px rgba(var(--ssjx-green-rgb), .018) !important;
    outline: 0;
    transform: translate3d(0, 0, 0) !important;
    transition:
        background 210ms ease,
        border-color 210ms ease,
        box-shadow 210ms ease,
        transform 120ms ease !important;
}

.ssjx__preview-journey-actions button:first-child{
    background:
        linear-gradient(135deg, rgba(var(--ssjx-green-rgb), .145), rgba(var(--ssjx-green-rgb), .040)) !important;
    border-color: rgba(var(--ssjx-green-rgb), .34) !important;
}

.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus-visible{
    background:
        linear-gradient(135deg, rgba(var(--ssjx-green-rgb), .18), rgba(var(--ssjx-green-rgb), .055)) !important;
    border-color: rgba(var(--ssjx-green-rgb), .56) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 0 16px rgba(var(--ssjx-green-rgb), .09) !important;
}

.ssjx__preview-journey-actions button:active{
    transform: translate3d(0, 2px, 0) !important;
}

.ssjx__preview-journey-art,.ssjx__preview-journey-art img{
    display: block;
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
}

.ssjx__preview-journey-art img{
    object-fit: contain;
    filter: drop-shadow(0 0 7px rgba(var(--ssjx-green-rgb), .25));
}

.ssjx__preview-journey-label{
    min-width: 0;
    text-align: left;
}

.ssjx__preview-journey-label strong,.ssjx__preview-journey-label small{
    display: block;
}

.ssjx__preview-journey-label strong{
    color: #dfffd6;
    font-size: 12px;
    font-weight: 820;
    line-height: 1.05;
}

.ssjx__preview-journey-label small{
    margin-top: 4px;
    color: #819488;
    font-size: 9px;
    line-height: 1.15;
}

.ssjx__preview-journey-actions b,.ssjx__preview-journey-actions button b{
    position: absolute;
    top: 7px;
    right: 8px;
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    margin: 0;
    padding: 0;
    color: #061207;
    background: linear-gradient(145deg, #d9ffcf, var(--ssjx-green));
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(var(--ssjx-green-rgb), .32);
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

body > .ssjx__mobile-bar.is-morphing,body > .ssjx__mobile-bar.is-morph-target{
    opacity: 0 !important;
    pointer-events: none !important;
}

.ssjx__dock-morph-ghost,body > .ssjx__dock-morph-ghost{
    position: fixed !important;
    z-index: 1000008 !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    will-change: left, top, width, height, opacity, border-radius, filter;
}

.ssjx__dock-morph-ghost *{
    pointer-events: none !important;
}

.ssjx__preview-dock-slot{
    display: none !important;
}

.ssjx__preview.is-open{
    max-height: 820px !important;
}

@media (max-width: 900px){
    .ssjx__preview-journey-footer{
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .ssjx__preview-journey-footer.is-preparing,.ssjx__preview-journey-footer.is-visible,.ssjx__preview-journey-footer.is-leaving{
        max-height: 162px;
    }

    .ssjx__preview-journey-heading{
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
    }

    .ssjx__preview-journey-heading small{
        margin-top: 0;
        text-align: right;
    }
}

@media (max-width: 720px){
    .ssjx__preview{
        max-height: min(90dvh, 760px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }

    .ssjx__preview-journey-footer.is-preparing,.ssjx__preview-journey-footer.is-visible,.ssjx__preview-journey-footer.is-leaving{
        max-height: 148px;
        margin-top: 12px;
        padding-top: 10px;
        padding-bottom: max(2px, env(safe-area-inset-bottom));
    }

    .ssjx__preview-journey-heading{
        display: none;
    }

    .ssjx__preview-journey-actions{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .ssjx__preview-journey-actions button,.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus,.ssjx__preview-journey-actions button:active{
        grid-template-columns: 38px minmax(0, 1fr);
        min-height: 54px;
        height: 54px;
        padding: 5px 8px 5px 6px;
        gap: 6px;
        border-radius: 12px !important;
    }

    .ssjx__preview-journey-art,.ssjx__preview-journey-art img{
        width: 38px;
        height: 38px;
        min-width: 38px;
        min-height: 38px;
    }

    .ssjx__preview-journey-label strong{
        font-size: 10.5px;
    }

    .ssjx__preview-journey-label small{
        display: none;
    }

    .ssjx__preview-journey-actions b,.ssjx__preview-journey-actions button b{
        top: 5px;
        right: 5px;
        width: 22px;
        height: 22px;
        min-width: 22px;
        min-height: 22px;
        font-size: 9px;
    }
}

@media (max-width: 380px){
    .ssjx__preview-journey-actions button,.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus,.ssjx__preview-journey-actions button:active{
        grid-template-columns: 33px minmax(0, 1fr);
        height: 50px;
        min-height: 50px;
        padding-right: 5px;
        gap: 4px;
    }

    .ssjx__preview-journey-art,.ssjx__preview-journey-art img{
        width: 33px;
        height: 33px;
        min-width: 33px;
        min-height: 33px;
    }
}

@media (prefers-reduced-motion: reduce){
    .ssjx__preview-journey-footer,.ssjx__preview-journey-actions button,.ssjx__dock-morph-ghost{
        animation: none !important;
        transition-duration: .01ms !important;
    }
}

body.ssjx-has-modal .ssjx{
    z-index: 2147482000 !important;
}

body.ssjx-has-modal .ssjx__modal{
    z-index: 2147482500 !important;
}

body.ssjx-has-modal .ssjx-site-chrome-ancestor{
    z-index: 2147483400 !important;
}

body.ssjx-has-modal .ssjx-site-chrome-elevated{
    z-index: 2147483600 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body.ssjx-has-modal #headerwrap,body.ssjx-has-modal #header,body.ssjx-has-modal header#header,body.ssjx-has-modal .simme-node-homebar53,body.ssjx-has-modal .simme-node-normal-header,body.ssjx-has-modal .simme-node-topbar54,body.ssjx-has-modal .simme-node-site-topbar-exact,body.ssjx-has-modal .simme-node-topbar{
    z-index: 2147483600 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.ssjx__estimate-inputs{
    gap: 12px !important;
}

.ssjx__estimate-inputs label{
    padding: 14px !important;
    background:
        linear-gradient(145deg, rgba(var(--ssjx-green-rgb), .032), rgba(5, 8, 15, .92)) !important;
    border: 1px solid rgba(177, 190, 218, .28) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 0 0 1px rgba(0,0,0,.18) !important;
}

.ssjx__estimate-inputs label > span{
    color: #aab4c8 !important;
    font-size: 10px !important;
    font-weight: 650 !important;
}

.ssjx__estimate-inputs label > div{
    min-height: 48px !important;
    padding: 0 14px !important;
    background:
        linear-gradient(180deg, rgba(var(--ssjx-green-rgb), .045), rgba(7, 11, 19, .98)) !important;
    border: 1.5px solid rgba(var(--ssjx-green-rgb), .48) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 0 12px rgba(var(--ssjx-green-rgb), .035) !important;
}

.ssjx__estimate-inputs label:hover > div{
    border-color: rgba(var(--ssjx-green-rgb), .68) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 0 16px rgba(var(--ssjx-green-rgb), .08) !important;
}

.ssjx__estimate-inputs label:focus-within > div{
    border-color: #7cff59 !important;
    box-shadow:
        0 0 0 2px rgba(var(--ssjx-green-rgb), .09),
        0 0 20px rgba(var(--ssjx-green-rgb), .14) !important;
}

.ssjx__estimate-inputs input,.ssjx__estimate-inputs input:hover,.ssjx__estimate-inputs input:focus{
    color: #f7fff4 !important;
    -webkit-text-fill-color: #f7fff4 !important;
    caret-color: #7cff59 !important;
    opacity: 1 !important;
    font-size: 19px !important;
    font-weight: 820 !important;
}

.ssjx__estimate-inputs label > div small{
    color: #a0aabd !important;
    font-size: 10px !important;
    font-weight: 650 !important;
}

.ssjx__estimate-results{
    gap: 12px !important;
    margin-top: 12px !important;
}

.ssjx__estimate-results > div{
    min-height: 104px !important;
    padding: 14px !important;
    background:
        linear-gradient(145deg, rgba(var(--ssjx-green-rgb), .095), rgba(6, 12, 14, .90)) !important;
    border: 1px solid rgba(var(--ssjx-green-rgb), .40) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 0 18px rgba(var(--ssjx-green-rgb), .035) !important;
}

.ssjx__estimate-results span,.ssjx__estimate-results small{
    color: #9da8bb !important;
    font-size: 9px !important;
}

.ssjx__estimate-results strong{
    color: #aaff91 !important;
    text-shadow: 0 0 10px rgba(var(--ssjx-green-rgb), .13) !important;
}

.ssjx__detail-canvas [data-ssjx-action="detail-save"].is-saved svg,.ssjx__preview [data-ssjx-action="preview-save"].is-saved svg{
    color: #ff4f68 !important;
    stroke: #ff4f68 !important;
    fill: #ff4f68 !important;
    filter: drop-shadow(0 0 5px rgba(255,79,104,.34)) !important;
}

.ssjx__detail-toolbar [data-ssjx-action="detail-save"].is-saved{
    color: #ff4f68 !important;
    border-color: rgba(255,79,104,.58) !important;
    background: rgba(255,79,104,.055) !important;
    box-shadow: 0 0 15px rgba(255,79,104,.10) !important;
    opacity: 1 !important;
}

.ssjx__detail-main [data-ssjx-action="detail-save"].is-saved,.ssjx__detail-side [data-ssjx-action="detail-save"].is-saved{
    border-color: rgba(255,79,104,.52) !important;
}

@media (max-width: 720px){
    .ssjx__estimate-inputs,.ssjx__estimate-results{
        gap: 10px !important;
    }

    .ssjx__estimate-inputs label,.ssjx__estimate-results > div{
        padding: 12px !important;
    }
}

body.ssjx-has-modal .simme-global-header{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2147483646 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
body.admin-bar.ssjx-has-modal .simme-global-header{ top: 32px !important; }
@media (max-width: 782px){
    body.admin-bar.ssjx-has-modal .simme-global-header{ top: 46px !important; }
}
body.ssjx-has-modal .simme-global-header-host,body.ssjx-has-modal .ssjx-site-chrome-ancestor,body.ssjx-has-modal .ssjx-site-chrome-elevated{
    z-index: 2147483645 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.ssjx-has-modal .ssjx__detail-toolbar,body.ssjx-has-modal .ssjx__journey-toolbar{
    position: sticky !important;
    top: 0 !important;
    z-index: 90 !important;
}

.ssjx__journey-toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 64px;
    padding: 10px clamp(14px, 2.2vw, 28px);
    color: #dce7dd;
    background: rgba(7, 12, 16, .965);
    border-bottom: 1px solid rgba(var(--ssjx-green-rgb), .20);
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    backdrop-filter: blur(14px) saturate(1.08);
    -webkit-backdrop-filter: blur(14px) saturate(1.08);
}
.ssjx__journey-back,.ssjx__journey-toolbar-pdf{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    color: #dce7dd !important;
    background: rgba(9, 15, 20, .88) !important;
    border: 1px solid rgba(var(--ssjx-green-rgb), .34) !important;
    border-radius: 11px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    transform: none !important;
}
.ssjx__journey-back svg,.ssjx__journey-toolbar-pdf svg{ width: 17px !important; height: 17px !important; }
.ssjx__journey-back svg{ transform: rotate(180deg); }
.ssjx__journey-back:hover,.ssjx__journey-toolbar-pdf:hover,.ssjx__journey-back:focus-visible,.ssjx__journey-toolbar-pdf:focus-visible{
    color: #fff !important;
    border-color: rgba(var(--ssjx-green-rgb), .72) !important;
    background: rgba(var(--ssjx-green-rgb), .075) !important;
    box-shadow: 0 0 16px rgba(var(--ssjx-green-rgb), .08) !important;
}
.ssjx__journey-back:active,.ssjx__journey-toolbar-pdf:active{ transform: translateY(2px) !important; }
.ssjx__journey-toolbar-actions{ display:flex; align-items:center; gap:8px; }
.ssjx__journey-toolbar .ssjx__icon-button{
    color:#bfffb0 !important;
    border-color:rgba(var(--ssjx-green-rgb),.34) !important;
    opacity:1 !important;
}
.ssjx__journey-head{ grid-template-columns: minmax(0,1fr) !important; }

.ssjx__preview-journey-footer{
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(180px,.55fr) minmax(340px,1fr) !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 12px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transform: translateY(10px) !important;
    border: 0 !important;
    border-top: 1px solid rgba(var(--ssjx-green-rgb), 0) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: max-height 320ms cubic-bezier(.16,.78,.20,1), margin 320ms cubic-bezier(.16,.78,.20,1), padding 320ms cubic-bezier(.16,.78,.20,1), opacity 220ms ease, transform 320ms cubic-bezier(.16,.78,.20,1), border-color 240ms ease !important;
}
.ssjx__preview-journey-footer.is-preparing,.ssjx__preview-journey-footer.is-visible,.ssjx__preview-journey-footer.is-leaving{
    max-height: 92px !important;
    margin-top: 14px !important;
    padding: 12px 0 2px !important;
    border-top-color: rgba(var(--ssjx-green-rgb), .28) !important;
}
.ssjx__preview-journey-footer.is-visible{
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.ssjx__preview-journey-footer.is-preparing,.ssjx__preview-journey-footer.is-leaving{
    opacity: 0 !important;
    transform: translateY(8px) !important;
}
.ssjx__preview-journey-heading{ min-width:0 !important; padding:0 2px !important; }
.ssjx__preview-journey-heading span{
    color:#bfffb0 !important;
    font-size:9px !important;
    font-weight:900 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
}
.ssjx__preview-journey-heading small{
    display:block !important;
    margin-top:4px !important;
    color:#8d9b91 !important;
    font-size:9.5px !important;
    line-height:1.3 !important;
}
.ssjx__preview-journey-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:8px !important;
    min-width:0 !important;
}
.ssjx__preview-journey-actions button,.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus,.ssjx__preview-journey-actions button:active{
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
    margin:0 !important;
    padding:6px 11px 6px 8px !important;
    gap:8px !important;
    color:#eaffea !important;
    background:linear-gradient(135deg,rgba(var(--ssjx-green-rgb),.085),rgba(6,15,10,.84)) !important;
    border:1px solid rgba(var(--ssjx-green-rgb),.28) !important;
    border-radius:13px !important;
    overflow:hidden !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
    transform:none !important;
}
.ssjx__preview-journey-actions button:first-child{
    background:linear-gradient(135deg,rgba(var(--ssjx-green-rgb),.14),rgba(7,20,11,.88)) !important;
    border-color:rgba(var(--ssjx-green-rgb),.42) !important;
}
.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus-visible{
    border-color:rgba(var(--ssjx-green-rgb),.70) !important;
    background:linear-gradient(135deg,rgba(var(--ssjx-green-rgb),.19),rgba(8,22,12,.94)) !important;
}
.ssjx__preview-journey-actions button:active{ transform:translateY(2px) !important; }
.ssjx__preview-journey-art{
    display:block !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
    margin:0 !important;
    padding:0 !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 0 7px rgba(var(--ssjx-green-rgb),.24)) !important;
}
.ssjx__preview-journey-art img{ display:none !important; width:0 !important; height:0 !important; }
.ssjx__preview-journey-label{ min-width:0 !important; text-align:left !important; }
.ssjx__preview-journey-label strong{ color:#e8ffe1 !important; font-size:11px !important; line-height:1.05 !important; }
.ssjx__preview-journey-label small{ color:#829188 !important; font-size:8.5px !important; line-height:1.15 !important; margin-top:3px !important; }
.ssjx__preview-journey-actions b,.ssjx__preview-journey-actions button b{
    top:5px !important; right:6px !important;
    width:23px !important; height:23px !important;
    min-width:23px !important; min-height:23px !important;
    max-width:23px !important; max-height:23px !important;
    font-size:9px !important; line-height:1 !important;
}

body > .ssjx__mobile-bar.is-handoff-out{
    opacity:0 !important;
    transform:translate3d(0,18px,0) scale(.985) !important;
    pointer-events:none !important;
    transition:opacity 180ms ease,transform 260ms cubic-bezier(.16,.78,.20,1) !important;
}
body > .ssjx__mobile-bar.is-returning{
    animation:ssjxDockReturnV211 420ms cubic-bezier(.16,.78,.20,1) both !important;
}
@keyframes ssjxDockReturnV211{
    0% { opacity:0; transform:translate3d(0,18px,0) scale(.985); }
    72% { opacity:1; transform:translate3d(0,-2px,0) scale(1); }
    100% { opacity:1; transform:translate3d(0,0,0) scale(1); }
}
.ssjx__dock-morph-ghost{ display:none !important; }

.ssjx__detail-canvas [data-ssjx-action="detail-save"].is-saved,.ssjx__detail-canvas [data-ssjx-action="detail-save"][data-saved="true"]{
    color:#ff405c !important;
}
.ssjx__detail-canvas [data-ssjx-action="detail-save"].is-saved svg,.ssjx__detail-canvas [data-ssjx-action="detail-save"][data-saved="true"] svg,.ssjx__preview [data-ssjx-action="preview-save"].is-saved svg,.ssjx__preview [data-ssjx-action="preview-save"][data-saved="true"] svg{
    color:#ff405c !important;
    fill:#ff405c !important;
    stroke:#ff405c !important;
    filter:drop-shadow(0 0 6px rgba(255,64,92,.40)) !important;
}
.ssjx__detail-canvas [data-ssjx-action="detail-save"].is-saved svg path,.ssjx__detail-canvas [data-ssjx-action="detail-save"][data-saved="true"] svg path,.ssjx__preview [data-ssjx-action="preview-save"].is-saved svg path,.ssjx__preview [data-ssjx-action="preview-save"][data-saved="true"] svg path{
    fill:#ff405c !important;
    stroke:#ff405c !important;
}
.ssjx__detail-toolbar [data-ssjx-action="detail-save"].is-saved,.ssjx__detail-toolbar [data-ssjx-action="detail-save"][data-saved="true"]{
    color:#ff405c !important;
    border-color:rgba(255,64,92,.70) !important;
    background:rgba(255,64,92,.07) !important;
    opacity:1 !important;
}

@media (max-width:900px){
    .ssjx__preview-journey-footer{ grid-template-columns:1fr !important; }
    .ssjx__preview-journey-footer.is-preparing,.ssjx__preview-journey-footer.is-visible,.ssjx__preview-journey-footer.is-leaving{ max-height:136px !important; }
    .ssjx__preview-journey-heading{ display:none !important; }
}
@media (max-width:720px){
    .ssjx__preview-journey-footer.is-preparing,.ssjx__preview-journey-footer.is-visible,.ssjx__preview-journey-footer.is-leaving{
        max-height:86px !important;
        margin-top:10px !important;
        padding-top:9px !important;
        padding-bottom:max(2px,env(safe-area-inset-bottom)) !important;
    }
    .ssjx__preview-journey-actions{ gap:6px !important; }
    .ssjx__preview-journey-actions button,.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus,.ssjx__preview-journey-actions button:active{
        grid-template-columns:36px minmax(0,1fr) !important;
        height:50px !important; min-height:50px !important; max-height:50px !important;
        padding:5px 7px 5px 6px !important;
        gap:5px !important;
    }
    .ssjx__preview-journey-art{
        width:36px !important; height:36px !important;
        min-width:36px !important; min-height:36px !important;
        max-width:36px !important; max-height:36px !important;
    }
    .ssjx__preview-journey-label strong{ font-size:10px !important; }
    .ssjx__preview-journey-label small{ display:none !important; }
    .ssjx__journey-toolbar{ min-height:56px; padding:7px 10px; }
    .ssjx__journey-toolbar-pdf span{ display:none; }
    .ssjx__journey-back{ padding:0 11px !important; }
}

@media (prefers-reduced-motion:reduce){
    body > .ssjx__mobile-bar.is-returning{ animation:none !important; }
}
.ssjx__preview-journey-footer.is-leaving{
    max-height: 164px !important;
    margin-top: 14px !important;
    padding: 12px 0 0 !important;
    border-top-color: rgba(var(--ssjx-green-rgb), .22) !important;
    background: linear-gradient(90deg,
        rgba(var(--ssjx-green-rgb), .00) 0%,
        rgba(var(--ssjx-green-rgb), .028) 18%,
        rgba(var(--ssjx-green-rgb), .05) 50%,
        rgba(var(--ssjx-green-rgb), .028) 82%,
        rgba(var(--ssjx-green-rgb), .00) 100%) !important;
}

.ssjx__preview-journey-heading{
    display: block !important;
    min-width: 0 !important;
    padding: 0 2px !important;
}

.ssjx__preview-journey-heading span{
    display: block !important;
    color: #bfffb0 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.ssjx__preview-journey-heading small{
    display: block !important;
    margin-top: 4px !important;
    color: #d6e2d8 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    max-width: none !important;
}

.ssjx__preview-journey-actions{
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    min-width: 0 !important;
    padding: 6px !important;
    border: 1px solid rgba(var(--ssjx-green-rgb), .40) !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 50% 120%, rgba(var(--ssjx-green-rgb), .11), transparent 56%),
        rgba(5, 11, 13, .93) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .075),
        inset 0 0 0 1px rgba(var(--ssjx-green-rgb), .035),
        0 0 26px rgba(var(--ssjx-green-rgb), .105) !important;
    backdrop-filter: blur(15px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(15px) saturate(1.1) !important;
    overflow: hidden !important;
}

.ssjx__preview-journey-actions button,.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus,.ssjx__preview-journey-actions button:active{
    position: relative !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0,1fr) !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin: 0 !important;
    padding: 8px 18px 8px 11px !important;
    gap: 11px !important;
    color: #b7f6a8 !important;
    background: rgba(var(--ssjx-green-rgb), .026) !important;
    border: 1px solid transparent !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    transform: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: color 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 140ms ease !important;
    overflow: hidden !important;
}

.ssjx__preview-journey-actions button.is-active,.ssjx__preview-journey-actions button:first-child,.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus-visible{
    color: #e0ffd8 !important;
    background: linear-gradient(145deg, rgba(var(--ssjx-green-rgb), .115), rgba(var(--ssjx-green-rgb), .045)) !important;
    border-color: rgba(var(--ssjx-green-rgb), .26) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 16px rgba(var(--ssjx-green-rgb), .07) !important;
}

.ssjx__preview-journey-actions button:active{
    transform: translateY(2px) !important;
}

.ssjx__preview-journey-art{
    display: grid !important;
    place-items: center !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 0 7px rgba(var(--ssjx-green-rgb), .40)) drop-shadow(0 0 17px rgba(var(--ssjx-green-rgb), .14)) !important;
}

.ssjx__preview-journey-art img{ display:none !important; width:0 !important; height:0 !important; }

.ssjx__preview-journey-label{
    min-width: 0 !important;
    text-align: left !important;
}

.ssjx__preview-journey-label strong{
    display: block !important;
    color: currentColor !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
    letter-spacing: .01em !important;
}

.ssjx__preview-journey-label small{
    display: block !important;
    margin-top: 4px !important;
    color: currentColor !important;
    opacity: .86 !important;
    font-size: 10px !important;
    line-height: 1.18 !important;
    font-weight: 720 !important;
}

.ssjx__preview-journey-actions b,.ssjx__preview-journey-actions button b{
    position: absolute !important;
    top: 4px !important;
    right: 5px !important;
    display: grid !important;
    place-items: center !important;
    min-width: 18px !important;
    width: auto !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 4px !important;
    color: #041006 !important;
    background: linear-gradient(145deg, #d8ffc9, var(--ssjx-green)) !important;
    border: 1px solid rgba(232,255,224,.76) !important;
    border-radius: 999px !important;
    box-shadow: 0 0 12px rgba(var(--ssjx-green-rgb), .22) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

@media (max-width: 900px){
    .ssjx__preview-journey-footer.is-preparing,.ssjx__preview-journey-footer.is-visible,.ssjx__preview-journey-footer.is-leaving{
        max-height: 156px !important;
    }
    .ssjx__preview-journey-heading{ display: block !important; }
}

@media (max-width: 720px){
    .ssjx__preview-journey-footer.is-preparing,.ssjx__preview-journey-footer.is-visible,.ssjx__preview-journey-footer.is-leaving{
        max-height: 142px !important;
        margin-top: 10px !important;
        padding-top: 10px !important;
    }
    .ssjx__preview-journey-heading small{
        font-size: 10px !important;
    }
    .ssjx__preview-journey-actions{
        gap: 4px !important;
        padding: 5px !important;
        border-radius: 18px !important;
    }
    .ssjx__preview-journey-actions button,.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus,.ssjx__preview-journey-actions button:active{
        grid-template-columns: 42px minmax(0,1fr) !important;
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        padding: 6px 10px 6px 8px !important;
        gap: 8px !important;
    }
    .ssjx__preview-journey-art{
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        max-width: 42px !important;
        max-height: 42px !important;
    }
    .ssjx__preview-journey-label strong{
        font-size: 11px !important;
    }
    .ssjx__preview-journey-label small{
        font-size: 9px !important;
    }
    .ssjx__preview-journey-actions b,.ssjx__preview-journey-actions button b{
        top: 4px !important;
        right: 4px !important;
        min-width: 17px !important;
        height: 17px !important;
        min-height: 17px !important;
        font-size: 8px !important;
    }
}

.ssjx__reading-mode{
    --ssjx-reading-shell-bg: linear-gradient(180deg, rgba(7, 18, 39, .96), rgba(2, 10, 26, .98));
    --ssjx-reading-shell-border: rgba(120, 174, 255, .26);
    --ssjx-reading-shell-glow: rgba(86, 176, 255, .16);
    --ssjx-reading-dotline: rgba(142, 200, 255, .28);
    --ssjx-reading-text: #d9e7fb;
    --ssjx-reading-muted: #bfd0eb;
    --ssjx-reading-active-a: rgba(39, 116, 204, .92);
    --ssjx-reading-active-b: rgba(84, 168, 236, .92);
    --ssjx-reading-active-c: rgba(133, 214, 255, .88);
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px;
    border-radius: 999px;
    background: var(--ssjx-reading-shell-bg);
    border: 1px solid var(--ssjx-reading-shell-border);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 0 0 1px rgba(255, 255, 255, .02),
        0 10px 28px rgba(0, 0, 0, .26),
        0 0 28px var(--ssjx-reading-shell-glow);
}

.ssjx__reading-mode::before{
    content: "";
    position: absolute;
    inset: 5px;
    border-radius: inherit;
    border: 1px dotted var(--ssjx-reading-dotline);
    opacity: .7;
    pointer-events: none;
}

.ssjx__reading-segment,.ssjx__reading-segment:hover,.ssjx__reading-segment:focus,.ssjx__reading-segment:active{
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 12px 24px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: transparent !important;
    color: var(--ssjx-reading-muted) !important;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.01em;
    box-shadow: none !important;
    transition:
        color .22s ease,
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        transform .18s ease;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.ssjx__reading-segment svg{
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    color: currentColor;
}

.ssjx__reading-segment.is-active,.ssjx__reading-segment[aria-pressed="true"]{
    background:
        radial-gradient(circle at 18% 26%, rgba(161, 229, 255, .26), transparent 32%),
        linear-gradient(135deg, var(--ssjx-reading-active-a), var(--ssjx-reading-active-b) 55%, var(--ssjx-reading-active-c)) !important;
    color: #f7fbff !important;
    border-color: rgba(159, 223, 255, .72) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .2),
        0 0 0 1px rgba(150, 222, 255, .10),
        0 0 24px rgba(90, 186, 255, .32),
        0 14px 30px rgba(46, 102, 188, .28) !important;
}

.ssjx__reading-segment:not(.is-active):hover,.ssjx__reading-segment:not(.is-active):focus-visible{
    color: #eff7ff !important;
    background: rgba(84, 144, 219, .10) !important;
    border-color: rgba(126, 186, 255, .22) !important;
}

.ssjx__reading-segment:active{
    transform: translateY(1px);
}

.ssjx__reading-mode--toolbar{
    flex-shrink: 0;
}

.ssjx__reading-mode--toolbar .ssjx__reading-segment{
    min-width: 118px;
    min-height: 46px;
    padding: 10px 18px;
    font-size: 14px;
}

.ssjx__reading-mode--toolbar .ssjx__reading-segment svg{
    width: 18px;
    height: 18px;
}

.ssjx__reading-mode--panel{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 8px;
    padding: 8px;
}

.ssjx__reading-mode--panel .ssjx__reading-segment{
    width: 100%;
    min-height: 60px;
    font-size: 18px;
    padding: 14px 22px;
}

.ssjx__detail-side-card--reading .ssjx__reading-mode{
    margin-top: 6px;
}

.ssjx__detail-canvas[data-ssjx-reading="light"] .ssjx__reading-mode{
    --ssjx-reading-shell-bg: linear-gradient(180deg, rgba(235, 243, 255, .98), rgba(224, 235, 251, .98));
    --ssjx-reading-shell-border: rgba(92, 136, 214, .30);
    --ssjx-reading-shell-glow: rgba(73, 140, 214, .10);
    --ssjx-reading-dotline: rgba(92, 136, 214, .22);
    --ssjx-reading-text: #18345e;
    --ssjx-reading-muted: #345376;
}

.ssjx__detail-canvas[data-ssjx-reading="light"] .ssjx__reading-segment,.ssjx__detail-canvas[data-ssjx-reading="light"] .ssjx__reading-segment:hover,.ssjx__detail-canvas[data-ssjx-reading="light"] .ssjx__reading-segment:focus,.ssjx__detail-canvas[data-ssjx-reading="light"] .ssjx__reading-segment:active{
    color: var(--ssjx-reading-muted) !important;
}

.ssjx__detail-canvas[data-ssjx-reading="light"] .ssjx__reading-segment.is-active,.ssjx__detail-canvas[data-ssjx-reading="light"] .ssjx__reading-segment[aria-pressed="true"]{
    color: #ffffff !important;
}

@media (max-width: 980px){
    .ssjx__detail-toolbar-actions{
        gap: 10px;
    }

    .ssjx__reading-mode--toolbar .ssjx__reading-segment{
        min-width: 0;
        padding: 10px 14px;
        font-size: 13px;
    }
}

@media (max-width: 780px){
    .ssjx__reading-mode--toolbar{
        padding: 5px;
        gap: 4px;
    }

    .ssjx__reading-mode--toolbar::before{
        inset: 4px;
    }

    .ssjx__reading-mode--toolbar .ssjx__reading-segment{
        min-height: 40px;
        min-width: 0;
        padding: 8px 10px;
        gap: 7px;
    }

    .ssjx__reading-mode--toolbar .ssjx__reading-segment span{
        display: none;
    }

    .ssjx__reading-mode--toolbar .ssjx__reading-segment svg{
        width: 17px;
        height: 17px;
    }
}

@media (max-width: 560px){
    .ssjx__reading-mode--panel{
        gap: 6px;
        padding: 6px;
    }

    .ssjx__reading-mode--panel .ssjx__reading-segment{
        min-height: 52px;
        padding: 12px 14px;
        font-size: 16px;
        gap: 8px;
    }

    .ssjx__reading-mode--panel .ssjx__reading-segment svg{
        width: 18px;
        height: 18px;
    }
}

.ssjx__card,.ssjx__card:hover,.ssjx__card:focus-within,.ssjx__card.is-active,.ssjx__card.is-saved,.ssjx__card.is-saved:not(.is-active){
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    box-sizing: border-box !important;
}

.ssjx__card-main,.ssjx__card-main:hover,.ssjx__card-main:focus,.ssjx__card-main:focus-visible,.ssjx__card-main:active{
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

.ssjx__card-icon,.ssjx__card:hover .ssjx__card-icon,.ssjx__card:focus-within .ssjx__card-icon,.ssjx__card.is-active .ssjx__card-icon,.ssjx__card.is-saved .ssjx__card-icon,.ssjx__card-icon--asset,.ssjx__card:hover .ssjx__card-icon--asset,.ssjx__card:focus-within .ssjx__card-icon--asset,.ssjx__card.is-active .ssjx__card-icon--asset{
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

.ssjx__card-icon--asset img,.ssjx__card:hover .ssjx__card-icon--asset img,.ssjx__card:focus-within .ssjx__card-icon--asset img,.ssjx__card.is-active .ssjx__card-icon--asset img,.ssjx__group--blue .ssjx__card-icon--asset img,.ssjx__group--blue .ssjx__card:hover .ssjx__card-icon--asset img,.ssjx__group--blue .ssjx__card.is-active .ssjx__card-icon--asset img{
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

.ssjx__card-arrow,.ssjx__card:hover .ssjx__card-arrow,.ssjx__card:focus-within .ssjx__card-arrow,.ssjx__card.is-active .ssjx__card-arrow,.ssjx__card--last .ssjx__card-arrow{
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

.ssjx__card-arrow::before,.ssjx__card:hover .ssjx__card-arrow::before,.ssjx__card:focus-within .ssjx__card-arrow::before,.ssjx__card.is-active .ssjx__card-arrow::before{
    transform: translateY(-50%) scaleX(1) !important;
}

.ssjx__card-arrow svg,.ssjx__card:hover .ssjx__card-arrow svg,.ssjx__card:focus-within .ssjx__card-arrow svg,.ssjx__card.is-active .ssjx__card-arrow svg{
    transform: none !important;
    animation: none !important;
}

.ssjx__card-save,.ssjx__card-save:hover,.ssjx__card-save:focus,.ssjx__card-save:focus-visible,.ssjx__card-save:active,.ssjx__card-save.is-saved{
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

.ssjx__journey-back,.ssjx__journey-back:hover,.ssjx__journey-back:focus,.ssjx__journey-back:focus-visible,.ssjx__journey-back:active,.ssjx__journey-toolbar-pdf,.ssjx__journey-toolbar-pdf:hover,.ssjx__journey-toolbar-pdf:focus,.ssjx__journey-toolbar-pdf:focus-visible,.ssjx__journey-toolbar-pdf:active{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    gap: 8px !important;
    border-width: 1px !important;
    border-radius: 11px !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

.ssjx__detail-back,.ssjx__detail-back:hover,.ssjx__detail-back:focus,.ssjx__detail-back:focus-visible,.ssjx__detail-back:active,.ssjx__reading-mode--toolbar,.ssjx__reading-mode--toolbar:hover,.ssjx__reading-mode--toolbar:focus-within{
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

.ssjx__detail-toolbar .ssjx__icon-button,.ssjx__detail-toolbar .ssjx__icon-button:hover,.ssjx__detail-toolbar .ssjx__icon-button:focus,.ssjx__detail-toolbar .ssjx__icon-button:focus-visible,.ssjx__detail-toolbar .ssjx__icon-button:active{
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

.ssjx__reading-segment,.ssjx__reading-segment:hover,.ssjx__reading-segment:focus,.ssjx__reading-segment:focus-visible,.ssjx__reading-segment:active,.ssjx__reading-segment.is-active,.ssjx__reading-segment[aria-pressed="true"]{
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    box-sizing: border-box !important;
}

.ssjx__preview-journey-footer{
    background:
        linear-gradient(135deg, rgba(4, 16, 14, .96), rgba(5, 11, 23, .98)) !important;
    border: 1px solid rgba(var(--ssjx-green-rgb), .18) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 14px 28px rgba(0,0,0,.24) !important;
}

.ssjx__preview-journey-actions{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
}

.ssjx__preview-journey-actions button,.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus,.ssjx__preview-journey-actions button:active{
    position: relative !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    align-items: center !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 74px !important;
    height: 74px !important;
    padding: 9px 18px 9px 12px !important;
    gap: 12px !important;
    border-radius: 22px !important;
    background:
        linear-gradient(135deg, rgba(5, 17, 15, .96), rgba(4, 10, 20, .98)) !important;
    border: 1px solid rgba(var(--ssjx-green-rgb), .24) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 0 0 1px rgba(var(--ssjx-green-rgb), .06),
        0 10px 24px rgba(0,0,0,.20) !important;
    transform: none !important;
    overflow: hidden !important;
}

.ssjx__preview-journey-actions button:first-child,.ssjx__preview-journey-actions button.is-active{
    background:
        radial-gradient(circle at 20% 50%, rgba(var(--ssjx-green-rgb), .18), transparent 46%),
        linear-gradient(135deg, rgba(var(--ssjx-green-rgb), .16), rgba(5, 18, 14, .94) 46%, rgba(4, 10, 18, .98)) !important;
    border-color: rgba(var(--ssjx-green-rgb), .36) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 0 0 1px rgba(var(--ssjx-green-rgb), .08),
        0 0 24px rgba(var(--ssjx-green-rgb), .10) !important;
}

.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus-visible{
    background:
        linear-gradient(135deg, rgba(var(--ssjx-green-rgb), .10), rgba(5, 16, 14, .95), rgba(4, 10, 19, .98)) !important;
    border-color: rgba(var(--ssjx-green-rgb), .44) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 0 0 1px rgba(var(--ssjx-green-rgb), .12),
        0 0 22px rgba(var(--ssjx-green-rgb), .12) !important;
}

.ssjx__preview-journey-actions button:active{
    transform: translateY(1px) !important;
}

.ssjx__preview-journey-art{
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 35% 35%, rgba(var(--ssjx-green-rgb), .14), rgba(8, 14, 26, .72) 70%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 0 0 1px rgba(var(--ssjx-green-rgb), .18) !important;
}

.ssjx__preview-journey-label{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-width: 0 !important;
    text-align: left !important;
}

.ssjx__preview-journey-label strong{
    display: block !important;
    color: #e7ffe1 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -.01em !important;
}

.ssjx__preview-journey-label small{
    display: block !important;
    margin-top: 4px !important;
    color: #9ab39f !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
}

.ssjx__preview-journey-actions b,.ssjx__preview-journey-actions button b{
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #b8ff8b !important;
    color: #081107 !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 0 18px rgba(var(--ssjx-green-rgb), .24) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
}

@media (max-width: 900px){
    .ssjx__preview-journey-actions{
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 720px){
    .ssjx__preview-journey-footer{
        padding: 14px !important;
        border-radius: 20px !important;
    }

    .ssjx__preview-journey-actions{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .ssjx__preview-journey-actions button,.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus,.ssjx__preview-journey-actions button:active{
        grid-template-columns: 40px minmax(0, 1fr) !important;
        min-height: 58px !important;
        height: 58px !important;
        padding: 7px 12px 7px 9px !important;
        gap: 8px !important;
        border-radius: 18px !important;
    }

    .ssjx__preview-journey-art{
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border-radius: 14px !important;
    }

    .ssjx__preview-journey-label strong{
        font-size: 12px !important;
    }

    .ssjx__preview-journey-label small{
        display: block !important;
        margin-top: 2px !important;
        font-size: 9.5px !important;
        line-height: 1.1 !important;
    }

    .ssjx__preview-journey-actions b,.ssjx__preview-journey-actions button b{
        top: 7px !important;
        right: 7px !important;
        width: 21px !important;
        min-width: 21px !important;
        max-width: 21px !important;
        height: 21px !important;
        min-height: 21px !important;
        font-size: 9px !important;
    }
}

@media (max-width: 420px){
    .ssjx__preview-journey-actions button,.ssjx__preview-journey-actions button:hover,.ssjx__preview-journey-actions button:focus,.ssjx__preview-journey-actions button:active{
        grid-template-columns: 36px minmax(0, 1fr) !important;
        min-height: 54px !important;
        height: 54px !important;
        padding: 7px 10px 7px 8px !important;
        gap: 6px !important;
    }

    .ssjx__preview-journey-art{
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
    }

    .ssjx__preview-journey-label strong{
        font-size: 11px !important;
    }

    .ssjx__preview-journey-label small{
        display: none !important;
    }
}

.ssjx__reading-mode,.ssjx__reading-mode:hover,.ssjx__reading-mode:focus-within{
    --ssjx-reading-blue-rgb: 70, 178, 255;
    --ssjx-reading-shell: rgba(5, 13, 29, .97);
    --ssjx-reading-shell-2: rgba(8, 20, 39, .96);
    --ssjx-reading-line: rgba(136, 181, 228, .28);
    --ssjx-reading-dot: rgba(117, 167, 219, .34);
    --ssjx-reading-active-bg: rgba(14, 46, 78, .94);
    --ssjx-reading-active-bg-2: rgba(10, 31, 57, .98);
    --ssjx-reading-active-edge: rgba(76, 185, 255, .92);
    --ssjx-reading-active-glow: rgba(57, 168, 255, .20);
    --ssjx-reading-text: #eef6ff;
    --ssjx-reading-muted: #b7c4d7;

    position: relative !important;
    display: inline-grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 4px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px !important;

    background:
        linear-gradient(180deg, var(--ssjx-reading-shell-2), var(--ssjx-reading-shell)) !important;
    border: 1px solid var(--ssjx-reading-line) !important;
    border-radius: 24px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 0 0 1px rgba(255, 255, 255, .015),
        0 12px 26px rgba(0, 0, 0, .24) !important;

    overflow: hidden !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

.ssjx__reading-mode::before{
    content: "" !important;
    position: absolute !important;
    inset: 7px !important;
    z-index: 0 !important;
    border: 1px dotted var(--ssjx-reading-dot) !important;
    border-radius: 18px !important;
    opacity: .85 !important;
    pointer-events: none !important;
}

.ssjx__reading-mode > .ssjx__reading-segment,.ssjx__reading-mode > .ssjx__reading-segment:hover,.ssjx__reading-mode > .ssjx__reading-segment:focus,.ssjx__reading-mode > .ssjx__reading-segment:focus-visible,.ssjx__reading-mode > .ssjx__reading-segment:active,.ssjx__reading-mode > .ssjx__reading-segment.is-active,.ssjx__reading-mode > .ssjx__reading-segment[aria-pressed="true"]{
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    color: var(--ssjx-reading-muted) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 17px !important;
    box-shadow: none !important;
    outline: 0 !important;

    font-family: inherit !important;
    font-size: 17px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-shadow: none !important;

    appearance: none !important;
    -webkit-appearance: none !important;
    overflow: hidden !important;
    cursor: pointer !important;

    transform: none !important;
    translate: none !important;
    scale: 1 !important;

    transition:
        color 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease !important;
}

.ssjx__reading-mode > .ssjx__reading-segment:not(.is-active):not([aria-pressed="true"]){
    color: var(--ssjx-reading-muted) !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.ssjx__reading-mode > .ssjx__reading-segment:not(.is-active):not([aria-pressed="true"]):hover,.ssjx__reading-mode > .ssjx__reading-segment:not(.is-active):not([aria-pressed="true"]):focus-visible{
    color: #e6f1ff !important;
    background: rgba(var(--ssjx-reading-blue-rgb), .055) !important;
    border-color: rgba(var(--ssjx-reading-blue-rgb), .16) !important;
    box-shadow: none !important;
}

.ssjx__reading-mode > .ssjx__reading-segment.is-active,.ssjx__reading-mode > .ssjx__reading-segment[aria-pressed="true"],.ssjx__reading-mode > .ssjx__reading-segment.is-active:hover,.ssjx__reading-mode > .ssjx__reading-segment[aria-pressed="true"]:hover,.ssjx__reading-mode > .ssjx__reading-segment.is-active:focus-visible,.ssjx__reading-mode > .ssjx__reading-segment[aria-pressed="true"]:focus-visible{
    color: var(--ssjx-reading-text) !important;
    background:
        radial-gradient(circle at 22% 24%, rgba(var(--ssjx-reading-blue-rgb), .18), transparent 42%),
        linear-gradient(145deg, var(--ssjx-reading-active-bg), var(--ssjx-reading-active-bg-2)) !important;
    border-color: var(--ssjx-reading-active-edge) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        inset 0 0 18px rgba(var(--ssjx-reading-blue-rgb), .045),
        0 0 0 1px rgba(var(--ssjx-reading-blue-rgb), .07),
        0 0 18px var(--ssjx-reading-active-glow) !important;
}

.ssjx__reading-mode > .ssjx__reading-segment:active{
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

.ssjx__reading-mode > .ssjx__reading-segment svg{
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    color: currentColor !important;
    fill: none !important;
    stroke: currentColor !important;
    filter: none !important;
}

.ssjx__reading-mode > .ssjx__reading-segment.is-active svg,.ssjx__reading-mode > .ssjx__reading-segment[aria-pressed="true"] svg{
    color: #9eefff !important;
    stroke: currentColor !important;
    filter: drop-shadow(0 0 6px rgba(117, 225, 255, .32)) !important;
}

.ssjx__reading-mode > .ssjx__reading-segment span{
    display: inline-block !important;
    color: inherit !important;
    font: inherit !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.ssjx__reading-mode--toolbar{
    width: auto !important;
    min-width: 286px !important;
    max-width: 330px !important;
    flex: 0 0 auto !important;
}

.ssjx__reading-mode--toolbar > .ssjx__reading-segment,.ssjx__reading-mode--toolbar > .ssjx__reading-segment:hover,.ssjx__reading-mode--toolbar > .ssjx__reading-segment:focus,.ssjx__reading-mode--toolbar > .ssjx__reading-segment:active{
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 18px !important;
    font-size: 15px !important;
    border-radius: 15px !important;
}

.ssjx__reading-mode--panel{
    width: 100% !important;
    max-width: 100% !important;
}

.ssjx__detail-side-card--reading .ssjx__reading-mode--panel{
    margin-top: 12px !important;
}

.ssjx__detail-canvas[data-ssjx-reading="light"] .ssjx__reading-mode{
    --ssjx-reading-shell: rgba(5, 13, 29, .97) !important;
    --ssjx-reading-shell-2: rgba(8, 20, 39, .96) !important;
    --ssjx-reading-line: rgba(136, 181, 228, .28) !important;
    --ssjx-reading-dot: rgba(117, 167, 219, .34) !important;
    --ssjx-reading-text: #eef6ff !important;
    --ssjx-reading-muted: #b7c4d7 !important;

    background:
        linear-gradient(180deg, var(--ssjx-reading-shell-2), var(--ssjx-reading-shell)) !important;
    border-color: var(--ssjx-reading-line) !important;
}

.ssjx__detail-canvas[data-ssjx-reading="light"]
.ssjx__reading-mode > .ssjx__reading-segment{
    color: var(--ssjx-reading-muted) !important;
}

.ssjx__detail-canvas[data-ssjx-reading="light"]
.ssjx__reading-mode > .ssjx__reading-segment.is-active,.ssjx__detail-canvas[data-ssjx-reading="light"]
.ssjx__reading-mode > .ssjx__reading-segment[aria-pressed="true"]{
    color: var(--ssjx-reading-text) !important;
}

@media (max-width: 980px){
    .ssjx__reading-mode--toolbar{
        min-width: 250px !important;
        max-width: 286px !important;
        padding: 6px !important;
        border-radius: 20px !important;
    }

    .ssjx__reading-mode--toolbar::before{
        inset: 5px !important;
        border-radius: 15px !important;
    }

    .ssjx__reading-mode--toolbar > .ssjx__reading-segment,.ssjx__reading-mode--toolbar > .ssjx__reading-segment:hover,.ssjx__reading-mode--toolbar > .ssjx__reading-segment:focus,.ssjx__reading-mode--toolbar > .ssjx__reading-segment:active{
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 13px !important;
        gap: 8px !important;
        font-size: 14px !important;
        border-radius: 14px !important;
    }
}

@media (max-width: 780px){
    .ssjx__reading-mode--toolbar,.ssjx__reading-mode--panel{
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 4px !important;
        padding: 6px !important;
        border-radius: 19px !important;
    }

    .ssjx__reading-mode--toolbar::before,.ssjx__reading-mode--panel::before{
        inset: 5px !important;
        border-radius: 14px !important;
    }

    .ssjx__reading-mode--toolbar > .ssjx__reading-segment,.ssjx__reading-mode--panel > .ssjx__reading-segment,.ssjx__reading-mode--toolbar > .ssjx__reading-segment:hover,.ssjx__reading-mode--panel > .ssjx__reading-segment:hover,.ssjx__reading-mode--toolbar > .ssjx__reading-segment:focus,.ssjx__reading-mode--panel > .ssjx__reading-segment:focus,.ssjx__reading-mode--toolbar > .ssjx__reading-segment:active,.ssjx__reading-mode--panel > .ssjx__reading-segment:active{
        width: 100% !important;
        min-width: 0 !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 0 11px !important;
        gap: 7px !important;
        font-size: 14px !important;
        border-radius: 14px !important;
    }

    .ssjx__reading-mode--toolbar > .ssjx__reading-segment span,.ssjx__reading-mode--panel > .ssjx__reading-segment span{
        display: inline-block !important;
    }

    .ssjx__reading-mode > .ssjx__reading-segment svg{
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
    }
}

@media (max-width: 420px){
    .ssjx__reading-mode--toolbar > .ssjx__reading-segment,.ssjx__reading-mode--panel > .ssjx__reading-segment{
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 9px !important;
        gap: 6px !important;
        font-size: 13px !important;
    }
}

.ssjx__reading-mode > span.ssjx__reading-segment,.ssjx__reading-mode > span.ssjx__reading-segment:hover,.ssjx__reading-mode > span.ssjx__reading-segment:focus,.ssjx__reading-mode > span.ssjx__reading-segment:focus-visible,.ssjx__reading-mode > span.ssjx__reading-segment:active{
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;
    padding: 0 22px !important;
    box-sizing: border-box !important;

    color: #b7c4d7 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 17px !important;
    box-shadow: none !important;
    outline: none !important;

    font-family: inherit !important;
    font-size: 17px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    text-transform: none !important;
    text-shadow: none !important;

    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;

    transform: none !important;
    translate: none !important;
    scale: 1 !important;

    transition:
        color 180ms ease,
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease !important;
}

.ssjx__reading-mode > span.ssjx__reading-segment::before,.ssjx__reading-mode > span.ssjx__reading-segment::after{
    content: none !important;
    display: none !important;
}

.ssjx__reading-mode > span.ssjx__reading-segment.is-active,.ssjx__reading-mode > span.ssjx__reading-segment[aria-pressed="true"],.ssjx__reading-mode > span.ssjx__reading-segment.is-active:hover,.ssjx__reading-mode > span.ssjx__reading-segment[aria-pressed="true"]:hover,.ssjx__reading-mode > span.ssjx__reading-segment.is-active:focus-visible,.ssjx__reading-mode > span.ssjx__reading-segment[aria-pressed="true"]:focus-visible{
    color: #eef6ff !important;
    background:
        radial-gradient(circle at 22% 24%, rgba(70, 178, 255, .18), transparent 42%),
        linear-gradient(145deg, rgba(14, 46, 78, .94), rgba(10, 31, 57, .98)) !important;
    border-color: rgba(76, 185, 255, .92) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 0 18px rgba(70,178,255,.045),
        0 0 0 1px rgba(70,178,255,.07),
        0 0 18px rgba(57,168,255,.20) !important;
}

.ssjx__reading-mode > span.ssjx__reading-segment:not(.is-active):not([aria-pressed="true"]):hover,.ssjx__reading-mode > span.ssjx__reading-segment:not(.is-active):not([aria-pressed="true"]):focus-visible{
    color: #e6f1ff !important;
    background: rgba(70, 178, 255, .055) !important;
    border-color: rgba(70, 178, 255, .16) !important;
    box-shadow: none !important;
}

.ssjx__reading-mode > span.ssjx__reading-segment svg{
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;
    filter: none !important;
}

.ssjx__reading-mode > span.ssjx__reading-segment.is-active svg,.ssjx__reading-mode > span.ssjx__reading-segment[aria-pressed="true"] svg{
    color: #9eefff !important;
    filter: drop-shadow(0 0 6px rgba(117,225,255,.32)) !important;
}

.ssjx__reading-mode > span.ssjx__reading-segment > span{
    display: inline-block !important;
    color: inherit !important;
    font: inherit !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.ssjx__reading-mode--toolbar > span.ssjx__reading-segment{
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 18px !important;
    font-size: 15px !important;
    border-radius: 15px !important;
}

.ssjx__reading-mode--panel > span.ssjx__reading-segment{
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
}

@media (max-width: 780px){
    .ssjx__reading-mode--toolbar > span.ssjx__reading-segment,.ssjx__reading-mode--panel > span.ssjx__reading-segment{
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 0 11px !important;
        gap: 7px !important;
        font-size: 14px !important;
        border-radius: 14px !important;
    }

    .ssjx__reading-mode--toolbar > span.ssjx__reading-segment > span,.ssjx__reading-mode--panel > span.ssjx__reading-segment > span{
        display: inline-block !important;
    }
}

@media (max-width: 420px){
    .ssjx__reading-mode--toolbar > span.ssjx__reading-segment,.ssjx__reading-mode--panel > span.ssjx__reading-segment{
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 9px !important;
        gap: 6px !important;
        font-size: 13px !important;
    }
}

.ssjx-rmode2,.ssjx-rmode2 *,.ssjx-rmode2 *::before,.ssjx-rmode2 *::after{
    box-sizing: border-box !important;
}

.ssjx-rmode2{
    --rm-blue: 79, 187, 255;
    --rm-blue-soft: 157, 229, 255;
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow: hidden !important;

    background:
        radial-gradient(circle at 50% 115%, rgba(var(--rm-blue), .055), transparent 52%),
        linear-gradient(180deg, rgba(7, 17, 34, .98), rgba(3, 10, 23, .99)) !important;
    border: 1px solid rgba(128, 165, 209, .28) !important;
    border-radius: 25px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 10px 28px rgba(0,0,0,.26) !important;

    transform: none !important;
    translate: none !important;
    scale: 1 !important;
}

.ssjx-rmode2::before{
    content: "" !important;
    position: absolute !important;
    inset: 7px !important;
    z-index: 0 !important;
    display: block !important;
    pointer-events: none !important;
    border: 1px dotted rgba(127, 172, 220, .34) !important;
    border-radius: 18px !important;
}

.ssjx-rmode2__segment,.ssjx-rmode2__segment:hover,.ssjx-rmode2__segment:focus,.ssjx-rmode2__segment:focus-visible,.ssjx-rmode2__segment:active{
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;

    margin: 0 !important;
    padding: 0 22px !important;
    overflow: hidden !important;

    color: #b9c5d8 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 17px !important;
    outline: 0 !important;
    box-shadow: none !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-shadow: none !important;

    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;

    transform: none !important;
    translate: none !important;
    scale: 1 !important;

    transition:
        color 180ms ease,
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease !important;
}

.ssjx-rmode2__segment::before,.ssjx-rmode2__segment::after{
    content: none !important;
    display: none !important;
}

.ssjx-rmode2__segment.is-active,.ssjx-rmode2__segment[aria-pressed="true"],.ssjx-rmode2__segment.is-active:hover,.ssjx-rmode2__segment[aria-pressed="true"]:hover,.ssjx-rmode2__segment.is-active:focus-visible,.ssjx-rmode2__segment[aria-pressed="true"]:focus-visible{
    color: #f4f8ff !important;
    background:
        radial-gradient(circle at 24% 28%, rgba(var(--rm-blue-soft), .16), transparent 40%),
        linear-gradient(145deg, rgba(13, 49, 83, .96), rgba(8, 29, 55, .99)) !important;
    border-color: rgba(var(--rm-blue), .92) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        inset 0 0 18px rgba(var(--rm-blue), .045),
        0 0 0 1px rgba(var(--rm-blue), .065),
        0 0 18px rgba(var(--rm-blue), .18) !important;
}

.ssjx-rmode2__segment:not(.is-active):not([aria-pressed="true"]):hover,.ssjx-rmode2__segment:not(.is-active):not([aria-pressed="true"]):focus-visible{
    color: #e4eefc !important;
    background: rgba(var(--rm-blue), .045) !important;
    border-color: rgba(var(--rm-blue), .13) !important;
}

.ssjx-rmode2__glyph,.ssjx-rmode2__glyph:hover,.ssjx-rmode2__glyph:focus{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 25px !important;
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 27px !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-shadow: none !important;
    transform: none !important;
}

.ssjx-rmode2__glyph--sun{
    font-size: 25px !important;
}

.ssjx-rmode2__segment.is-active .ssjx-rmode2__glyph,.ssjx-rmode2__segment[aria-pressed="true"] .ssjx-rmode2__glyph{
    color: #a9f0ff !important;
    text-shadow: 0 0 9px rgba(113, 223, 255, .34) !important;
}

.ssjx-rmode2__label{
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font: inherit !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.ssjx-rmode2--toolbar{
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    flex: 0 0 300px !important;
}

.ssjx-rmode2--toolbar .ssjx-rmode2__segment{
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 17px !important;
    font-size: 15px !important;
    border-radius: 15px !important;
}

.ssjx-rmode2--toolbar .ssjx-rmode2__glyph{
    flex-basis: 21px !important;
    width: 21px !important;
    min-width: 21px !important;
    max-width: 21px !important;
    height: 21px !important;
    min-height: 21px !important;
    max-height: 21px !important;
    font-size: 23px !important;
    line-height: 21px !important;
}

.ssjx-rmode2--panel{
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
}

.ssjx__detail-canvas[data-ssjx-reading="light"] .ssjx-rmode2{
    background:
        radial-gradient(circle at 50% 115%, rgba(var(--rm-blue), .055), transparent 52%),
        linear-gradient(180deg, rgba(7, 17, 34, .98), rgba(3, 10, 23, .99)) !important;
    border-color: rgba(128, 165, 209, .28) !important;
}

@media (max-width: 980px){
    .ssjx-rmode2--toolbar{
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
        flex-basis: 250px !important;
        padding: 6px !important;
        border-radius: 21px !important;
    }

    .ssjx-rmode2--toolbar::before{
        inset: 5px !important;
        border-radius: 15px !important;
    }

    .ssjx-rmode2--toolbar .ssjx-rmode2__segment{
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 12px !important;
        gap: 7px !important;
        font-size: 14px !important;
        border-radius: 14px !important;
    }
}

@media (max-width: 780px){
    .ssjx-rmode2--toolbar,.ssjx-rmode2--panel{
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex-basis: auto !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 4px !important;
        padding: 6px !important;
        border-radius: 19px !important;
    }

    .ssjx-rmode2--toolbar::before,.ssjx-rmode2--panel::before{
        inset: 5px !important;
        border-radius: 14px !important;
    }

    .ssjx-rmode2__segment,.ssjx-rmode2--toolbar .ssjx-rmode2__segment,.ssjx-rmode2--panel .ssjx-rmode2__segment{
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 0 10px !important;
        gap: 7px !important;
        font-size: 14px !important;
        border-radius: 14px !important;
    }

    .ssjx-rmode2__glyph,.ssjx-rmode2--toolbar .ssjx-rmode2__glyph{
        flex-basis: 19px !important;
        width: 19px !important;
        min-width: 19px !important;
        max-width: 19px !important;
        height: 19px !important;
        min-height: 19px !important;
        max-height: 19px !important;
        font-size: 21px !important;
        line-height: 19px !important;
    }
}

@media (max-width: 420px){
    .ssjx-rmode2__segment,.ssjx-rmode2--toolbar .ssjx-rmode2__segment,.ssjx-rmode2--panel .ssjx-rmode2__segment{
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 8px !important;
        gap: 6px !important;
        font-size: 13px !important;
    }
}

html body.ssjx-has-modal .ssjx{
    --ssjx-modal-header-gap: clamp(18px, 1.25vw, 24px);
    --ssjx-modal-edge: clamp(12px, 2vw, 26px);
}

html body.ssjx-has-modal .ssjx .ssjx__modal{
    top: var(--ssjx-site-header-offset, 0px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: var(--ssjx-modal-header-gap) var(--ssjx-modal-edge) var(--ssjx-modal-edge) !important;
    place-items: start center !important;
}

html body.ssjx-has-modal .ssjx .ssjx__detail-canvas,html body.ssjx-has-modal .ssjx .ssjx__journey-panel{
    max-height: calc(100dvh - var(--ssjx-site-header-offset, 0px) - var(--ssjx-modal-header-gap) - var(--ssjx-modal-edge)) !important;
}

html body.ssjx-has-modal .ssjx .ssjx__detail-toolbar,html body.ssjx-has-modal .ssjx .ssjx__journey-toolbar{
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
}

@media (max-width: 720px){
    html body.ssjx-has-modal .ssjx{
        --ssjx-modal-header-gap: 12px;
        --ssjx-modal-edge: 7px;
    }
}

html body > .simme-global-header.ssjx-modal-header-mounted,html body > .simme-global-header.ssjx-modal-header-mounted:hover,html body.admin-bar > .simme-global-header.ssjx-modal-header-mounted,html body.admin-bar > .simme-global-header.ssjx-modal-header-mounted:hover{
    top: var(--ssjx-mounted-header-top, 0px) !important;
}

html body .ssjx .ssjx__journey-pdf-cover{
    position: relative !important;
    width: 120px !important;
    aspect-ratio: 1200 / 1754 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    background-color: #020817 !important;
    background-image: url("https://www.simme.co.uk/wp-content/uploads/2026/08/Journey-Cover-2.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    border: 1px solid rgba(89,150,255,.28) !important;
    border-radius: 6px !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.38), 0 0 18px rgba(50,139,255,.08) !important;
}

html body .ssjx .ssjx__journey-pdf-cover::before,html body .ssjx .ssjx__journey-pdf-cover::after{
    display: none !important;
    content: none !important;
}

html body .ssjx .ssjx__journey-pdf-brand{
    position: absolute !important;
    z-index: 4 !important;
    top: 11px !important;
    left: 13px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .ssjx .ssjx__journey-pdf-brand > img{
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 5px rgba(33,193,255,.18)) !important;
}

html body .ssjx .ssjx__journey-pdf-brand > span{
    display: block !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 7.15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
    text-shadow: 0 1px 4px rgba(0,0,0,.62) !important;
}

html body .ssjx .ssjx__journey-pdf-title{
    position: absolute !important;
    z-index: 4 !important;
    top: 67px !important;
    left: 14px !important;
    display: block !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: .94 !important;
    letter-spacing: -.045em !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.72) !important;
}

html body .ssjx .ssjx__journey-pdf-title > span,html body .ssjx .ssjx__journey-pdf-title > em{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-style: normal !important;
    color: inherit !important;
}

html body .ssjx .ssjx__journey-pdf-title > em{
    color: #67ff39 !important;
}

html body .ssjx .ssjx__journey-pdf-cover > small{
    position: absolute !important;
    z-index: 4 !important;
    top: 119px !important;
    left: 14px !important;
    bottom: auto !important;
    display: block !important;
    max-width: 70px !important;
    margin: 0 !important;
    color: #e3e8f2 !important;
    font-size: 5px !important;
    line-height: 1.3 !important;
    text-shadow: 0 1px 5px rgba(0,0,0,.76) !important;
}

html body .ssjx .ssjx__journey-pdf-page{
    width: 132px !important;
    aspect-ratio: .707 !important;
    padding: 14px 12px !important;
    color: #eef5ff !important;
    background:
        radial-gradient(circle at 82% 12%, rgba(93,230,67,.10), transparent 26%),
        radial-gradient(circle at 18% 88%, rgba(68,144,255,.08), transparent 30%),
        #050b19 !important;
    border: 1px solid rgba(87,151,255,.24) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.32) !important;
}

html body .ssjx .ssjx__journey-pdf-page > span{
    color: #fff !important;
    font-size: 7px !important;
    font-weight: 800 !important;
}

html body .ssjx .ssjx__journey-pdf-page > i{
    height: 4px !important;
    margin-top: 8px !important;
    background: rgba(111,154,211,.20) !important;
}

html body .ssjx .ssjx__journey-pdf-page > i:nth-of-type(1){ background: rgba(103,255,57,.42) !important; }
html body .ssjx .ssjx__journey-pdf-page > i:nth-of-type(2){ background: rgba(68,174,255,.35) !important; }
html body .ssjx .ssjx__journey-pdf-page > i:nth-of-type(3){ background: rgba(255,89,205,.30) !important; }
html body .ssjx .ssjx__journey-pdf-page > i:nth-of-type(4){ background: rgba(111,154,211,.18) !important; }

html body .ssjx .ssjx__journey-pdf-page > strong{
    display: block !important;
    margin-top: 18px !important;
    color: #f1ca63 !important;
    font-size: 7px !important;
    font-weight: 800 !important;
}

html body .ssjx .ssjx__journey-pdf-page > b{
    height: 18px !important;
    margin-top: 8px !important;
    background: linear-gradient(135deg, rgba(241,202,99,.12), rgba(22,40,70,.72)) !important;
    border: 1px solid rgba(241,202,99,.22) !important;
}

html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"],html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:hover,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:focus,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:focus-visible,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:active{
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 122px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    overflow: hidden !important;
    color: #ffc4d7 !important;
    background: linear-gradient(180deg, rgba(77,24,47,.54), rgba(35,15,29,.76)) !important;
    border: 1px solid rgba(255,104,157,.60) !important;
    border-radius: 12px !important;
    outline: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 0 15px rgba(255,83,145,.08) !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    transition:
        color 160ms ease,
        background 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease !important;
}

html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:hover,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:focus-visible{
    color: #ffe6ef !important;
    background: linear-gradient(180deg, rgba(98,28,58,.66), rgba(45,17,36,.86)) !important;
    border-color: rgba(255,126,171,.88) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 0 18px rgba(255,83,145,.15) !important;
}

html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"].is-confirming,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"][data-ssjx-confirming="true"]{
    color: #fff5f8 !important;
    background: linear-gradient(180deg, rgba(198,43,93,.94), rgba(127,24,65,.96)) !important;
    border-color: rgba(255,154,187,.98) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 0 0 2px rgba(255,85,143,.08),
        0 0 22px rgba(255,62,127,.24) !important;
}

html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"].is-confirming::after,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"][data-ssjx-confirming="true"]::after{
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 3px !important;
    content: "" !important;
    background: linear-gradient(90deg, #ffd5e4, #ff83b0, #ff4f8d) !important;
    transform-origin: left center !important;
    animation: ssjx-clear-gate-v246 5s linear forwards !important;
    pointer-events: none !important;
}

html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:disabled{
    color: #6f7586 !important;
    background: rgba(24,27,38,.52) !important;
    border-color: rgba(151,161,194,.18) !important;
    box-shadow: none !important;
    cursor: default !important;
    opacity: .62 !important;
}

@keyframes ssjx-clear-gate-v246{
    from { transform: scaleX(1); }
    to   { transform: scaleX(0); }
}

@media (max-width: 520px){
    html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"],html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:hover,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:focus,html body .ssjx .ssjx__journey-section-head > button[data-ssjx-action="clear-journey"]:active{
        min-width: 112px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 0 12px !important;
        font-size: 10.5px !important;
    }
}

html body .ssjx{
    --ssjx-saved-heart-pink: #ed76d5;
    --ssjx-saved-heart-pink-rgb: 237, 118, 213;
}

html body .ssjx .ssjx__card-save.is-saved,html body .ssjx .ssjx__card-save[aria-pressed="true"]{
    color: #ed76d5 !important;
    background: rgba(237, 118, 213, .14) !important;
    border-color: rgba(237, 118, 213, .84) !important;
    box-shadow: inset 0 0 11px rgba(237, 118, 213, .09), 0 0 15px rgba(237, 118, 213, .20) !important;
    opacity: 1 !important;
}
html body .ssjx .ssjx__card-save.is-saved svg,html body .ssjx .ssjx__card-save[aria-pressed="true"] svg,html body .ssjx .ssjx__card-save.is-saved svg path,html body .ssjx .ssjx__card-save[aria-pressed="true"] svg path{
    color: #ed76d5 !important;
    fill: #ed76d5 !important;
    stroke: #ed76d5 !important;
    opacity: 1 !important;
    filter: drop-shadow(0 0 5px rgba(237, 118, 213, .36)) !important;
}

html body .ssjx [data-ssjx-action="preview-save"].is-saved svg,html body .ssjx [data-ssjx-action="preview-save"][data-saved="true"] svg,html body .ssjx [data-ssjx-action="preview-save"][aria-pressed="true"] svg,html body .ssjx [data-ssjx-action="detail-save"].is-saved svg,html body .ssjx [data-ssjx-action="detail-save"][data-saved="true"] svg,html body .ssjx [data-ssjx-action="detail-save"][aria-pressed="true"] svg,html body .ssjx [data-ssjx-action="preview-save"].is-saved svg path,html body .ssjx [data-ssjx-action="preview-save"][data-saved="true"] svg path,html body .ssjx [data-ssjx-action="preview-save"][aria-pressed="true"] svg path,html body .ssjx [data-ssjx-action="detail-save"].is-saved svg path,html body .ssjx [data-ssjx-action="detail-save"][data-saved="true"] svg path,html body .ssjx [data-ssjx-action="detail-save"][aria-pressed="true"] svg path{
    color: #ed76d5 !important;
    fill: #ed76d5 !important;
    stroke: #ed76d5 !important;
    opacity: 1 !important;
    filter: drop-shadow(0 0 6px rgba(237, 118, 213, .42)) !important;
}

html body .ssjx .ssjx__detail-toolbar [data-ssjx-action="detail-save"].is-saved,html body .ssjx .ssjx__detail-toolbar [data-ssjx-action="detail-save"][data-saved="true"],html body .ssjx .ssjx__detail-toolbar [data-ssjx-action="detail-save"][aria-pressed="true"]{
    color: #ed76d5 !important;
    border-color: rgba(237, 118, 213, .76) !important;
    background: rgba(237, 118, 213, .08) !important;
    box-shadow: 0 0 15px rgba(237, 118, 213, .15) !important;
    opacity: 1 !important;
}

html body .ssjx .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count],html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button > b[data-ssjx-mobile-count]{
    color: #25061d !important;
}
html body .ssjx .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count]::before,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button > b[data-ssjx-mobile-count]::before{
    background: linear-gradient(145deg, #ffd8f3 0%, #f493df 38%, #ed76d5 100%) !important;
    filter: drop-shadow(0 0 1px rgba(255, 235, 249, .94)) drop-shadow(0 0 9px rgba(237, 118, 213, .45)) !important;
}

html body .ssjx .ssjx__journey-count{
    color: #25061d !important;
    background: linear-gradient(145deg, #ffd8f3 0%, #f493df 38%, #ed76d5 100%) !important;
    border-color: rgba(255, 216, 243, .76) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .50), 0 0 18px rgba(237, 118, 213, .32) !important;
}

html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count],html body > .ssjx__mobile-bar[data-ssjx-sticky-nav][data-ssjx-portalled="true"] > button > b[data-ssjx-mobile-count],html body .ssjx .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count],html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button > b[data-ssjx-mobile-count]{
    color: #25061d !important;
}

html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count]::before,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav][data-ssjx-portalled="true"] > button > b[data-ssjx-mobile-count]::before,html body .ssjx .ssjx__mobile-bar[data-ssjx-sticky-nav] > button > b[data-ssjx-mobile-count]::before,html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] > button > b[data-ssjx-mobile-count]::before{
    background: #ed76d5 !important;
    background-color: #ed76d5 !important;
    background-image: none !important;
    filter:
        drop-shadow(0 0 1px rgba(255, 235, 249, .96))
        drop-shadow(0 0 9px rgba(237, 118, 213, .48)) !important;
}

html body.ssjx-has-detail:not(.ssjx-has-journey) > .ssjx__mobile-bar[data-ssjx-sticky-nav].is-visible,html body.ssjx-has-detail:not(.ssjx-has-journey) > .ssjx__mobile-bar[data-ssjx-sticky-nav][data-ssjx-portalled="true"].is-visible{
    z-index: 2147483200 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(-50%, 0, 0) scale(1) !important;
    transition-delay: 0s !important;
}

html body.ssjx-has-journey > .ssjx__mobile-bar[data-ssjx-sticky-nav],html body.ssjx-has-journey > .ssjx__mobile-bar[data-ssjx-sticky-nav][data-ssjx-portalled="true"]{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(-50%, 16px, 0) scale(.97) !important;
}

html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] .ssjx__preview-journey-art,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] .ssjx__mobile-bar-art,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav][data-ssjx-portalled="true"] .ssjx__mobile-bar-art{
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    isolation: isolate !important;
}

html body .ssjx .ssjx__preview-journey-actions[data-ssjx-preview-journey-actions] .ssjx__preview-journey-art > img,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav] .ssjx__mobile-bar-art > img,html body > .ssjx__mobile-bar[data-ssjx-sticky-nav][data-ssjx-portalled="true"] .ssjx__mobile-bar-art > img{
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    mix-blend-mode: normal !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    filter:
        drop-shadow(0 0 7px rgba(103,255,82,.34))
        drop-shadow(0 0 16px rgba(103,255,82,.12)) !important;
}

html body .ssjx .ssjx__detail-canvas [data-ssjx-action="detail-save"].is-saved [data-ssjx-detail-save-label],html body .ssjx .ssjx__detail-canvas [data-ssjx-action="detail-save"][data-saved="true"] [data-ssjx-detail-save-label],html body .ssjx .ssjx__detail-canvas [data-ssjx-action="detail-save"][aria-pressed="true"] [data-ssjx-detail-save-label]{
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

html body .ssjx .ssjx__detail-canvas [data-ssjx-action="detail-save"].is-saved svg,html body .ssjx .ssjx__detail-canvas [data-ssjx-action="detail-save"][data-saved="true"] svg,html body .ssjx .ssjx__detail-canvas [data-ssjx-action="detail-save"][aria-pressed="true"] svg,html body .ssjx .ssjx__detail-canvas [data-ssjx-action="detail-save"].is-saved svg path,html body .ssjx .ssjx__detail-canvas [data-ssjx-action="detail-save"][data-saved="true"] svg path,html body .ssjx .ssjx__detail-canvas [data-ssjx-action="detail-save"][aria-pressed="true"] svg path{
    color: #ed76d5 !important;
    fill: #ed76d5 !important;
    stroke: #ed76d5 !important;
    opacity: 1 !important;
    filter: drop-shadow(0 0 6px rgba(237,118,213,.42)) !important;
}

html body .simme-na .simme-na__runtime.simme-na__runtime--architecture > div{
    display: grid !important;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.28fr) !important;
    align-items: start !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 48px !important;
}

html body .simme-na .simme-na__runtime.simme-na__runtime--architecture > div > b,html body .simme-na .simme-na__runtime.simme-na__runtime--architecture > div > strong{
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-overflow: clip !important;
}

html body .simme-na .simme-na__runtime.simme-na__runtime--architecture > div > b{
    align-self: start !important;
    justify-self: stretch !important;
    line-height: 1.28 !important;
    text-align: left !important;
}

html body .simme-na .simme-na__runtime.simme-na__runtime--architecture > div > strong{
    align-self: start !important;
    justify-self: stretch !important;
    line-height: 1.14 !important;
    text-align: right !important;
}

@media (max-width: 380px){
    html body .simme-na .simme-na__runtime.simme-na__runtime--architecture > div{
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 5px !important;
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }

    html body .simme-na .simme-na__runtime.simme-na__runtime--architecture > div > strong{
        justify-self: start !important;
        text-align: left !important;
        font-size: 15px !important;
    }
}

html body .smmo-site .smmo-section{
    width: min(1420px, calc(100% - 56px));
}

html body .smmo-site .smmo-feature-card,html body .smmo-site .smmo-three-cards > article,html body .smmo-site .smmo-feature-grid article,html body .smmo-site .smmo-tour-card,html body .smmo-site .smmo-realshot,html body .smmo-site .smmo-hero-shot,html body .smmo-site .smmo-studio-safety-strip,html body .smmo-site .smmo-social-panel,html body .smmo-site .smmo-safe-demo,html body .smmo-site .smmo-health-story-grid article,html body .smmo-site .smmo-health-lower,html body .smmo-site .smmo-download-card,html body .smmo-site .smmo-download-panel,html body .smmo-site .smmo-faq details,html body .smmo-site .smmo-admin-console,html body .smmo-site .smmo-release-current,html body .smmo-site .smmo-release-form,html body .smmo-site .smmo-admin-warning,html body .smmo-site .smmo-tour-card__copy,html body .smmo-site .smmo-mini-list article,html body .smmo-site .smmo-mini-stat,html body .smmo-site .smmo-portable-step,html body .smmo-site .smmo-portable-summary,html body .smmo-site .smmo-health-stat,html body .smmo-site .smmo-health-lower__copy,html body .smmo-site .smmo-health-lower__media,html body .smmo-site .smmo-organise-table-wrap,html body .smmo-site .smmo-download-box,html body .smmo-site .smmo-support-card{
    border-color: rgba(208, 224, 255, 0.18) !important;
    box-shadow:
        0 20px 52px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 0 0 1px rgba(145, 92, 255, 0.04) !important;
}

html body .smmo-site .smmo-feature-card,html body .smmo-site .smmo-three-cards > article,html body .smmo-site .smmo-feature-grid article,html body .smmo-site .smmo-health-story-grid article,html body .smmo-site .smmo-download-card,html body .smmo-site .smmo-faq details,html body .smmo-site .smmo-mini-list article,html body .smmo-site .smmo-mini-stat,html body .smmo-site .smmo-portable-step,html body .smmo-site .smmo-support-card{
    background: linear-gradient(180deg, #111b29 0%, #0c1622 100%) !important;
}

html body .smmo-site .smmo-tour-card,html body .smmo-site .smmo-realshot,html body .smmo-site .smmo-hero-shot,html body .smmo-site .smmo-health-lower,html body .smmo-site .smmo-download-panel,html body .smmo-site .smmo-admin-console,html body .smmo-site .smmo-release-current,html body .smmo-site .smmo-release-form,html body .smmo-site .smmo-download-box{
    background: linear-gradient(145deg, #111b28 0%, #0b141f 68%, rgba(145, 92, 255, 0.08) 100%) !important;
}

html body .smmo-site .smmo-tour-card__media,html body .smmo-site .smmo-realshot__chrome,html body .smmo-site .smmo-hero-shot__bar,html body .smmo-site .smmo-app-window__top,html body .smmo-site .smmo-health-lower__media,html body .smmo-site .smmo-organise-table-wrap,html body .smmo-site .smmo-admin-console__head{
    border-color: rgba(208, 224, 255, 0.14) !important;
}

html body .smmo-site .smmo-tour__controls{
    display: flex;
    align-items: center;
    justify-content: center !important;
    gap: 16px;
    width: 100%;
    margin: 0 auto 24px !important;
    position: relative;
    z-index: 5;
}

html body .smmo-site .smmo-tour__arrow,html body .smmo-site .smmo-tour__counter{
    border-radius: 18px !important;
    border: 1px solid rgba(208, 224, 255, 0.18) !important;
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 0 1px rgba(145, 92, 255, 0.05) !important;
}

html body .smmo-site .smmo-tour__arrow{
    width: 88px;
    height: 62px;
    background: linear-gradient(180deg, #121d2b 0%, #0d1723 100%) !important;
    color: #eef4ff !important;
    font-size: 30px;
    font-weight: 800;
}

html body .smmo-site .smmo-tour__arrow:hover,html body .smmo-site .smmo-tour__arrow:focus-visible{
    transform: translateY(-2px);
    border-color: rgba(145, 92, 255, 0.5) !important;
    background: linear-gradient(180deg, rgba(145, 92, 255, 0.22) 0%, rgba(17, 27, 40, 0.96) 100%) !important;
    color: #ffffff !important;
}

html body .smmo-site .smmo-tour__counter{
    min-width: 128px;
    height: 62px;
    padding: 0 20px;
    background: linear-gradient(180deg, #101a27 0%, #0c1520 100%) !important;
}

html body .smmo-site .smmo-tour__counter strong{
    font-size: 18px;
    line-height: 1;
}

html body .smmo-site .smmo-tour__counter span{
    font-size: 12px;
    color: #92a2b8;
}

html body .smmo-site .smmo-tour__shell{
    padding-top: 2px;
}

@media (max-width: 1100px){
    html body .smmo-site .smmo-section{
        width: min(1420px, calc(100% - 40px));
    }
}

@media (max-width: 767px){
    html body .smmo-site .smmo-section{
        width: min(1420px, calc(100% - 28px));
    }

    html body .smmo-site .smmo-tour__controls{
        gap: 12px;
        margin: 0 auto 18px !important;
    }

    html body .smmo-site .smmo-tour__arrow{
        width: 72px;
        height: 54px;
        font-size: 24px;
        border-radius: 16px !important;
    }

    html body .smmo-site .smmo-tour__counter{
        min-width: 102px;
        height: 54px;
        padding: 0 16px;
        border-radius: 16px !important;
    }

    html body .smmo-site .smmo-tour__counter strong{
        font-size: 16px;
    }

    html body .smmo-site .smmo-tour__counter span{
        font-size: 11px;
    }
}

.smmo-social-real-section .smmo-heading > p{
  max-width:980px;
}

.smmo-social-real-grid{
  display:grid;
  grid-template-columns:minmax(300px,390px) minmax(0,720px);
  justify-content:center;
  align-items:start;
  gap:clamp(22px,3vw,36px);
  margin-top:clamp(34px,5vw,58px);
}

.smmo-social-real-card{
  position:relative;
  min-width:0;
  padding:clamp(16px,2vw,22px);
  border:1px solid rgba(163,184,214,.24);
  border-radius:26px;
  background:
    radial-gradient(circle at 50% -10%,rgba(145,92,255,.105),transparent 36%),
    linear-gradient(180deg,#0d1724 0%,#09121c 100%);
  box-shadow:
    0 22px 54px rgba(1,6,15,.28),
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 0 1px rgba(79,156,255,.035);
}

.smmo-social-real-card--controls{
  background:
    radial-gradient(circle at 24% 0%,rgba(79,156,255,.095),transparent 34%),
    linear-gradient(180deg,#0d1724 0%,#09121c 100%);
}

.smmo-social-real-card--preview{
  background:
    radial-gradient(circle at 70% 0%,rgba(145,92,255,.13),transparent 38%),
    linear-gradient(180deg,#0d1724 0%,#09121c 100%);
}

.smmo-social-real-card__intro{
  min-height:116px;
  margin:1px 3px 18px;
}

.smmo-social-real-card__intro > span,.smmo-social-real-card__intro > div > span{
  display:block;
  margin-bottom:7px;
  color:#a98aff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.smmo-social-real-card__intro strong{
  display:block;
  color:#f7f9ff !important;
  font-size:clamp(16px,1.45vw,20px);
  line-height:1.24;
}

.smmo-social-real-card__intro p{
  max-width:610px;
  margin:8px 0 0;
  color:#8797ad;
  font-size:11px;
  line-height:1.58;
}

.smmo-social-real-card__intro--preview{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.smmo-social-real-card__intro--preview > div:first-child{
  min-width:0;
}

.smmo-social-real-card__status{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:1px;
  padding:7px 10px;
  border:1px solid rgba(112,224,119,.2);
  border-radius:999px;
  background:rgba(112,224,119,.055);
  color:#b9c8d9;
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
  white-space:nowrap;
}

.smmo-social-real-card__status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#70e077;
  box-shadow:0 0 12px rgba(112,224,119,.62);
  animation:smmoSocialLiveDot 1.8s ease-in-out infinite;
}

@keyframes smmoSocialLiveDot{
  0%,100%{opacity:.55;transform:scale(.82)}
  50%{opacity:1;transform:scale(1)}
}

.smmo-social-real-card__media{
  position:relative;
  margin-inline:auto;
}

.smmo-social-real-card__media--sidebar{
  width:min(100%,390px);
  overflow:hidden;
  border:1px solid rgba(163,184,214,.14);
  border-radius:19px;
  background:#09121c;
  box-shadow:0 20px 44px rgba(0,0,0,.28);
}

.smmo-social-real-card__media--sidebar img{
  display:block;
  width:100%;
  height:auto;
}

.smmo-safe-live{
  width:100%;
  margin-inline:auto;
}

.smmo-safe-live__viewport{
  position:relative;
  width:100%;
  aspect-ratio:1028 / 1272;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(163,184,214,.14);
  border-radius:19px;
  background:#07101b;
  box-shadow:0 20px 44px rgba(0,0,0,.28);
}

.smmo-safe-live__frame{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.004);
  transition:opacity .38s ease,transform .5s ease;
  will-change:opacity,transform;
}

.smmo-safe-live[data-state="light"] .smmo-safe-live__frame--light,.smmo-safe-live[data-state="dark"] .smmo-safe-live__frame--dark,.smmo-safe-live[data-state="checker"] .smmo-safe-live__frame--checker{
  opacity:1;
  transform:scale(1);
}

.smmo-safe-live__hit{
  position:absolute;
  z-index:6;
  top:2.65%;
  height:5.3%;
  margin:0;
  padding:0;
  border:0;
  border-radius:10px;
  background:transparent;
  box-shadow:none;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}

.smmo-safe-live__hit--checker{left:69.2%;width:10.6%}
.smmo-safe-live__hit--dark{left:79.8%;width:7.5%}
.smmo-safe-live__hit--light{left:87.2%;width:8.8%}

.smmo-safe-live__hit:hover{
  background:rgba(157,121,255,.055);
}

.smmo-safe-live__hit:focus-visible{
  outline:2px solid #b69cff;
  outline-offset:-2px;
  background:rgba(157,121,255,.1);
}

.smmo-demo-cursor{
  position:absolute;
  z-index:9;
  top:5.4%;
  left:91.6%;
  width:clamp(20px,2.2vw,30px);
  height:auto;
  transform:translate(-2px,-2px);
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.5));
  pointer-events:none;
  transition:
    left .64s cubic-bezier(.22,.78,.2,1),
    top .64s cubic-bezier(.22,.78,.2,1),
    transform .13s ease;
  will-change:left,top,transform;
}

.smmo-safe-live[data-cursor="checker"] .smmo-demo-cursor{left:75.2%;top:5.35%}
.smmo-safe-live[data-cursor="dark"] .smmo-demo-cursor{left:83.6%;top:5.35%}
.smmo-safe-live[data-cursor="light"] .smmo-demo-cursor{left:91.6%;top:5.35%}

.smmo-demo-cursor svg{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:auto;
}

.smmo-demo-cursor__ring{
  position:absolute;
  z-index:1;
  left:-7px;
  top:-7px;
  width:24px;
  height:24px;
  border:2px solid rgba(181,155,255,.8);
  border-radius:50%;
  opacity:0;
  transform:scale(.42);
  box-shadow:0 0 18px rgba(145,92,255,.55);
}

.smmo-safe-live.is-clicking .smmo-demo-cursor{
  transform:translate(-2px,-2px) scale(.88);
}

.smmo-safe-live.is-clicking .smmo-demo-cursor__ring{
  animation:smmoSafeCursorClick .48s ease-out both;
}

@keyframes smmoSafeCursorClick{
  0%{opacity:0;transform:scale(.35)}
  24%{opacity:1;transform:scale(.7)}
  100%{opacity:0;transform:scale(1.6)}
}

.smmo-safe-live__note{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}

.smmo-safe-live__note > span{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:11px;
  background:#0a131e;
  color:#7f8da2;
  font-size:8px;
  line-height:1.3;
}

.smmo-safe-live__note b{
  color:#d8dfeb;
  font-weight:800;
}

.smmo-safe-live__note i{
  flex:0 0 auto;
  width:10px;
  height:10px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:3px;
}

.smmo-safe-live__note .is-purple{
  background:repeating-conic-gradient(#d9d3cf 0 25%,#bdb4ae 0 50%) 0/6px 6px;
  border-color:#9f8ac9;
}

.smmo-safe-live__note .is-charcoal{
  background:#3c3022;
  border-color:#64503a;
}

.smmo-safe-live__note .is-cream{
  background:#eee3d8;
  border-color:#fff0df;
}

.smmo-social-real-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;
  gap:12px;
  width:min(100%,1110px);
  margin:clamp(26px,4vw,42px) auto 0;
  padding:14px;
  border:1px solid rgba(145,92,255,.16);
  border-radius:18px;
  background:linear-gradient(90deg,rgba(79,156,255,.045),rgba(145,92,255,.07));
}

.smmo-social-real-flow > span{
  display:grid;
  grid-template-columns:30px 1fr;
  grid-template-rows:auto auto;
  column-gap:9px;
  min-width:0;
}

.smmo-social-real-flow > span > i{
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid rgba(157,121,255,.3);
  border-radius:9px;
  background:rgba(145,92,255,.1);
  color:#b69cff;
  font-size:10px;
  font-style:normal;
  font-weight:900;
}

.smmo-social-real-flow b{
  overflow:hidden;
  color:#f5f7fb;
  font-size:10px;
  line-height:1.15;
  text-overflow:ellipsis;
}

.smmo-social-real-flow small{
  overflow:hidden;
  margin-top:3px;
  color:#7e8ca0;
  font-size:8px;
  line-height:1.25;
  text-overflow:ellipsis;
}

.smmo-social-real-flow > em{
  color:#7057ba;
  font-size:15px;
  font-style:normal;
}

.smmo-social-real-callout{
  width:min(100%,1110px);
  margin-inline:auto;
}

.smmo-visually-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media (max-width:1120px){
  .smmo-social-real-grid{
    grid-template-columns:minmax(270px,340px) minmax(0,620px);
    gap:22px;
  }
  .smmo-social-real-card__intro{
    min-height:128px;
  }
  .smmo-safe-live__note{
    grid-template-columns:1fr;
  }
}

@media (max-width:900px){
  .smmo-social-real-grid{
    grid-template-columns:1fr;
    width:min(100%,760px);
    margin-inline:auto;
  }
  .smmo-social-real-card__intro{
    min-height:0;
  }
  .smmo-social-real-card__media--sidebar{
    width:min(100%,430px);
  }
  .smmo-social-real-card--controls,.smmo-social-real-card--preview{
    width:100%;
  }
  .smmo-social-real-flow{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .smmo-social-real-flow > em{
    display:none;
  }
}

@media (max-width:620px){
  .smmo-social-real-card{
    padding:13px;
    border-radius:20px;
  }
  .smmo-social-real-card__intro{
    margin:2px 3px 14px;
  }
  .smmo-social-real-card__intro--preview{
    display:block;
  }
  .smmo-social-real-card__status{
    width:max-content;
    margin-top:12px;
  }
  .smmo-social-real-card__media--sidebar,.smmo-safe-live__viewport{
    border-radius:14px;
  }
  .smmo-demo-cursor{
    width:21px;
  }
  .smmo-safe-live__note{
    gap:6px;
    margin-top:9px;
  }
  .smmo-social-real-flow{
    grid-template-columns:1fr;
    padding:10px;
  }
  .smmo-social-real-flow > span{
    padding:6px;
  }
}

@media (prefers-reduced-motion:reduce){
  .smmo-social-real-card__status i,.smmo-demo-cursor,.smmo-demo-cursor__ring{
    animation:none !important;
  }
  .smmo-demo-cursor{
    display:none !important;
  }
  .smmo-safe-live__frame{
    transition:none !important;
  }
}

html body .smmo-site .smmo-support-nudge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:auto;
  min-height:34px;
  margin:10px auto 0;
  padding:0 11px;
  border:1px solid rgba(174,153,255,.16);
  border-radius:999px;
  background:rgba(10,19,30,.58);
  color:#aeb9ca!important;
  font-size:9px;
  font-weight:800;
  line-height:1;
  text-decoration:none!important;
  transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
html body .smmo-site .smmo-support-nudge svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:#a98aff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.9;
}
html body .smmo-site .smmo-support-nudge small{
  padding-left:7px;
  border-left:1px solid rgba(255,255,255,.09);
  color:#68778b;
  font-size:8px;
  font-weight:760;
  letter-spacing:.02em;
}
html body .smmo-site .smmo-support-nudge:hover{
  border-color:rgba(174,153,255,.36);
  background:rgba(143,104,255,.08);
  color:#e4e9f4!important;
  box-shadow:0 0 22px rgba(133,91,255,.08);
  transform:translateY(-1px);
}
html body .smmo-site .smmo-support-nudge:focus-visible{
  outline:2px solid rgba(167,124,255,.8);
  outline-offset:3px;
}

html body .smmo-site .smmo-support-panel{
  grid-column:1 / -1;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,320px);
  gap:24px;
  align-items:center;
  margin-top:0;
  padding:22px 24px;
  overflow:hidden;
  border:1px solid rgba(151,118,255,.18);
  border-radius:20px;
  background:
    radial-gradient(circle at 2% 0%,rgba(142,91,255,.09),transparent 30%),
    linear-gradient(135deg,rgba(11,21,33,.92),rgba(7,15,24,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.14);
}
html body .smmo-site .smmo-support-panel::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg,rgba(147,103,255,.78),rgba(89,194,255,.2));
  opacity:.8;
}
html body .smmo-site .smmo-support-panel__intro,html body .smmo-site .smmo-support-panel__action,html body .smmo-site .smmo-support-panel__checkout{
  position:relative;
  z-index:1;
}
html body .smmo-site .smmo-support-panel__eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 8px;
  color:#9e82f8;
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
}
html body .smmo-site .smmo-support-panel__eyebrow span{
  width:24px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,#7682ff,#b57aff);
}
html body .smmo-site .smmo-support-panel__intro h3{
  margin:0;
  color:#f1f4fa;
  font-size:clamp(23px,2.3vw,32px);
  line-height:1.08;
  letter-spacing:-.035em;
}
html body .smmo-site .smmo-support-panel__intro>p{
  max-width:760px;
  margin:8px 0 0;
  color:#8e9db2;
  font-size:11px;
  line-height:1.62;
}
html body .smmo-site .smmo-support-panel__intro .smmo-support-panel__reassurance{
  margin-top:6px;
  color:#68798f;
  font-size:9px;
}
html body .smmo-site .smmo-support-panel__action{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:15px;
  background:rgba(5,13,22,.52);
}
html body .smmo-site .smmo-support-panel__action-label{
  color:#7d6cab;
  font-size:7px;
  font-weight:900;
  letter-spacing:.16em;
}
html body .smmo-site .smmo-support-panel__action strong{
  margin-top:5px;
  color:#e8edf5;
  font-size:14px;
  line-height:1.2;
}
html body .smmo-site .smmo-support-panel__action p{
  margin:6px 0 12px;
  color:#748399;
  font-size:9px;
  line-height:1.5;
}
html body .smmo-site .smmo-support-panel__open{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:37px;
  padding:0 13px;
  border:1px solid rgba(174,145,255,.25);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(129,93,237,.16),rgba(100,70,190,.09));
  color:#dcd4ff;
  font:inherit;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;
}
html body .smmo-site .smmo-support-panel__open svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html body .smmo-site .smmo-support-panel__open:hover{
  border-color:rgba(174,145,255,.48);
  background:linear-gradient(180deg,rgba(129,93,237,.24),rgba(100,70,190,.14));
  color:#f1edff;
  transform:translateY(-1px);
}
html body .smmo-site .smmo-support-panel__open:focus-visible,html body .smmo-site .smmo-support-panel__checkout-head button:focus-visible{
  outline:2px solid rgba(167,124,255,.78);
  outline-offset:3px;
}

html body .smmo-site .smmo-support-panel__checkout{
  display:none;
  grid-column:1 / -1;
  margin-top:2px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.075);
}
html body .smmo-site .smmo-support-panel.is-open .smmo-support-panel__checkout{
  display:block;
}
html body .smmo-site .smmo-support-panel.is-open .smmo-support-panel__action{
  border-color:rgba(169,134,255,.18);
}
html body .smmo-site .smmo-support-panel.is-open .smmo-support-panel__open{
  opacity:.58;
}
html body .smmo-site .smmo-support-panel__checkout-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:15px;
}
html body .smmo-site .smmo-support-panel__checkout-head>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
html body .smmo-site .smmo-support-panel__checkout-head span{
  color:#9177e9;
  font-size:7px;
  font-weight:900;
  letter-spacing:.16em;
}
html body .smmo-site .smmo-support-panel__checkout-head strong{
  color:#e9edf5;
  font-size:15px;
  line-height:1.25;
}
html body .smmo-site .smmo-support-panel__checkout-head button{
  min-height:31px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:rgba(6,14,23,.62);
  color:#7d8ca0;
  font:inherit;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}
html body .smmo-site .smmo-support-panel__checkout-head button:hover{
  border-color:rgba(255,255,255,.16);
  color:#d8deea;
}
html body .smmo-site .smmo-support-panel__checkout-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,390px);
  gap:26px;
  align-items:start;
}
html body .smmo-site .smmo-support-panel__checkout-copy{
  padding:10px 2px 0;
}
html body .smmo-site .smmo-support-panel__checkout-copy>p{
  max-width:650px;
  margin:0;
  color:#8291a6;
  font-size:10px;
  line-height:1.65;
}
html body .smmo-site .smmo-support-panel__trust{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:14px;
}
html body .smmo-site .smmo-support-panel__trust span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:9px;
  background:rgba(4,11,19,.38);
  color:#748399;
  font-size:8px;
  font-weight:760;
}
html body .smmo-site .smmo-support-panel__trust i{
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
}
html body .smmo-site .smmo-support-panel__trust i.is-lime{background:#6be78e;box-shadow:0 0 9px rgba(107,231,142,.45)}
html body .smmo-site .smmo-support-panel__trust i.is-purple{background:#a77cff;box-shadow:0 0 9px rgba(167,124,255,.45)}
html body .smmo-site .smmo-support-panel__trust i.is-blue{background:#5fc5ff;box-shadow:0 0 9px rgba(95,197,255,.42)}
html body .smmo-site .smmo-support-panel__paypal-shell{
  width:100%;
  min-width:0;
  padding:13px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(6,14,23,.9),rgba(8,17,27,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 26px rgba(0,0,0,.15);
}
html body .smmo-site #paypal-container-5BNJQDH2DZMXG{
  width:100%;
  min-height:46px;
  margin:0 auto;
  overflow:visible;
}
html body .smmo-site #paypal-container-5BNJQDH2DZMXG iframe{
  max-width:100%!important;
}
html body .smmo-site .smmo-paypal-mount--error::before{
  content:"PayPal checkout could not load.";
  display:block;
  padding:12px 13px;
  border:1px solid rgba(255,117,143,.25);
  border-radius:10px;
  background:rgba(255,72,112,.06);
  color:#ff9eb2;
  font-size:9px;
  font-weight:780;
  text-align:center;
}
html body .smmo-site .smmo-support-panel__note{
  margin:8px 3px 0;
  color:#59697d;
  font-size:7px;
  line-height:1.45;
  text-align:center;
}

@media (max-width:900px){
  html body .smmo-site .smmo-support-panel{
    grid-template-columns:1fr;
    gap:16px;
    padding:20px;
  }
  html body .smmo-site .smmo-support-panel__action{
    max-width:420px;
  }
  html body .smmo-site .smmo-support-panel__checkout-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  html body .smmo-site .smmo-support-panel__paypal-shell{
    max-width:500px;
  }
}
@media (max-width:560px){
  html body .smmo-site .smmo-support-nudge{
    min-height:33px;
    margin-top:9px;
  }
  html body .smmo-site .smmo-support-panel{
    padding:17px 14px;
    border-radius:17px;
  }
  html body .smmo-site .smmo-support-panel__intro h3{
    font-size:24px;
  }
  html body .smmo-site .smmo-support-panel__action{
    padding:13px;
  }
  html body .smmo-site .smmo-support-panel__checkout{
    padding-top:16px;
  }
  html body .smmo-site .smmo-support-panel__checkout-head{
    align-items:flex-start;
  }
  html body .smmo-site .smmo-support-panel__paypal-shell{
    padding:10px;
    border-radius:13px;
  }
}
@media (prefers-reduced-motion:reduce){
  html body .smmo-site .smmo-support-nudge,html body .smmo-site .smmo-support-panel__open{
    transition:none!important;
  }
  html body .smmo-site .smmo-support-nudge:hover,html body .smmo-site .smmo-support-panel__open:hover{
    transform:none!important;
  }
}

html body .smmo-site .smmo-hero-support-link{
  display:inline-flex;
  align-items:center;
  align-self:center;
  gap:6px;
  min-height:36px;
  padding:0 10px;
  border:1px solid rgba(174,153,255,.12);
  border-radius:999px;
  background:rgba(8,17,27,.3);
  color:#8795a8!important;
  font-size:9px;
  font-weight:780;
  line-height:1;
  text-decoration:none!important;
  transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}
html body .smmo-site .smmo-hero-support-link svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:#9e83ee;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html body .smmo-site .smmo-hero-support-link small{
  padding-left:6px;
  border-left:1px solid rgba(255,255,255,.08);
  color:#58687c;
  font-size:7px;
  font-weight:760;
}
html body .smmo-site .smmo-hero-support-link:hover{
  border-color:rgba(174,153,255,.28);
  background:rgba(137,101,231,.06);
  color:#c8d0de!important;
  transform:translateY(-1px);
}
html body .smmo-site .smmo-hero-support-link:focus-visible{
  outline:2px solid rgba(167,124,255,.76);
  outline-offset:3px;
}
 
html body .smmo-site .smmo-download__card{
  column-gap:70px;
  row-gap:28px;
}
@media (max-width:1100px){
  html body .smmo-site .smmo-download__card{column-gap:36px;row-gap:24px}
}
@media (max-width:560px){
  html body .smmo-site .smmo-hero-support-link{
    min-height:34px;
    padding:0 9px;
  }
}
@media (prefers-reduced-motion:reduce){
  html body .smmo-site .smmo-hero-support-link{transition:none!important}
  html body .smmo-site .smmo-hero-support-link:hover{transform:none!important}
}

html body .smmo-site .smmo-hero__actions{
  align-items:flex-start;
}
html body .smmo-site .smmo-hero__download-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  min-width:0;
}
html body .smmo-site .smmo-hero__download-stack>.smmo-button{
  width:100%;
}

html body .smmo-site .smmo-hero-support-link{
  min-height:24px;
  margin-top:0;
  padding:0 8px;
  gap:5px;
  border-color:rgba(174,153,255,.09);
  background:transparent;
  color:#738297!important;
  font-size:8px;
  font-weight:760;
  opacity:.88;
}
html body .smmo-site .smmo-hero-support-link svg{
  width:11px;
  height:11px;
  stroke:#8f76db;
  opacity:.82;
}
html body .smmo-site .smmo-hero-support-link small{
  padding-left:5px;
  color:#526176;
  font-size:6.5px;
}
html body .smmo-site .smmo-hero-support-link:hover{
  border-color:rgba(174,153,255,.22);
  background:rgba(137,101,231,.035);
  color:#aeb9ca!important;
  opacity:1;
}

html body .smmo-site .smmo-release-card .smmo-support-nudge{
  min-height:25px;
  margin:8px auto 0;
  padding:0 8px;
  gap:5px;
  border-color:rgba(174,153,255,.10);
  background:transparent;
  color:#758499!important;
  font-size:8px;
  font-weight:760;
  opacity:.9;
  box-shadow:none;
}
html body .smmo-site .smmo-release-card .smmo-support-nudge svg{
  width:11px;
  height:11px;
  stroke:#9078dc;
  opacity:.82;
}
html body .smmo-site .smmo-release-card .smmo-support-nudge small{
  padding-left:5px;
  color:#536277;
  font-size:6.5px;
}
html body .smmo-site .smmo-release-card .smmo-support-nudge:hover{
  border-color:rgba(174,153,255,.24);
  background:rgba(137,101,231,.035);
  color:#aeb9ca!important;
  box-shadow:none;
  opacity:1;
}

html body .smmo-site .smmo-support-panel{
  width:min(100%,860px);
  max-width:860px;
  min-height:0;
  justify-self:center;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  margin:2px auto 0;
  padding:13px 15px;
  border-color:rgba(151,118,255,.12);
  border-radius:15px;
  background:
    radial-gradient(circle at 0 0,rgba(142,91,255,.055),transparent 30%),
    linear-gradient(135deg,rgba(10,19,30,.78),rgba(7,15,24,.84));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.10);
  scroll-margin-top:100px;
}
html body .smmo-site .smmo-support-panel::before{
  width:1px;
  opacity:.56;
}
html body .smmo-site .smmo-support-panel__eyebrow{
  gap:6px;
  margin:0 0 3px;
  color:#806bc0;
  font-size:6.3px;
  letter-spacing:.16em;
}
html body .smmo-site .smmo-support-panel__eyebrow span{
  width:16px;
}
html body .smmo-site .smmo-support-panel__intro h3{
  margin:0;
  color:#dce2ec!important;
  font-size:15px;
  line-height:1.15;
  letter-spacing:-.018em;
  font-weight:790;
}
html body .smmo-site .smmo-support-panel__intro>p{
  max-width:650px;
  margin:3px 0 0;
  color:#6e7d91;
  font-size:8.2px;
  line-height:1.42;
}
html body .smmo-site .smmo-support-panel__action{
  align-items:flex-end;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
html body .smmo-site .smmo-support-panel__action-label,html body .smmo-site .smmo-support-panel__action>strong,html body .smmo-site .smmo-support-panel__action>p{
  display:none;
}
html body .smmo-site .smmo-support-panel__open{
  min-height:31px;
  padding:0 10px;
  gap:6px;
  border-radius:9px;
  border-color:rgba(174,145,255,.18);
  background:rgba(122,86,222,.075);
  color:#bcb2de;
  font-size:8px;
  font-weight:800;
  box-shadow:none;
  white-space:nowrap;
}
html body .smmo-site .smmo-support-panel__open svg{
  width:12px;
  height:12px;
}
html body .smmo-site .smmo-support-panel__open:hover{
  border-color:rgba(174,145,255,.34);
  background:rgba(122,86,222,.12);
  color:#ddd6f5;
}

html body .smmo-site .smmo-support-panel__checkout{
  grid-column:1 / -1;
  margin-top:0;
  padding-top:13px;
  border-top-color:rgba(255,255,255,.06);
}
html body .smmo-site .smmo-support-panel.is-open .smmo-support-panel__action{
  display:none;
}
html body .smmo-site .smmo-support-panel__checkout-head{
  margin-bottom:10px;
}
html body .smmo-site .smmo-support-panel__checkout-head span{
  color:#806bc0;
  font-size:6.3px;
}
html body .smmo-site .smmo-support-panel__checkout-head strong{
  color:#dce2ec;
  font-size:13px;
}
html body .smmo-site .smmo-support-panel__checkout-head button{
  min-height:27px;
  padding:0 9px;
  font-size:7px;
  border-radius:8px;
}
html body .smmo-site .smmo-support-panel__checkout-grid{
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:18px;
  align-items:start;
}
html body .smmo-site .smmo-support-panel__checkout-copy{
  padding:4px 0 0;
}
html body .smmo-site .smmo-support-panel__checkout-copy>p{
  max-width:520px;
  color:#758499;
  font-size:8.5px;
  line-height:1.5;
}
html body .smmo-site .smmo-support-panel__trust{
  gap:5px;
  margin-top:9px;
}
html body .smmo-site .smmo-support-panel__trust span{
  min-height:23px;
  padding:0 7px;
  border-radius:7px;
  color:#68778b;
  font-size:6.8px;
}
html body .smmo-site .smmo-support-panel__paypal-shell{
  width:100%;
  max-width:360px;
  margin-left:auto;
  padding:9px;
  border-radius:12px;
  border-color:rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(5,12,20,.82),rgba(7,15,24,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 18px rgba(0,0,0,.12);
}
html body .smmo-site #paypal-container-5BNJQDH2DZMXG{
  width:100%;
  max-width:342px;
  min-height:42px;
  margin:0 auto;
}
html body .smmo-site .smmo-support-panel__note{
  max-width:360px;
  margin:6px 0 0 auto;
  color:#4f5e72;
  font-size:6.3px;
}

@media (max-width:760px){
  html body .smmo-site .smmo-support-panel{
    width:min(100%,620px);
    grid-template-columns:minmax(0,1fr) auto;
    gap:11px;
    padding:12px 13px;
  }
  html body .smmo-site .smmo-support-panel__intro>p{
    max-width:500px;
  }
  html body .smmo-site .smmo-support-panel__checkout-grid{
    grid-template-columns:1fr;
    gap:11px;
  }
  html body .smmo-site .smmo-support-panel__paypal-shell{
    max-width:360px;
    margin:0 auto;
  }
  html body .smmo-site .smmo-support-panel__note{
    margin:6px auto 0;
    text-align:center;
  }
}

@media (max-width:520px){
  html body .smmo-site .smmo-hero__actions{
    align-items:stretch;
  }
  html body .smmo-site .smmo-hero__download-stack{
    width:100%;
  }
  html body .smmo-site .smmo-hero__download-stack>.smmo-button{
    width:100%;
  }
  html body .smmo-site .smmo-hero-support-link{
    min-height:23px;
    margin-top:1px;
  }
  html body .smmo-site .smmo-support-panel{
    grid-template-columns:1fr;
    gap:9px;
    padding:12px;
    border-radius:13px;
  }
  html body .smmo-site .smmo-support-panel__intro h3{
    font-size:14px;
  }
  html body .smmo-site .smmo-support-panel__intro>p{
    font-size:7.8px;
  }
  html body .smmo-site .smmo-support-panel__action{
    align-items:flex-start;
  }
  html body .smmo-site .smmo-support-panel__open{
    min-height:29px;
  }
  html body .smmo-site .smmo-support-panel__checkout{
    padding-top:11px;
  }
  html body .smmo-site .smmo-support-panel__checkout-head{
    gap:10px;
  }
  html body .smmo-site .smmo-support-panel__paypal-shell{
    width:100%;
    max-width:350px;
    padding:7px;
  }
}

@media (prefers-reduced-motion:reduce){
  html body .smmo-site .smmo-hero-support-link,html body .smmo-site .smmo-support-nudge,html body .smmo-site .smmo-support-panel__open{
    transition:none!important;
  }
}

html body .smmo-site{
  --smmo-bg:#081522;
  --smmo-bg2:#0b1a2a;
  --smmo-panel:#122238;
  --smmo-panel2:#162942;
  --smmo-line:rgba(148,169,255,.27);
  --smmo-muted:#a7b6cb;
}

html body .smmo-site.smmo-band{
  background:
    radial-gradient(circle at 8% 8%,rgba(145,92,255,.075),transparent 27%),
    radial-gradient(circle at 92% 82%,rgba(77,233,255,.045),transparent 30%),
    linear-gradient(180deg,#0a1725 0%,#07131f 100%) !important;
}
html body .smmo-site.smmo-band--soft{
  background:
    radial-gradient(circle at 82% 10%,rgba(79,156,255,.085),transparent 30%),
    radial-gradient(circle at 15% 88%,rgba(255,101,183,.038),transparent 28%),
    linear-gradient(180deg,#0b1928 0%,#081522 100%) !important;
}
html body .smmo-site.smmo-band--purple,html body .smmo-site.smmo-social-real-section{
  background:
    radial-gradient(circle at 72% 0%,rgba(145,92,255,.16),transparent 36%),
    radial-gradient(circle at 12% 78%,rgba(77,233,255,.06),transparent 30%),
    linear-gradient(180deg,#10182c 0%,#081522 100%) !important;
}
html body .smmo-site.smmo-hero--real{
  background:
    radial-gradient(circle at 76% 15%,rgba(145,92,255,.20),transparent 32%),
    radial-gradient(circle at 18% 84%,rgba(77,233,255,.085),transparent 30%),
    linear-gradient(180deg,#0a1726,#0a1623) !important;
}
html body .smmo-site.smmo-tour{
  background:
    radial-gradient(circle at 17% 3%,rgba(79,156,255,.11),transparent 31%),
    radial-gradient(circle at 84% 10%,rgba(145,92,255,.14),transparent 32%),
    linear-gradient(180deg,#091726,#07131f) !important;
}
html body .smmo-site.smmo-studio-web{
  background:
    radial-gradient(circle at 16% 24%,rgba(79,156,255,.12),transparent 31%),
    radial-gradient(circle at 88% 75%,rgba(145,92,255,.07),transparent 30%),
    linear-gradient(180deg,#091724,#07131f) !important;
}
html body .smmo-site.smmo-health-web{
  background:
    radial-gradient(circle at 78% 12%,rgba(185,255,74,.075),transparent 30%),
    radial-gradient(circle at 16% 80%,rgba(79,156,255,.065),transparent 30%),
    linear-gradient(180deg,#0a1724,#07131f) !important;
}
html body .smmo-site.smmo-feature-matrix{
  background:
    radial-gradient(circle at 50% 0%,rgba(145,92,255,.10),transparent 34%),
    radial-gradient(circle at 88% 70%,rgba(77,233,255,.05),transparent 25%),
    linear-gradient(180deg,#091724,#081522) !important;
}
html body .smmo-site.smmo-download{
  background:
    radial-gradient(circle at 76% 25%,rgba(145,92,255,.19),transparent 36%),
    radial-gradient(circle at 14% 80%,rgba(255,101,183,.055),transparent 28%),
    linear-gradient(180deg,#0d1928,#07131f) !important;
}

html body .smmo-site .smmo-feature-card,html body .smmo-site .smmo-never-changes,html body .smmo-site .smmo-realshot,html body .smmo-site .smmo-hero-shot,html body .smmo-site .smmo-tour-card,html body .smmo-site .smmo-social-real-card,html body .smmo-site .smmo-health-card,html body .smmo-site .smmo-health-story-grid article,html body .smmo-site .smmo-health-lower,html body .smmo-site .smmo-portable-flow,html body .smmo-site .smmo-three-cards article,html body .smmo-site .smmo-feature-grid article,html body .smmo-site .smmo-download__card,html body .smmo-site .smmo-release-card,html body .smmo-site .smmo-faq details{
  border-color:rgba(142,166,255,.28) !important;
  background:
    radial-gradient(circle at 10% 0%,rgba(145,92,255,.075),transparent 34%),
    radial-gradient(circle at 96% 100%,rgba(77,233,255,.038),transparent 29%),
    linear-gradient(145deg,#13233a 0%,#0e1b2c 54%,#0b1725 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 14px 34px rgba(0,0,0,.20),
    0 0 0 1px rgba(145,92,255,.025) !important;
}

html body .smmo-site .smmo-social-real-card{
  border-color:rgba(178,134,255,.34) !important;
  background:
    radial-gradient(circle at 10% 0%,rgba(145,92,255,.13),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(255,101,183,.055),transparent 28%),
    linear-gradient(145deg,#16243c,#0d1a2a) !important;
}
html body .smmo-site .smmo-health-story-grid article,html body .smmo-site .smmo-health-lower{
  border-color:rgba(119,199,255,.27) !important;
  background:
    radial-gradient(circle at 10% 0%,rgba(79,156,255,.11),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(185,255,74,.038),transparent 30%),
    linear-gradient(145deg,#14263a,#0d1b29) !important;
}
html body .smmo-site .smmo-feature-grid article.is-pink{
  border-color:rgba(255,125,194,.28) !important;
}
html body .smmo-site .smmo-feature-grid article.is-lime{
  border-color:rgba(185,255,74,.22) !important;
}
html body .smmo-site .smmo-feature-grid article.is-blue{
  border-color:rgba(79,156,255,.31) !important;
}
html body .smmo-site .smmo-feature-grid article.is-gold{
  border-color:rgba(255,197,104,.27) !important;
}

html body .smmo-site .smmo-mini-list>span,html body .smmo-site .smmo-proof-row span,html body .smmo-site .smmo-update-steps span,html body .smmo-site .smmo-tour-card__tags b,html body .smmo-site .smmo-social-real-flow>span,html body .smmo-site .smmo-safe-live__note>span,html body .smmo-site .smmo-support-panel__trust span{
  border-color:rgba(145,168,255,.20) !important;
  background:linear-gradient(180deg,rgba(27,44,69,.76),rgba(15,29,47,.78)) !important;
}

html body .smmo-site .smmo-heading p,html body .smmo-site .smmo-copy-block>p,html body .smmo-site .smmo-lead,html body .smmo-site .smmo-tour-card p,html body .smmo-site .smmo-feature-card p,html body .smmo-site .smmo-feature-grid article p,html body .smmo-site .smmo-three-cards p,html body .smmo-site .smmo-faq details p{
  color:#a8b8cf !important;
}

html body .smmo-site .smmo-feature-card,html body .smmo-site .smmo-tour-card,html body .smmo-site .smmo-social-real-card,html body .smmo-site .smmo-health-story-grid article,html body .smmo-site .smmo-feature-grid article,html body .smmo-site .smmo-three-cards article{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease !important;
}
html body .smmo-site .smmo-feature-card:hover,html body .smmo-site .smmo-social-real-card:hover,html body .smmo-site .smmo-health-story-grid article:hover,html body .smmo-site .smmo-feature-grid article:hover,html body .smmo-site .smmo-three-cards article:hover{
  border-color:rgba(169,140,255,.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 18px 42px rgba(0,0,0,.22),
    0 0 26px rgba(112,76,255,.065) !important;
}

html body .smmo-site .smmo-support-panel{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
  margin:8px 0 0 !important;
  padding:24px 28px !important;
  gap:24px !important;
  border:1px solid rgba(165,126,255,.46) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 8% 10%,rgba(145,92,255,.20),transparent 29%),
    radial-gradient(circle at 92% 90%,rgba(77,233,255,.085),transparent 28%),
    radial-gradient(circle at 72% 10%,rgba(255,101,183,.055),transparent 25%),
    linear-gradient(132deg,#16233d 0%,#101c31 48%,#0b1a2b 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 20px 48px rgba(0,0,0,.20),
    0 0 34px rgba(126,77,255,.08) !important;
}
html body .smmo-site .smmo-support-panel::before{
  width:3px !important;
  opacity:1 !important;
  background:linear-gradient(180deg,#b178ff,#7258ff 48%,#4de9ff) !important;
  box-shadow:0 0 18px rgba(145,92,255,.32) !important;
}
html body .smmo-site .smmo-support-panel__eyebrow{
  margin-bottom:8px !important;
  color:#bba2ff !important;
  font-size:8px !important;
  letter-spacing:.18em !important;
}
html body .smmo-site .smmo-support-panel__eyebrow span{
  width:30px !important;
  height:2px !important;
  background:linear-gradient(90deg,#a46cff,#4de9ff) !important;
  box-shadow:0 0 13px rgba(145,92,255,.48) !important;
}
html body .smmo-site .smmo-support-panel__intro h3{
  color:#f7f5ff !important;
  font-size:clamp(22px,2vw,30px) !important;
  font-weight:850 !important;
  letter-spacing:-.035em !important;
}
html body .smmo-site .smmo-support-panel__intro>p{
  max-width:880px !important;
  margin-top:7px !important;
  color:#a9b7cc !important;
  font-size:11px !important;
  line-height:1.58 !important;
}
html body .smmo-site .smmo-support-panel__action{
  align-items:center !important;
  justify-content:center !important;
}

html body .smmo-site .smmo-support-panel__open{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
  min-width:190px !important;
  min-height:54px !important;
  padding:0 22px !important;
  gap:10px !important;
  border:1px solid rgba(226,196,255,.62) !important;
  border-radius:17px !important;
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.19),transparent 31%),
    linear-gradient(135deg,#a45cff 0%,#7d55ff 48%,#5e63ff 100%) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
  text-shadow:0 1px 0 rgba(63,24,111,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 13px 30px rgba(102,66,255,.26),
    0 0 28px rgba(151,88,255,.16) !important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease,border-color .2s ease !important;
  animation:smmo-support-button-breathe 9s ease-in-out infinite !important;
}
html body .smmo-site .smmo-support-panel__open svg{
  width:20px !important;
  height:20px !important;
  fill:rgba(255,255,255,.10) !important;
  stroke:#fff !important;
  stroke-width:1.8 !important;
  filter:drop-shadow(0 0 7px rgba(255,204,244,.38)) !important;
  animation:smmo-support-heart-pulse 9s ease-in-out infinite !important;
}
html body .smmo-site .smmo-support-panel__open:hover,html body .smmo-site .smmo-support-panel__open:focus-visible{
  transform:translateY(-2px) !important;
  border-color:rgba(245,225,255,.88) !important;
  filter:brightness(1.08) saturate(1.05) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 18px 38px rgba(102,66,255,.34),
    0 0 36px rgba(180,92,255,.23) !important;
}

html body .smmo-site .smmo-support-panel__open::before,html body .smmo-site .smmo-support-panel__open::after{
  position:absolute !important;
  z-index:-1 !important;
  display:block !important;
  content:"♥" !important;
  pointer-events:none !important;
  opacity:0 !important;
  color:#ff8ed2 !important;
  font-family:Arial,sans-serif !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-shadow:0 0 12px rgba(255,101,183,.55) !important;
}
html body .smmo-site .smmo-support-panel__open::before{
  left:20% !important;
  top:0 !important;
  font-size:11px !important;
  animation:smmo-support-heart-float-left 9s ease-in-out infinite !important;
}
html body .smmo-site .smmo-support-panel__open::after{
  right:16% !important;
  top:5px !important;
  font-size:9px !important;
  color:#d9b6ff !important;
  animation:smmo-support-heart-float-right 9s ease-in-out 1.1s infinite !important;
}

@keyframes smmo-support-button-breathe{
  0%,58%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 13px 30px rgba(102,66,255,.26),0 0 28px rgba(151,88,255,.16)}
  66%{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 15px 34px rgba(102,66,255,.31),0 0 38px rgba(255,101,183,.18)}
  74%{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 13px 30px rgba(102,66,255,.26),0 0 28px rgba(151,88,255,.16)}
}
@keyframes smmo-support-heart-pulse{
  0%,58%,100%{transform:scale(1);fill:rgba(255,255,255,.10)}
  64%{transform:scale(1.18);fill:rgba(255,165,222,.34)}
  69%{transform:scale(.96);fill:rgba(255,255,255,.12)}
  73%{transform:scale(1.08);fill:rgba(255,165,222,.22)}
  78%{transform:scale(1);fill:rgba(255,255,255,.10)}
}
@keyframes smmo-support-heart-float-left{
  0%,59%,78%,100%{opacity:0;transform:translate(0,0) scale(.55) rotate(-8deg)}
  64%{opacity:.92;transform:translate(-8px,-15px) scale(1) rotate(-3deg)}
  72%{opacity:0;transform:translate(-18px,-34px) scale(1.18) rotate(8deg)}
}
@keyframes smmo-support-heart-float-right{
  0%,59%,78%,100%{opacity:0;transform:translate(0,0) scale(.55) rotate(7deg)}
  65%{opacity:.82;transform:translate(9px,-13px) scale(.92) rotate(4deg)}
  73%{opacity:0;transform:translate(20px,-31px) scale(1.12) rotate(-8deg)}
}

html body .smmo-site .smmo-support-panel__checkout{
  border-top-color:rgba(171,143,255,.22) !important;
}
html body .smmo-site .smmo-support-panel__paypal-shell{
  border-color:rgba(152,169,255,.22) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(145,92,255,.07),transparent 36%),
    linear-gradient(180deg,#0d1b2c,#091522) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.18) !important;
}

html body .smmo-site .smmo-hero-support-link,html body .smmo-site .smmo-release-card .smmo-support-nudge{
  color:#a99ad3 !important;
  opacity:1 !important;
  border-color:rgba(166,136,255,.19) !important;
  background:rgba(122,86,222,.045) !important;
}
html body .smmo-site .smmo-hero-support-link svg,html body .smmo-site .smmo-release-card .smmo-support-nudge svg{
  stroke:#bb9dff !important;
  opacity:1 !important;
}
html body .smmo-site .smmo-hero-support-link:hover,html body .smmo-site .smmo-release-card .smmo-support-nudge:hover{
  color:#e0d8f8 !important;
  border-color:rgba(181,150,255,.35) !important;
  background:rgba(137,101,231,.09) !important;
}

@media (max-width:900px){
  html body .smmo-site .smmo-support-panel{
    grid-template-columns:1fr auto !important;
    padding:22px !important;
  }
}
@media (max-width:620px){
  html body .smmo-site .smmo-support-panel{
    grid-template-columns:1fr !important;
    padding:20px !important;
  }
  html body .smmo-site .smmo-support-panel__action{
    justify-content:flex-start !important;
  }
  html body .smmo-site .smmo-support-panel__open{
    min-width:0 !important;
    width:100% !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body .smmo-site .smmo-support-panel__open,html body .smmo-site .smmo-support-panel__open svg,html body .smmo-site .smmo-support-panel__open::before,html body .smmo-site .smmo-support-panel__open::after{
    animation:none !important;
  }
}

html body .smmo-site .smmo-kicker{
  gap:0 !important;
}
html body .smmo-site .smmo-kicker > span,html body .smmo-site .smmo-support-panel__eyebrow > span,html body .smmo-site .smmo-paypal-card__eyebrow > span{
  display:none !important;
}

html body .smmo-site .smmo-support-panel::before{
  display:none !important;
  content:none !important;
}
html body .smmo-site .smmo-support-panel__eyebrow{
  gap:0 !important;
}

html body .smmo-site .smmo-support-panel.is-open{
  padding:20px 24px !important;
}

html body .smmo-site .smmo-support-panel__checkout{
  width:100% !important;
  margin-top:0 !important;
  padding-top:12px !important;
  border-top-color:rgba(171,143,255,.20) !important;
}

html body .smmo-site .smmo-support-panel__checkout-head{
  min-height:34px !important;
  margin-bottom:9px !important;
  gap:14px !important;
}
html body .smmo-site .smmo-support-panel__checkout-head>div{
  gap:1px !important;
}
html body .smmo-site .smmo-support-panel__checkout-head span{
  font-size:6.5px !important;
  letter-spacing:.14em !important;
}
html body .smmo-site .smmo-support-panel__checkout-head strong{
  font-size:13px !important;
  line-height:1.15 !important;
}
html body .smmo-site .smmo-support-panel__checkout-head button{
  min-height:29px !important;
  padding:0 10px !important;
}

html body .smmo-site .smmo-support-panel__checkout-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:9px !important;
  width:100% !important;
  align-items:start !important;
}

html body .smmo-site .smmo-support-panel__checkout-copy{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:wrap !important;
  gap:8px 14px !important;
  width:100% !important;
  padding:0 !important;
}
html body .smmo-site .smmo-support-panel__checkout-copy>p{
  flex:1 1 460px !important;
  max-width:none !important;
  margin:0 !important;
  color:#8f9db2 !important;
  font-size:8.5px !important;
  line-height:1.45 !important;
}
html body .smmo-site .smmo-support-panel__trust{
  flex:0 0 auto !important;
  margin:0 !important;
  gap:5px !important;
}
html body .smmo-site .smmo-support-panel__trust span{
  min-height:24px !important;
  padding:0 8px !important;
  border-radius:8px !important;
  font-size:6.8px !important;
}

html body .smmo-site .smmo-support-panel__checkout-grid > div:last-child{
  width:100% !important;
  min-width:0 !important;
}
html body .smmo-site .smmo-support-panel__paypal-shell{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:9px 10px !important;
  border-radius:13px !important;
  border-color:rgba(145,180,255,.25) !important;
  background:
    radial-gradient(circle at 12% 0%,rgba(145,92,255,.075),transparent 30%),
    radial-gradient(circle at 90% 100%,rgba(77,233,255,.045),transparent 30%),
    linear-gradient(180deg,#0d1a2b,#091522) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 8px 20px rgba(0,0,0,.15) !important;
}
html body .smmo-site #paypal-container-5BNJQDH2DZMXG,html body .smmo-site .smmo-paypal-mount{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
}
html body .smmo-site #paypal-container-5BNJQDH2DZMXG iframe,html body .smmo-site .smmo-paypal-mount iframe{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:100% !important;
  margin:0 !important;
}
html body .smmo-site .smmo-support-panel__note{
  max-width:none !important;
  margin:4px 0 0 !important;
  font-size:6px !important;
  text-align:right !important;
}

@media (max-width:900px){
  html body .smmo-site .smmo-support-panel.is-open{
    padding:18px 20px !important;
  }
  html body .smmo-site .smmo-support-panel__checkout-copy{
    align-items:flex-start !important;
  }
  html body .smmo-site .smmo-support-panel__trust{
    flex:1 1 100% !important;
  }
}

@media (max-width:620px){
  html body .smmo-site .smmo-support-panel.is-open{
    padding:16px !important;
  }
  html body .smmo-site .smmo-support-panel__checkout{
    padding-top:10px !important;
  }
  html body .smmo-site .smmo-support-panel__checkout-head{
    margin-bottom:8px !important;
  }
  html body .smmo-site .smmo-support-panel__checkout-copy>p{
    flex-basis:100% !important;
  }
  html body .smmo-site .smmo-support-panel__paypal-shell{
    padding:7px !important;
  }
  html body .smmo-site .smmo-support-panel__note{
    text-align:center !important;
  }
}

html body .smmo-site .smmo-feature-grid article{
  --smmo-cap-rgb:145,92,255;
  min-height:300px !important;
  padding:24px 24px 25px !important;
}

html body .smmo-site .smmo-feature-grid article.is-blue{--smmo-cap-rgb:79,156,255}
html body .smmo-site .smmo-feature-grid article.is-pink{--smmo-cap-rgb:255,101,183}
html body .smmo-site .smmo-feature-grid article.is-lime{--smmo-cap-rgb:185,255,74}
html body .smmo-site .smmo-feature-grid article.is-gold{--smmo-cap-rgb:255,197,104}
html body .smmo-site .smmo-feature-grid article.is-purple{--smmo-cap-rgb:145,92,255}

html body .smmo-site .smmo-feature-grid__top{
  min-height:118px !important;
  align-items:flex-start !important;
}

html body .smmo-site .smmo-feature-grid__top > i{
  display:none !important;
}

html body .smmo-site .smmo-feature-grid__icon{
  position:relative !important;
  isolation:isolate !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 116px !important;
  width:116px !important;
  min-width:116px !important;
  max-width:116px !important;
  height:116px !important;
  min-height:116px !important;
  max-height:116px !important;
  margin:-7px 0 0 -7px !important;
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:24px !important;
  background:transparent !important;
  box-shadow:none !important;
}

html body .smmo-site .smmo-feature-grid__icon::before{
  position:absolute !important;
  z-index:-1 !important;
  inset:17px !important;
  content:"" !important;
  border-radius:50% !important;
  background:rgba(var(--smmo-cap-rgb),.18) !important;
  filter:blur(18px) !important;
  opacity:.72 !important;
  pointer-events:none !important;
  transition:opacity .28s ease,transform .28s ease !important;
}

html body .smmo-site .smmo-feature-grid__icon img{
  display:block !important;
  width:112px !important;
  max-width:112px !important;
  height:112px !important;
  max-height:112px !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.22)) !important;
  transform:translateZ(0) !important;
  transition:transform .28s cubic-bezier(.2,.72,.2,1),filter .28s ease !important;
}

html body .smmo-site .smmo-feature-grid__number{
  display:block !important;
  flex:0 0 auto !important;
  margin:4px 0 0 auto !important;
  padding:0 !important;
  color:#b596ff !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  opacity:1 !important;
}

html body .smmo-site .smmo-feature-grid article h3{
  margin:13px 0 9px !important;
  font-size:21px !important;
}

html body .smmo-site .smmo-feature-grid article:hover .smmo-feature-grid__icon img,html body .smmo-site .smmo-feature-grid article:focus-within .smmo-feature-grid__icon img{
  transform:translateY(-3px) scale(1.035) !important;
  filter:
    drop-shadow(0 11px 20px rgba(0,0,0,.24))
    drop-shadow(0 0 12px rgba(var(--smmo-cap-rgb),.16)) !important;
}

html body .smmo-site .smmo-feature-grid article:hover .smmo-feature-grid__icon::before,html body .smmo-site .smmo-feature-grid article:focus-within .smmo-feature-grid__icon::before{
  opacity:.96 !important;
  transform:scale(1.08) !important;
}

@media (max-width:1180px){
  html body .smmo-site .smmo-feature-grid article{
    min-height:286px !important;
  }
  html body .smmo-site .smmo-feature-grid__top{
    min-height:108px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon{
    flex-basis:106px !important;
    width:106px !important;
    min-width:106px !important;
    max-width:106px !important;
    height:106px !important;
    min-height:106px !important;
    max-height:106px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon img{
    width:102px !important;
    max-width:102px !important;
    height:102px !important;
    max-height:102px !important;
  }
}

@media (max-width:900px){
  html body .smmo-site .smmo-feature-grid article{
    min-height:270px !important;
  }
  html body .smmo-site .smmo-feature-grid__top{
    min-height:101px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon{
    flex-basis:98px !important;
    width:98px !important;
    min-width:98px !important;
    max-width:98px !important;
    height:98px !important;
    min-height:98px !important;
    max-height:98px !important;
    margin:-5px 0 0 -5px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon img{
    width:94px !important;
    max-width:94px !important;
    height:94px !important;
    max-height:94px !important;
  }
}

@media (max-width:680px){
  html body .smmo-site .smmo-feature-grid article{
    min-height:0 !important;
    padding:21px 21px 22px !important;
  }
  html body .smmo-site .smmo-feature-grid__top{
    min-height:94px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon{
    flex-basis:92px !important;
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    height:92px !important;
    min-height:92px !important;
    max-height:92px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon img{
    width:88px !important;
    max-width:88px !important;
    height:88px !important;
    max-height:88px !important;
  }
  html body .smmo-site .smmo-feature-grid article h3{
    margin-top:11px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body .smmo-site .smmo-feature-grid__icon img,html body .smmo-site .smmo-feature-grid__icon::before{
    transition:none !important;
    transform:none !important;
  }
}

html body .smmo-site .smmo-feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}

html body .smmo-site .smmo-feature-grid article{
  min-width:0 !important;
  min-height:244px !important;
  padding:20px 21px 21px !important;
}

html body .smmo-site .smmo-feature-grid__top{
  min-height:92px !important;
}

html body .smmo-site .smmo-feature-grid__icon{
  flex:0 0 92px !important;
  width:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  height:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  margin:-4px 0 0 -4px !important;
}

html body .smmo-site .smmo-feature-grid__icon img{
  width:88px !important;
  max-width:88px !important;
  height:88px !important;
  max-height:88px !important;
}

html body .smmo-site .smmo-feature-grid__icon::before{
  inset:15px !important;
  filter:blur(15px) !important;
  opacity:.64 !important;
}

html body .smmo-site .smmo-feature-grid article h3{
  margin:9px 0 7px !important;
  font-size:18px !important;
  line-height:1.16 !important;
}

html body .smmo-site .smmo-feature-grid article p{
  font-size:11px !important;
  line-height:1.58 !important;
}

@media (max-width:1180px){
  html body .smmo-site .smmo-feature-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:13px !important;
  }
  html body .smmo-site .smmo-feature-grid article{
    min-height:232px !important;
    padding:19px 19px 20px !important;
  }
  html body .smmo-site .smmo-feature-grid__top{
    min-height:86px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon{
    flex-basis:86px !important;
    width:86px !important;
    min-width:86px !important;
    max-width:86px !important;
    height:86px !important;
    min-height:86px !important;
    max-height:86px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon img{
    width:82px !important;
    max-width:82px !important;
    height:82px !important;
    max-height:82px !important;
  }
}

@media (max-width:900px){
  html body .smmo-site .smmo-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  html body .smmo-site .smmo-feature-grid article{
    min-height:220px !important;
    padding:17px 17px 18px !important;
  }
  html body .smmo-site .smmo-feature-grid__top{
    min-height:80px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon{
    flex-basis:80px !important;
    width:80px !important;
    min-width:80px !important;
    max-width:80px !important;
    height:80px !important;
    min-height:80px !important;
    max-height:80px !important;
    margin:-3px 0 0 -3px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon img{
    width:76px !important;
    max-width:76px !important;
    height:76px !important;
    max-height:76px !important;
  }
  html body .smmo-site .smmo-feature-grid article h3{
    font-size:17px !important;
  }
}

@media (max-width:680px){
  html body .smmo-site .smmo-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  html body .smmo-site .smmo-feature-grid article{
    min-height:204px !important;
    padding:14px 14px 15px !important;
    border-radius:16px !important;
  }
  html body .smmo-site .smmo-feature-grid__top{
    min-height:70px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon{
    flex-basis:70px !important;
    width:70px !important;
    min-width:70px !important;
    max-width:70px !important;
    height:70px !important;
    min-height:70px !important;
    max-height:70px !important;
    margin:-2px 0 0 -2px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon img{
    width:66px !important;
    max-width:66px !important;
    height:66px !important;
    max-height:66px !important;
  }
  html body .smmo-site .smmo-feature-grid__number{
    margin-top:2px !important;
    font-size:9px !important;
  }
  html body .smmo-site .smmo-feature-grid article h3{
    margin:7px 0 6px !important;
    font-size:15.5px !important;
    line-height:1.16 !important;
  }
  html body .smmo-site .smmo-feature-grid article p{
    font-size:9.8px !important;
    line-height:1.48 !important;
  }
}

@media (max-width:420px){
  html body .smmo-site .smmo-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  html body .smmo-site .smmo-feature-grid article{
    min-height:194px !important;
    padding:12px !important;
    border-radius:14px !important;
  }
  html body .smmo-site .smmo-feature-grid__top{
    min-height:63px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon{
    flex-basis:63px !important;
    width:63px !important;
    min-width:63px !important;
    max-width:63px !important;
    height:63px !important;
    min-height:63px !important;
    max-height:63px !important;
  }
  html body .smmo-site .smmo-feature-grid__icon img{
    width:59px !important;
    max-width:59px !important;
    height:59px !important;
    max-height:59px !important;
  }
  html body .smmo-site .smmo-feature-grid article h3{
    font-size:14px !important;
  }
  html body .smmo-site .smmo-feature-grid article p{
    font-size:9.2px !important;
  }
}

html body .smmo-site .smmo-support-panel,html body .smmo-site .smmo-support-panel.smmo-support-panel--hero-bridge{
  border-color:rgba(214,118,210,.34);
  background:
    radial-gradient(circle at 0% 0%,rgba(255,107,160,.18),transparent 36%),
    radial-gradient(circle at 100% 52%,rgba(255,86,132,.10),transparent 22%),
    radial-gradient(circle at 86% 100%,rgba(255,118,146,.12),transparent 28%),
    radial-gradient(circle at 62% 16%,rgba(176,132,255,.08),transparent 18%),
    linear-gradient(135deg,rgba(24,18,42,.96),rgba(7,24,42,.96) 46%,rgba(9,22,38,.97));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 16px 36px rgba(0,0,0,.16),
    0 0 0 1px rgba(255,126,184,.04);
}
html body .smmo-site .smmo-support-panel::before,html body .smmo-site .smmo-support-panel__eyebrow span{
  display:none !important;
}
html body .smmo-site .smmo-support-panel__eyebrow{
  color:#c891ef;
}
html body .smmo-site .smmo-support-panel__intro h3{
  color:#f6f2fb;
}
html body .smmo-site .smmo-support-panel__intro > p{
  color:#a7aec1;
}
html body .smmo-site .smmo-support-panel__action{
  border-color:rgba(255,173,213,.13);
  background:linear-gradient(180deg,rgba(56,21,68,.22),rgba(10,21,35,.36));
}
html body .smmo-site .smmo-support-panel__action-label{
  color:#d29ac6;
}
html body .smmo-site .smmo-support-panel__action p{
  color:#8997aa;
}
html body .smmo-site .smmo-support-panel__open{
  position:relative;
  overflow:visible;
  isolation:isolate;
  border-color:rgba(234,170,255,.34);
  background:linear-gradient(180deg,#b17dff,#7765ff);
  color:#fff3ff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    0 10px 28px rgba(146,82,255,.24),
    0 0 34px rgba(255,98,168,.14);
}
html body .smmo-site .smmo-support-panel__open:hover{
  border-color:rgba(255,210,235,.52);
  background:linear-gradient(180deg,#bf8aff,#8670ff);
  color:#ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 14px 32px rgba(146,82,255,.28),
    0 0 42px rgba(255,103,174,.22);
}
html body .smmo-site .smmo-support-panel__open::before,html body .smmo-site .smmo-support-panel__open::after{
  position:absolute;
  right:18px;
  bottom:10px;
  font-size:12px;
  line-height:1;
  color:#ff9cc8;
  text-shadow:0 0 10px rgba(255,116,178,.48);
  pointer-events:none;
  opacity:0;
  transform:translate3d(0,0,0) scale(.55);
}
html body .smmo-site .smmo-support-panel__open::before{
  content:"❤";
  animation:smmoSupportHeartSmokeA 9.4s ease-in-out infinite;
}
html body .smmo-site .smmo-support-panel__open::after{
  content:"❤";
  right:30px;
  bottom:8px;
  font-size:10px;
  color:#ffb6d5;
  animation:smmoSupportHeartSmokeB 9.4s ease-in-out 2.1s infinite;
}
@keyframes smmoSupportHeartSmokeA{
  0%,73%,100%{opacity:0;transform:translate3d(0,0,0) scale(.55)}
  77%{opacity:.92;transform:translate3d(1px,-4px,0) scale(.8)}
  86%{opacity:.72;transform:translate3d(9px,-18px,0) scale(1)}
  94%{opacity:0;transform:translate3d(16px,-34px,0) scale(1.15)}
}
@keyframes smmoSupportHeartSmokeB{
  0%,76%,100%{opacity:0;transform:translate3d(0,0,0) scale(.45)}
  80%{opacity:.88;transform:translate3d(-1px,-3px,0) scale(.68)}
  88%{opacity:.62;transform:translate3d(6px,-16px,0) scale(.92)}
  95%{opacity:0;transform:translate3d(14px,-29px,0) scale(1.05)}
}
html body .smmo-site .smmo-support-panel__checkout-head span{
  color:#c084ea;
}
html body .smmo-site .smmo-support-panel__paypal-shell{
  border-color:rgba(255,187,218,.12);
  background:
    radial-gradient(circle at 0% 0%,rgba(255,112,156,.07),transparent 34%),
    linear-gradient(180deg,rgba(7,18,31,.92),rgba(8,18,29,.98));
}
html body .smmo-site .smmo-hero-support-band{
  margin-top:24px;
}
html body .smmo-site .smmo-support-panel.smmo-support-panel--hero-bridge{
  margin-top:0;
}
html body .smmo-site .smmo-support-panel.smmo-support-panel--hero-bridge .smmo-support-panel__action{
  justify-self:end;
  min-width:min(100%,312px);
}
@media (max-width:900px){
  html body .smmo-site .smmo-support-panel.smmo-support-panel--hero-bridge .smmo-support-panel__action{
    justify-self:start;
    min-width:0;
  }
}
@media (prefers-reduced-motion:reduce){
  html body .smmo-site .smmo-support-panel__open::before,html body .smmo-site .smmo-support-panel__open::after{
    animation:none !important;
    display:none !important;
  }
}

html body .smmo-site.smmo-hero,html body .smmo-site .smmo-hero{
  position:relative !important;
  z-index:0 !important;
  isolation:isolate !important;
}

html body .smmo-site .smmo-hero__copy,html body .smmo-site .smmo-hero__visual,html body .smmo-site .smmo-hero-shot-wrap,html body .smmo-site .smmo-hero-support-band{
  position:relative;
}

html body #headerwrap,html body #header,html body header#header,html body .fixed-header,html body .fixed-header #headerwrap,html body .header-bar,html body .simme-node-homebar53,html body .simme-node-normal-header{
  z-index:100500 !important;
}

html body #headerwrap.fixed-header,html body .fixed-header-on #headerwrap,html body .header-on-scroll #headerwrap{
  z-index:100500 !important;
}

html body.admin-bar #wpadminbar{
  z-index:100600 !important;
}

html body .smmo-site .smmo-support-panel,html body .smmo-site .smmo-support-panel.smmo-support-panel--hero-bridge{
  border-color:rgba(255,136,182,.42);
  background:
    radial-gradient(circle at 0% 0%,rgba(255,112,163,.26),transparent 34%),
    radial-gradient(circle at 18% 68%,rgba(255,86,132,.13),transparent 24%),
    radial-gradient(circle at 88% 28%,rgba(255,118,146,.11),transparent 20%),
    radial-gradient(circle at 100% 100%,rgba(255,88,140,.12),transparent 28%),
    linear-gradient(135deg,rgba(40,16,34,.97),rgba(15,20,40,.96) 44%,rgba(7,26,40,.97));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 18px 38px rgba(0,0,0,.16),
    0 0 44px rgba(255,96,156,.08);
}
html body .smmo-site .smmo-support-panel__eyebrow,html body .smmo-site .smmo-support-panel__checkout-head span{
  color:#e4a0cf;
}
html body .smmo-site .smmo-support-panel__intro h3{
  color:#fff6fb;
}
html body .smmo-site .smmo-support-panel__intro>p,html body .smmo-site .smmo-support-panel__action p{
  color:#b9b3c5;
}
html body .smmo-site .smmo-support-panel__action{
  border-color:rgba(255,173,206,.17);
  background:
    radial-gradient(circle at 14% 0%,rgba(255,118,168,.11),transparent 34%),
    linear-gradient(180deg,rgba(82,26,63,.26),rgba(12,19,33,.34));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
html body .smmo-site .smmo-support-panel__action-label{
  color:#efb2d4;
}
html body .smmo-site .smmo-support-panel__open{
  position:relative;
  overflow:visible;
  isolation:isolate;
  border-color:rgba(255,204,225,.46);
  background:linear-gradient(180deg,#d98cff,#7c6cff);
  color:#fff9ff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 12px 30px rgba(170,96,255,.24),
    0 0 48px rgba(255,105,168,.24);
}
html body .smmo-site .smmo-support-panel__open:hover{
  border-color:rgba(255,227,239,.68);
  background:linear-gradient(180deg,#e599ff,#8a77ff);
  color:#ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    0 14px 34px rgba(170,96,255,.26),
    0 0 54px rgba(255,108,176,.32);
}
html body .smmo-site .smmo-support-panel__open::before,html body .smmo-site .smmo-support-panel__open::after{
  content:"♥";
  position:absolute;
  right:22px;
  bottom:11px;
  z-index:3;
  font-size:12px;
  line-height:1;
  color:#ffb3d2;
  text-shadow:0 0 12px rgba(255,119,177,.55);
  pointer-events:none;
  opacity:0;
  transform:translate3d(0,0,0) scale(.45) rotate(0deg);
}
html body .smmo-site .smmo-support-panel__open::before{
  animation:smmoSupportHeartFloatA 10s ease-in-out infinite;
}
html body .smmo-site .smmo-support-panel__open::after{
  right:34px;
  bottom:8px;
  font-size:10px;
  color:#ffd1e3;
  animation:smmoSupportHeartFloatB 10s ease-in-out 1.8s infinite;
}
@keyframes smmoSupportHeartFloatA{
  0%,74%,100%{opacity:0;transform:translate3d(0,0,0) scale(.45) rotate(0deg)}
  77%{opacity:.95;transform:translate3d(1px,-2px,0) scale(.72) rotate(-10deg)}
  84%{opacity:.82;transform:translate3d(5px,-12px,0) scale(.92) rotate(6deg)}
  91%{opacity:.52;transform:translate3d(12px,-23px,0) scale(1.06) rotate(12deg)}
  96%{opacity:0;transform:translate3d(18px,-34px,0) scale(1.14) rotate(16deg)}
}
@keyframes smmoSupportHeartFloatB{
  0%,76%,100%{opacity:0;transform:translate3d(0,0,0) scale(.38) rotate(0deg)}
  79%{opacity:.9;transform:translate3d(0,-1px,0) scale(.62) rotate(8deg)}
  86%{opacity:.7;transform:translate3d(4px,-11px,0) scale(.84) rotate(-6deg)}
  93%{opacity:.4;transform:translate3d(10px,-20px,0) scale(.98) rotate(-12deg)}
  97%{opacity:0;transform:translate3d(15px,-29px,0) scale(1.06) rotate(-16deg)}
}
html body .smmo-site .smmo-support-panel__paypal-shell{
  border-color:rgba(255,194,220,.16);
  background:
    radial-gradient(circle at 0% 0%,rgba(255,118,168,.08),transparent 36%),
    linear-gradient(180deg,rgba(12,18,31,.93),rgba(10,17,29,.98));
}
@media (prefers-reduced-motion:reduce){
  html body .smmo-site .smmo-support-panel__open::before,html body .smmo-site .smmo-support-panel__open::after{
    animation:none !important;
    display:none !important;
  }
}

html body .smmo-site .smmo-support-panel{
  --smmo-support-pink:#ff4f8f;
  --smmo-support-red:#ff6675;
  --smmo-support-coral:#ff8a72;
  --smmo-support-gold:#ffd37a;
  --smmo-support-character:url("https://www.simme.co.uk/wp-content/uploads/2026/06/Simme-Soul.png");
  position:relative !important;
  overflow:visible !important;
  border:1px solid rgba(255,106,156,.56) !important;
  background:
    radial-gradient(circle at 8% 50%,rgba(255,75,136,.28),transparent 34%),
    radial-gradient(circle at 26% 0%,rgba(255,105,127,.15),transparent 26%),
    radial-gradient(circle at 94% 54%,rgba(255,132,104,.13),transparent 24%),
    linear-gradient(112deg,#351326 0%,#24142b 34%,#151b32 65%,#092839 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 44px rgba(0,0,0,.18),
    0 0 42px rgba(255,72,137,.10) !important;
}
html body .smmo-site .smmo-support-panel::before,html body .smmo-site .smmo-support-panel::after,html body .smmo-site .smmo-support-panel__open::before,html body .smmo-site .smmo-support-panel__open::after{
  content:none !important;
  display:none !important;
}
html body .smmo-site .smmo-support-panel__eyebrow{
  color:#ff9ac3 !important;
  letter-spacing:.18em !important;
}
html body .smmo-site .smmo-support-panel__intro h3{
  color:#fff7fb !important;
}
html body .smmo-site .smmo-support-panel__intro>p{
  color:#c1b7c5 !important;
}
html body .smmo-site .smmo-support-panel__action{
  border:1px solid rgba(255,154,195,.22) !important;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,103,156,.14),transparent 36%),
    linear-gradient(180deg,rgba(83,24,59,.42),rgba(15,22,37,.46)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html body .smmo-site .smmo-support-panel__action-label{
  color:#ffafcf !important;
}
html body .smmo-site .smmo-support-panel__action strong{
  color:#fff0f7 !important;
}
html body .smmo-site .smmo-support-panel__action p{
  color:#a99bac !important;
}
html body .smmo-site button.smmo-support-panel__open{
  position:relative !important;
  overflow:visible !important;
  isolation:isolate !important;
  min-height:48px !important;
  padding:0 22px !important;
  border:1px solid rgba(255,220,232,.60) !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,#ff4f8f 0%,#ff6675 55%,#ff8a72 100%) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:880 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 13px 30px rgba(255,74,137,.30),
    0 0 42px rgba(255,89,146,.20) !important;
}
html body .smmo-site button.smmo-support-panel__open:hover{
  border-color:rgba(255,240,246,.82) !important;
  background:linear-gradient(135deg,#ff619a 0%,#ff747f 55%,#ff987d 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 15px 34px rgba(255,74,137,.34),
    0 0 52px rgba(255,96,153,.28) !important;
}
html body .smmo-site button.smmo-support-panel__open svg{
  width:20px !important;
  height:20px !important;
  stroke:#fff !important;
}
html body .smmo-site .smmo-support-heart-particle{
  position:absolute;
  z-index:20;
  left:36px;
  top:50%;
  display:block;
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  color:#ffd1e2;
  font-size:13px;
  line-height:1;
  text-shadow:0 0 10px rgba(255,98,159,.78);
  pointer-events:none;
  opacity:0;
  transform:translate3d(0,-50%,0) scale(.55);
  animation:smmoSupportRealHeartFloat var(--smmo-heart-d,2200ms) cubic-bezier(.18,.72,.2,1) var(--smmo-heart-delay,0ms) forwards;
}
@keyframes smmoSupportRealHeartFloat{
  0%{opacity:0;transform:translate3d(0,-50%,0) scale(.45) rotate(0deg)}
  12%{opacity:.96;transform:translate3d(0,-54%,0) scale(.78) rotate(-4deg)}
  68%{opacity:.70;transform:translate3d(calc(var(--smmo-heart-x) * .68),calc(-50% + (var(--smmo-heart-y) * .68)),0) scale(1) rotate(calc(var(--smmo-heart-r) * .68))}
  100%{opacity:0;transform:translate3d(var(--smmo-heart-x),calc(-50% + var(--smmo-heart-y)),0) scale(1.16) rotate(var(--smmo-heart-r))}
}

html body .smmo-site .smmo-support-panel__checkout{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  margin-top:15px !important;
  padding:24px !important;
  border:1px solid rgba(255,183,204,.32) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 82% 11%,rgba(255,236,156,.88) 0 2.4%,rgba(255,188,112,.58) 7%,rgba(255,119,133,.24) 17%,transparent 34%),
    radial-gradient(circle at 14% 14%,rgba(255,90,149,.25),transparent 28%),
    linear-gradient(155deg,rgba(92,30,78,.98) 0%,rgba(44,33,73,.98) 28%,rgba(26,62,91,.97) 61%,rgba(7,49,66,.98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 18px 38px rgba(0,0,0,.16),
    0 0 40px rgba(255,103,151,.12) !important;
}
html body .smmo-site .smmo-support-panel__checkout::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:-2 !important;
  inset:-80px !important;
  pointer-events:none !important;
  opacity:.07 !important;
  background-image:var(--smmo-support-character) !important;
  background-repeat:repeat !important;
  background-size:145px auto !important;
  background-position:0 0 !important;
  filter:saturate(.9) brightness(1.25) !important;
  animation:smmoSupportCharacterDrift 34s linear infinite !important;
}
html body .smmo-site .smmo-support-panel__checkout::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:-1 !important;
  left:-8% !important;
  right:-8% !important;
  bottom:-40% !important;
  height:72% !important;
  border-radius:50% 50% 0 0 / 35% 35% 0 0 !important;
  pointer-events:none !important;
  opacity:.48 !important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,205,125,.32),transparent 48%),
    linear-gradient(180deg,rgba(255,116,137,.08),rgba(46,200,226,.12)) !important;
  filter:blur(2px) !important;
}
@keyframes smmoSupportCharacterDrift{
  from{background-position:0 0}
  to{background-position:290px 145px}
}
html body .smmo-site .smmo-support-panel__checkout > *{
  position:relative !important;
  z-index:2 !important;
}
html body .smmo-site .smmo-support-panel__checkout-head{
  margin-bottom:18px !important;
  padding-bottom:13px !important;
  border-bottom:1px solid rgba(255,214,227,.18) !important;
}
html body .smmo-site .smmo-support-panel__checkout-head span{
  color:#ffb3d0 !important;
}
html body .smmo-site .smmo-support-panel__checkout-head strong{
  color:#fff9ee !important;
  font-size:18px !important;
}
html body .smmo-site .smmo-support-panel__checkout-head button{
  border-color:rgba(255,220,230,.22) !important;
  background:rgba(8,24,36,.48) !important;
  color:#ffeaf2 !important;
  backdrop-filter:blur(8px);
}
html body .smmo-site .smmo-support-panel__checkout-grid{
  display:grid !important;
  grid-template-columns:minmax(240px,.62fr) minmax(420px,1fr) !important;
  gap:18px !important;
  width:min(1120px,100%) !important;
  margin:0 auto !important;
  align-items:stretch !important;
}
html body .smmo-site .smmo-support-panel__joy-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:260px !important;
  padding:22px !important;
  border:1px solid rgba(255,218,224,.20) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,214,127,.18),transparent 24%),
    linear-gradient(145deg,rgba(255,94,139,.16),rgba(7,40,53,.52)) !important;
  backdrop-filter:blur(10px) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}
html body .smmo-site .smmo-support-panel__joy-kicker{
  color:#ffd891 !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
}
html body .smmo-site .smmo-support-panel__joy-copy h4{
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(24px,2.3vw,34px) !important;
  line-height:1.03 !important;
  letter-spacing:-.035em !important;
}
html body .smmo-site .smmo-support-panel__joy-copy>p{
  margin:0 !important;
  color:#f1dfe7 !important;
  font-size:11px !important;
  line-height:1.62 !important;
}
html body .smmo-site .smmo-support-panel__trust{
  margin-top:7px !important;
}
html body .smmo-site .smmo-support-panel__trust span{
  border-color:rgba(255,223,232,.18) !important;
  background:rgba(7,31,43,.45) !important;
  color:#f3e8ee !important;
}
html body .smmo-site .smmo-support-panel__payment-zone{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
html body .smmo-site .smmo-support-panel__paypal-shell{
  width:100% !important;
  max-width:650px !important;
  margin:0 auto !important;
  padding:16px !important;
  border:1px solid rgba(255,224,230,.28) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,225,151,.11),transparent 32%),
    linear-gradient(180deg,rgba(8,28,40,.76),rgba(5,20,31,.90)) !important;
  backdrop-filter:blur(12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 14px 30px rgba(0,0,0,.18) !important;
}
html body .smmo-site .smmo-paypal-mount,html body .smmo-site .smmo-paypal-mount iframe{
  width:100% !important;
  max-width:100% !important;
}
html body .smmo-site .smmo-support-panel__note{
  margin:7px auto 0 !important;
  color:#c7aebb !important;
  font-size:7px !important;
  text-align:center !important;
}

html body .smmo-site .smmo-hero-support-link{
  border-color:rgba(255,115,164,.20) !important;
  color:#c892a9 !important;
}
html body .smmo-site .smmo-hero-support-link svg{
  stroke:#ff7dac !important;
}
html body .smmo-site .smmo-release-card .smmo-support-nudge{
  border-color:rgba(255,115,164,.20) !important;
  color:#c892a9 !important;
}
html body .smmo-site .smmo-release-card .smmo-support-nudge svg{
  stroke:#ff7dac !important;
}

@media (max-width:900px){
  html body .smmo-site .smmo-support-panel__checkout-grid{
    grid-template-columns:1fr !important;
    width:100% !important;
  }
  html body .smmo-site .smmo-support-panel__joy-copy{
    min-height:0 !important;
  }
  html body .smmo-site .smmo-support-panel__paypal-shell{
    max-width:620px !important;
  }
}
@media (max-width:560px){
  html body .smmo-site .smmo-support-panel__checkout{
    padding:14px !important;
    border-radius:18px !important;
  }
  html body .smmo-site .smmo-support-panel__joy-copy{
    padding:16px !important;
  }
  html body .smmo-site button.smmo-support-panel__open{
    min-height:44px !important;
    padding:0 17px !important;
  }
  html body .smmo-site .smmo-support-heart-particle{
    left:31px !important;
  }
}
@media (prefers-reduced-motion:reduce){
  html body .smmo-site .smmo-support-panel__checkout::before{
    animation:none !important;
  }
  html body .smmo-site .smmo-support-heart-particle{
    display:none !important;
    animation:none !important;
  }
}

html body .smmo-site button.smmo-support-panel__open,html body .smmo-site button.smmo-support-panel__open:hover,html body .smmo-site button.smmo-support-panel__open:focus,html body .smmo-site button.smmo-support-panel__open:focus-visible,html body .smmo-site button.smmo-support-panel__open:active{
  outline:0 !important;
  outline-offset:0 !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
html body .smmo-site button.smmo-support-panel__open:focus-visible{
  border-color:rgba(255,241,247,.90) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 0 0 3px rgba(255,112,164,.16),
    0 14px 34px rgba(255,74,137,.34),
    0 0 52px rgba(255,96,153,.28) !important;
}

html body .smmo-site .smmo-support-panel__checkout{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  background:
    linear-gradient(180deg,
      rgba(72,25,70,.97) 0%,
      rgba(69,38,82,.97) 24%,
      rgba(48,67,102,.97) 55%,
      rgba(20,92,117,.97) 78%,
      rgba(10,64,82,.98) 100%) !important;
}
html body .smmo-site .smmo-support-panel__checkout::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:-2 !important;
  inset:-18% -10% -10% -10% !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:
    radial-gradient(circle at 78% 24%,
      rgba(255,249,201,.98) 0 2.8%,
      rgba(255,225,145,.82) 5%,
      rgba(255,177,118,.52) 11%,
      rgba(255,124,144,.26) 22%,
      rgba(255,105,157,.10) 35%,
      transparent 49%),
    radial-gradient(ellipse at 78% 34%,
      rgba(255,214,149,.34) 0%,
      rgba(255,153,143,.18) 25%,
      transparent 56%),
    radial-gradient(ellipse at 50% 98%,
      rgba(91,215,222,.20) 0%,
      rgba(80,166,192,.11) 36%,
      transparent 68%) !important;
  filter:blur(.3px) saturate(1.08) !important;
  transform-origin:78% 35% !important;
  animation:smmoSupportSunriseReal 14s ease-in-out infinite alternate !important;
}
html body .smmo-site .smmo-support-panel__checkout::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:-1 !important;
  inset:-90px !important;
  pointer-events:none !important;
  opacity:.032 !important;
  background-image:var(--smmo-support-character) !important;
  background-repeat:repeat !important;
  background-size:440px auto !important;
  background-position:28px 38px !important;
  filter:grayscale(.08) saturate(.75) brightness(1.4) !important;
  animation:smmoSupportCharacterDriftSparse 52s linear infinite !important;
}
@keyframes smmoSupportSunriseReal{
  0%{
    transform:translate3d(0,34px,0) scale(.96);
    opacity:.78;
    filter:blur(.5px) saturate(.98) brightness(.94);
  }
  45%{
    transform:translate3d(-6px,12px,0) scale(1);
    opacity:.94;
    filter:blur(.3px) saturate(1.05) brightness(1.03);
  }
  100%{
    transform:translate3d(-12px,-10px,0) scale(1.035);
    opacity:1;
    filter:blur(.15px) saturate(1.1) brightness(1.08);
  }
}
@keyframes smmoSupportCharacterDriftSparse{
  from{background-position:28px 38px}
  to{background-position:468px 258px}
}

html body .smmo-site .smmo-support-panel__checkout-grid{
  grid-template-columns:minmax(220px,.48fr) minmax(0,1.22fr) !important;
  align-items:start !important;
  gap:16px !important;
  width:min(1160px,100%) !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
html body .smmo-site .smmo-support-panel__checkout-grid > *{
  min-width:0 !important;
  max-width:100% !important;
}
html body .smmo-site .smmo-support-panel__joy-copy{
  align-self:start !important;
  justify-content:flex-start !important;
  min-height:0 !important;
  height:auto !important;
  padding:20px !important;
}
html body .smmo-site .smmo-support-panel__joy-copy h4,html body .smmo-site .smmo-support-panel__joy-copy p,html body .smmo-site .smmo-support-panel__payment-zone,html body .smmo-site .smmo-support-panel__payment-zone *{
  max-width:100% !important;
  min-width:0 !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
html body .smmo-site .smmo-support-panel__paypal-shell{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
html body .smmo-site .smmo-paypal-mount,html body .smmo-site .smmo-paypal-mount iframe{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

@media (max-width:1180px){
  html body .smmo-site .smmo-support-panel__checkout-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
    width:100% !important;
  }
  html body .smmo-site .smmo-support-panel__joy-copy{
    width:100% !important;
    padding:18px 20px !important;
  }
  html body .smmo-site .smmo-support-panel__payment-zone{
    width:100% !important;
  }
}

@media (max-width:760px){
  html body .smmo-site .smmo-support-panel__checkout{
    margin-top:12px !important;
    padding:14px !important;
    border-radius:18px !important;
  }
  html body .smmo-site .smmo-support-panel__checkout-head{
    align-items:flex-start !important;
    gap:10px !important;
    margin-bottom:13px !important;
    padding-bottom:10px !important;
  }
  html body .smmo-site .smmo-support-panel__checkout-head>div{
    min-width:0 !important;
    max-width:calc(100% - 64px) !important;
  }
  html body .smmo-site .smmo-support-panel__checkout-head strong{
    font-size:16px !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }
  html body .smmo-site .smmo-support-panel__joy-copy{
    padding:16px !important;
    border-radius:15px !important;
  }
  html body .smmo-site .smmo-support-panel__joy-copy h4{
    font-size:clamp(22px,7vw,29px) !important;
    line-height:1.04 !important;
  }
  html body .smmo-site .smmo-support-panel__joy-copy>p{
    font-size:10px !important;
  }
  html body .smmo-site .smmo-support-panel__paypal-shell{
    padding:10px !important;
    border-radius:14px !important;
  }
  html body .smmo-site .smmo-support-panel__checkout::after{
    opacity:.025 !important;
    background-size:360px auto !important;
  }
}

@media (max-width:520px){
  html body .smmo-site .smmo-support-panel{
    padding-left:13px !important;
    padding-right:13px !important;
  }
  html body .smmo-site .smmo-support-panel__checkout{
    padding:11px !important;
  }
  html body .smmo-site .smmo-support-panel__checkout-head button{
    flex:0 0 auto !important;
    min-width:52px !important;
  }
  html body .smmo-site .smmo-support-panel__trust{
    gap:5px !important;
  }
  html body .smmo-site .smmo-support-panel__trust span{
    min-height:26px !important;
    padding:0 7px !important;
    font-size:7px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body .smmo-site .smmo-support-panel__checkout::before,html body .smmo-site .smmo-support-panel__checkout::after{
    animation:none !important;
  }
}

html body .smmo-site .smmo-support-panel__action,html body .smmo-site .smmo-support-panel__action:hover,html body .smmo-site .smmo-support-panel__action:focus,html body .smmo-site .smmo-support-panel__action:focus-visible,html body .smmo-site .smmo-support-panel__action:active{
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}

html body .smmo-site button.smmo-support-panel__open,html body .smmo-site button.smmo-support-panel__open:hover,html body .smmo-site button.smmo-support-panel__open:focus,html body .smmo-site button.smmo-support-panel__open:focus-visible,html body .smmo-site button.smmo-support-panel__open:active{
  outline:0 !important;
  outline-offset:0 !important;
  -webkit-tap-highlight-color:transparent !important;
}

html body .smmo-site .smmo-support-panel__checkout-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:max-content max-content !important;
  grid-auto-rows:max-content !important;
  align-items:start !important;
  align-content:start !important;
  justify-items:stretch !important;
  gap:14px !important;
  width:100% !important;
  max-width:1120px !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 auto !important;
}
html body .smmo-site .smmo-support-panel__checkout-grid > *{
  align-self:start !important;
  justify-self:stretch !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}

html body .smmo-site .smmo-support-panel__joy-copy{
  display:block !important;
  place-self:start stretch !important;
  width:100% !important;
  height:max-content !important;
  min-height:0 !important;
  max-height:max-content !important;
  margin:0 !important;
  padding:clamp(18px,2.4vw,28px) !important;
  overflow:visible !important;
}
html body .smmo-site .smmo-support-panel__joy-kicker{
  display:block !important;
  margin:0 0 12px !important;
}
html body .smmo-site .smmo-support-panel__joy-copy h4{
  width:auto !important;
  max-width:900px !important;
  margin:0 !important;
}
html body .smmo-site .smmo-support-panel__joy-copy>p{
  width:auto !important;
  max-width:940px !important;
  margin:12px 0 0 !important;
}
html body .smmo-site .smmo-support-panel__joy-copy .smmo-support-panel__trust{
  display:flex !important;
  flex-wrap:wrap !important;
  width:auto !important;
  margin:16px 0 0 !important;
  padding:0 !important;
}
html body .smmo-site .smmo-support-panel__payment-zone{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}
html body .smmo-site .smmo-support-panel__paypal-shell{
  width:100% !important;
  max-width:900px !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 auto !important;
}
html body .smmo-site .smmo-support-panel__note{
  max-width:900px !important;
  margin:7px auto 0 !important;
}

html body .smmo-site .smmo-support-panel__joy-copy > *,html body .smmo-site .smmo-support-panel__payment-zone > *{
  flex-grow:0 !important;
  flex-shrink:1 !important;
}

html body .smmo-site .smmo-support-panel__checkout{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  background:
    radial-gradient(ellipse at 78% 8%,rgba(255,177,130,.13),transparent 34%),
    linear-gradient(180deg,
      #4b1d4a 0%,
      #593357 24%,
      #55527a 52%,
      #327b9b 78%,
      #12617c 100%) !important;
}

html body .smmo-site .smmo-support-panel__checkout::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:-2 !important;
  inset:-18% -10% -6% -10% !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:
    radial-gradient(circle at 78% 68%,
      rgba(255,255,226,1) 0 2.6%,
      rgba(255,242,178,.98) 2.8% 5.2%,
      rgba(255,211,138,.75) 8%,
      rgba(255,171,132,.46) 15%,
      rgba(255,120,151,.20) 26%,
      transparent 42%),
    radial-gradient(ellipse at 78% 74%,
      rgba(255,220,154,.38) 0%,
      rgba(255,158,146,.22) 30%,
      transparent 60%),
    linear-gradient(180deg,
      rgba(255,104,149,.08),
      rgba(255,177,132,.06) 55%,
      rgba(111,225,228,.10) 100%) !important;
  transform-origin:78% 70% !important;
  animation:smmoSupportSunActuallyRises 18s cubic-bezier(.42,0,.25,1) infinite alternate !important;
}
@keyframes smmoSupportSunActuallyRises{
  0%{
    transform:translate3d(0,150px,0) scale(.92);
    opacity:.58;
    filter:saturate(.92) brightness(.88) blur(1px);
  }
  35%{
    transform:translate3d(-4px,92px,0) scale(.96);
    opacity:.76;
    filter:saturate(1) brightness(.95) blur(.7px);
  }
  68%{
    transform:translate3d(-8px,38px,0) scale(1);
    opacity:.93;
    filter:saturate(1.06) brightness(1.04) blur(.35px);
  }
  100%{
    transform:translate3d(-12px,-12px,0) scale(1.035);
    opacity:1;
    filter:saturate(1.12) brightness(1.1) blur(.1px);
  }
}

html body .smmo-site .smmo-support-panel__checkout::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:-1 !important;
  inset:0 !important;
  pointer-events:none !important;
  opacity:.045 !important;
  background-image:
    var(--smmo-support-character),
    var(--smmo-support-character),
    var(--smmo-support-character),
    var(--smmo-support-character),
    var(--smmo-support-character),
    var(--smmo-support-character),
    var(--smmo-support-character),
    var(--smmo-support-character),
    var(--smmo-support-character) !important;
  background-repeat:no-repeat !important;
  background-size:
    54px auto,54px auto,54px auto,
    54px auto,54px auto,54px auto,
    54px auto,54px auto,54px auto !important;
  background-position:
    6% 14%,31% 10%,57% 18%,
    84% 12%,17% 53%,48% 48%,
    76% 58%,29% 86%,91% 84% !important;
  filter:grayscale(.06) saturate(.72) brightness(1.5) !important;
  transform:translate3d(0,0,0) !important;
  animation:smmoSupportSparseCharacters 44s ease-in-out infinite alternate !important;
}
@keyframes smmoSupportSparseCharacters{
  from{transform:translate3d(-3px,2px,0)}
  to{transform:translate3d(7px,-6px,0)}
}

@media (max-width:760px){
  html body .smmo-site .smmo-support-panel__checkout-grid{
    gap:11px !important;
  }
  html body .smmo-site .smmo-support-panel__joy-copy{
    padding:16px !important;
  }
  html body .smmo-site .smmo-support-panel__joy-copy .smmo-support-panel__trust{
    margin-top:13px !important;
  }
  html body .smmo-site .smmo-support-panel__checkout::after{
    opacity:.035 !important;
    background-size:
      42px auto,42px auto,42px auto,
      42px auto,42px auto,42px auto,
      42px auto,42px auto,42px auto !important;
  }
}

@media (max-width:520px){
  html body .smmo-site .smmo-support-panel__joy-copy{
    padding:14px !important;
  }
  html body .smmo-site .smmo-support-panel__paypal-shell{
    padding:9px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body .smmo-site .smmo-support-panel__checkout::before,html body .smmo-site .smmo-support-panel__checkout::after{
    animation:none !important;
  }
}

html body .smmo-site .smmo-support-panel__paypal-shell .smmo-paypal-mount,html body .smmo-site .smmo-support-panel__paypal-shell [id^="paypal-container-"]{
  display:block !important;
  width:min(100%,750px) !important;
  max-width:750px !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html body .smmo-site .smmo-support-panel__paypal-shell .smmo-paypal-mount iframe,html body .smmo-site .smmo-support-panel__paypal-shell [id^="paypal-container-"] iframe{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

html body .smmo-site .smmo-support-panel__paypal-shell .smmo-paypal-mount,html body .smmo-site .smmo-support-panel__paypal-shell [id^="paypal-container-"]{
  position:relative !important;
  isolation:isolate !important;
}
html body .smmo-site .smmo-support-panel__paypal-shell .smmo-paypal-mount::after,html body .smmo-site .smmo-support-panel__paypal-shell [id^="paypal-container-"]::after{
  position:absolute !important;
  z-index:10 !important;
  top:31px !important;
  right:21px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:50px !important;
  height:30px !important;
  padding:0 10px !important;
  content:"GBP" !important;
  border:1px solid rgba(67,84,107,.16) !important;
  border-radius:8px !important;
  background:rgba(242,246,251,.94) !important;
  color:#3e4d63 !important;
  box-shadow:0 1px 3px rgba(17,27,43,.08) !important;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  pointer-events:none !important;
}
@media (max-width:520px){
  html body .smmo-site .smmo-support-panel__paypal-shell .smmo-paypal-mount::after,html body .smmo-site .smmo-support-panel__paypal-shell [id^="paypal-container-"]::after{
    top:28px !important;
    right:16px !important;
    min-width:44px !important;
    height:27px !important;
    padding:0 8px !important;
    font-size:12px !important;
  }
}

html body .smmo-site .smmo-support-panel__paypal-shell .smmo-paypal-mount::after,html body .smmo-site .smmo-support-panel__paypal-shell [id^="paypal-container-"]::after{
  top:286px !important;
  right:22px !important;
}

@media (max-width:760px){
  html body .smmo-site .smmo-support-panel__paypal-shell .smmo-paypal-mount::after,html body .smmo-site .smmo-support-panel__paypal-shell [id^="paypal-container-"]::after{
    top:274px !important;
    right:18px !important;
  }
}

@media (max-width:520px){
  html body .smmo-site .smmo-support-panel__paypal-shell .smmo-paypal-mount::after,html body .smmo-site .smmo-support-panel__paypal-shell [id^="paypal-container-"]::after{
    top:262px !important;
    right:15px !important;
  }
}

html body .smmo-site .smmo-support-panel__paypal-shell .smmo-paypal-mount::after,html body .smmo-site .smmo-support-panel__paypal-shell [id^="paypal-container-"]::after{
  content:none !important;
  display:none !important;
}

html body .smmo-site .smmo-support-panel__payment-zone::before{
  content:"Payment currency  ·  GBP";
  display:flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  min-height:30px;
  margin:0 auto 9px;
  padding:0 12px;
  border:1px solid rgba(207,220,241,.22);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(242,247,255,.97),rgba(226,234,246,.96));
  color:#35465e;
  box-shadow:0 5px 14px rgba(7,17,29,.12),inset 0 1px 0 rgba(255,255,255,.86);
  font-family:inherit;
  font-size:11px;
  font-weight:850;
  line-height:1;
  letter-spacing:.02em;
  white-space:nowrap;
}

@media (max-width:520px){
  html body .smmo-site .smmo-support-panel__payment-zone::before{
    min-height:28px;
    margin-bottom:8px;
    padding:0 10px;
    font-size:10px;
  }
}

html body .smmo-site .smmo-feature-grid__icon{
  z-index:1 !important;
}

html body .smmo-site .smmo-feature-grid__icon::before{
  z-index:-2 !important;
  inset:-10px !important;
  border-radius:34% !important;
  background:
    radial-gradient(circle at 18% 24%,rgba(65,203,255,.82) 0%,rgba(65,203,255,.36) 24%,transparent 54%),
    radial-gradient(circle at 82% 20%,rgba(192,91,255,.82) 0%,rgba(192,91,255,.34) 24%,transparent 54%),
    radial-gradient(circle at 83% 80%,rgba(255,79,187,.78) 0%,rgba(255,79,187,.31) 24%,transparent 55%),
    radial-gradient(circle at 18% 82%,rgba(107,255,177,.68) 0%,rgba(107,255,177,.27) 24%,transparent 54%),
    radial-gradient(circle at 50% 50%,rgba(var(--smmo-cap-rgb),.46) 0%,rgba(var(--smmo-cap-rgb),.18) 38%,transparent 68%) !important;
  filter:blur(18px) saturate(1.18) !important;
  opacity:.20 !important;
  transform:scale(.84) translateZ(0) !important;
  transition:opacity .38s ease,transform .48s cubic-bezier(.2,.72,.2,1),filter .38s ease !important;
}

html body .smmo-site .smmo-feature-grid__icon::after{
  position:absolute !important;
  z-index:-1 !important;
  inset:-4px !important;
  content:"" !important;
  border-radius:32% !important;
  pointer-events:none !important;
  opacity:0 !important;
  background:
    conic-gradient(from 0deg,
      transparent 0deg,
      rgba(79,210,255,.58) 42deg,
      transparent 86deg,
      rgba(191,103,255,.62) 136deg,
      transparent 182deg,
      rgba(255,92,188,.58) 226deg,
      transparent 272deg,
      rgba(116,255,181,.48) 318deg,
      transparent 360deg) !important;
  filter:blur(12px) saturate(1.25) !important;
  transform:scale(.84) rotate(0deg) !important;
  transform-origin:50% 50% !important;
  transition:opacity .30s ease,transform .42s cubic-bezier(.2,.72,.2,1) !important;
}

html body .smmo-site .smmo-feature-grid article:hover .smmo-feature-grid__icon::before,html body .smmo-site .smmo-feature-grid article:focus-within .smmo-feature-grid__icon::before{
  opacity:.94 !important;
  transform:scale(1.10) translateZ(0) !important;
  filter:blur(20px) saturate(1.34) !important;
}

html body .smmo-site .smmo-feature-grid article:hover .smmo-feature-grid__icon::after,html body .smmo-site .smmo-feature-grid article:focus-within .smmo-feature-grid__icon::after{
  opacity:.78 !important;
  transform:scale(1.08) rotate(0deg) !important;
  animation:smmoCapabilitySpectrumShimmer 3.2s linear infinite !important;
}

html body .smmo-site .smmo-feature-grid article:hover .smmo-feature-grid__icon img,html body .smmo-site .smmo-feature-grid article:focus-within .smmo-feature-grid__icon img{
  transform:translateY(-2px) scale(1.025) !important;
  filter:
    drop-shadow(0 11px 19px rgba(0,0,0,.24))
    drop-shadow(0 0 10px rgba(83,205,255,.18))
    drop-shadow(0 0 16px rgba(210,91,255,.14))
    drop-shadow(0 0 18px rgba(var(--smmo-cap-rgb),.14)) !important;
}

@keyframes smmoCapabilitySpectrumShimmer{
  0%{transform:scale(1.08) rotate(0deg);filter:blur(12px) saturate(1.20)}
  25%{transform:scale(1.12) rotate(90deg);filter:blur(14px) saturate(1.34)}
  50%{transform:scale(1.09) rotate(180deg);filter:blur(12px) saturate(1.24)}
  75%{transform:scale(1.12) rotate(270deg);filter:blur(14px) saturate(1.36)}
  100%{transform:scale(1.08) rotate(360deg);filter:blur(12px) saturate(1.20)}
}

@media (max-width:680px){
  html body .smmo-site .smmo-feature-grid__icon::before{inset:-7px !important;filter:blur(14px) saturate(1.18) !important}
  html body .smmo-site .smmo-feature-grid__icon::after{inset:-3px !important;filter:blur(10px) saturate(1.22) !important}
  html body .smmo-site .smmo-feature-grid article:hover .smmo-feature-grid__icon::before,html body .smmo-site .smmo-feature-grid article:focus-within .smmo-feature-grid__icon::before{filter:blur(16px) saturate(1.30) !important}
}

@media (prefers-reduced-motion:reduce){
  html body .smmo-site .smmo-feature-grid article:hover .smmo-feature-grid__icon::after,html body .smmo-site .smmo-feature-grid article:focus-within .smmo-feature-grid__icon::after{
    animation:none !important;
    transform:scale(1.08) !important;
  }
}

html body .smmo-site.smmo-faq{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 9%,rgba(145,92,255,.16),transparent 30%),
    radial-gradient(circle at 88% 18%,rgba(77,233,255,.09),transparent 28%),
    radial-gradient(circle at 62% 92%,rgba(255,101,183,.075),transparent 28%),
    linear-gradient(180deg,#0a1727 0%,#071521 100%) !important;
}
html body .smmo-site.smmo-faq::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  left:-190px;
  bottom:-300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(145,92,255,.10),rgba(145,92,255,0) 68%);
  pointer-events:none;
}
html body .smmo-site.smmo-faq .smmo-section{
  position:relative;
  z-index:1;
}

html body .smmo-site.smmo-faq .smmo-heading{
  max-width:1180px;
  margin-left:auto !important;
  margin-right:auto !important;
}
html body .smmo-site.smmo-faq .smmo-kicker{
  color:#c19cff !important;
  text-shadow:0 0 18px rgba(145,92,255,.22);
}
html body .smmo-site.smmo-faq .smmo-heading h2{
  color:#f8faff !important;
  text-shadow:0 10px 34px rgba(0,0,0,.20);
}

html body .smmo-site .smmo-faq__list{
  width:100%;
  max-width:1260px !important;
  margin:0 auto !important;
  gap:14px !important;
}

html body .smmo-site .smmo-faq details{
  --smmo-faq-rgb:145,92,255;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(var(--smmo-faq-rgb),.30) !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 0% 0%,rgba(var(--smmo-faq-rgb),.075),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(77,233,255,.025),transparent 30%),
    linear-gradient(145deg,#132239 0%,#0e1b2c 56%,#0b1725 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 30px rgba(0,0,0,.16) !important;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease !important;
}
html body .smmo-site .smmo-faq details:nth-child(2){--smmo-faq-rgb:79,156,255}
html body .smmo-site .smmo-faq details:nth-child(3){--smmo-faq-rgb:255,101,183}
html body .smmo-site .smmo-faq details:nth-child(4){--smmo-faq-rgb:185,255,74}
html body .smmo-site .smmo-faq details:nth-child(5){--smmo-faq-rgb:255,197,104}

html body .smmo-site .smmo-faq details:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--smmo-faq-rgb),.54) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 16px 36px rgba(0,0,0,.18),
    0 0 26px rgba(var(--smmo-faq-rgb),.075) !important;
}

html body .smmo-site .smmo-faq summary{
  min-height:82px;
  padding:20px 22px 20px 25px !important;
  align-items:center !important;
  gap:20px !important;
  color:#f7f9ff !important;
  font-size:clamp(16px,1.3vw,20px) !important;
  font-weight:820 !important;
  line-height:1.35 !important;
  letter-spacing:-.015em !important;
  text-wrap:balance;
}

html body .smmo-site .smmo-faq summary i{
  display:grid !important;
  place-items:center !important;
  flex:0 0 38px !important;
  width:38px !important;
  height:38px !important;
  margin-left:auto !important;
  border:1px solid rgba(var(--smmo-faq-rgb),.34) !important;
  border-radius:12px !important;
  background:
    radial-gradient(circle at 35% 25%,rgba(var(--smmo-faq-rgb),.22),transparent 58%),
    rgba(14,25,42,.86) !important;
  color:rgb(var(--smmo-faq-rgb)) !important;
  font-size:23px !important;
  font-weight:700 !important;
  line-height:1 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 16px rgba(var(--smmo-faq-rgb),.08) !important;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
html body .smmo-site .smmo-faq summary:hover i{
  border-color:rgba(var(--smmo-faq-rgb),.62) !important;
  background:
    radial-gradient(circle at 35% 25%,rgba(var(--smmo-faq-rgb),.32),transparent 62%),
    rgba(20,35,57,.94) !important;
  box-shadow:0 0 22px rgba(var(--smmo-faq-rgb),.14) !important;
}

html body .smmo-site .smmo-faq details[open]{
  border-color:rgba(var(--smmo-faq-rgb),.72) !important;
  background:
    radial-gradient(circle at 4% 0%,rgba(var(--smmo-faq-rgb),.16),transparent 38%),
    radial-gradient(circle at 95% 100%,rgba(77,233,255,.055),transparent 30%),
    linear-gradient(145deg,#16283f 0%,#101f32 56%,#0b1827 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 18px 44px rgba(0,0,0,.22),
    0 0 34px rgba(var(--smmo-faq-rgb),.10) !important;
}
html body .smmo-site .smmo-faq details[open] summary{
  padding-bottom:18px !important;
}
html body .smmo-site .smmo-faq details[open] summary i{
  transform:rotate(45deg) !important;
  color:#fff !important;
  border-color:rgba(var(--smmo-faq-rgb),.72) !important;
  background:linear-gradient(145deg,rgba(var(--smmo-faq-rgb),.32),rgba(20,31,51,.94)) !important;
  box-shadow:0 0 24px rgba(var(--smmo-faq-rgb),.18) !important;
}

html body .smmo-site .smmo-faq details p{
  position:relative;
  margin:0 22px 22px !important;
  padding:20px 22px 21px 24px !important;
  border-top:1px solid rgba(var(--smmo-faq-rgb),.22) !important;
  border-radius:0 0 14px 14px;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(var(--smmo-faq-rgb),.025)) !important;
  color:#c7d5e8 !important;
  font-size:clamp(14px,1.08vw,16px) !important;
  line-height:1.72 !important;
  font-weight:500 !important;
  letter-spacing:.002em !important;
}
html body .smmo-site .smmo-faq details p::before{
  content:"";
  position:absolute;
  left:0;
  top:20px;
  bottom:20px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(var(--smmo-faq-rgb),.95),rgba(var(--smmo-faq-rgb),.18));
  box-shadow:0 0 12px rgba(var(--smmo-faq-rgb),.20);
}

html body .smmo-site .smmo-faq summary:focus-visible{
  outline:0 !important;
  box-shadow:inset 0 0 0 2px rgba(var(--smmo-faq-rgb),.56) !important;
  border-radius:18px !important;
}

@media (max-width:680px){
  html body .smmo-site .smmo-faq__list{
    gap:11px !important;
  }
  html body .smmo-site .smmo-faq details{
    border-radius:17px !important;
  }
  html body .smmo-site .smmo-faq summary{
    min-height:72px;
    padding:17px 15px 17px 17px !important;
    gap:13px !important;
    font-size:15px !important;
    line-height:1.38 !important;
  }
  html body .smmo-site .smmo-faq summary i{
    flex-basis:34px !important;
    width:34px !important;
    height:34px !important;
    border-radius:10px !important;
    font-size:20px !important;
  }
  html body .smmo-site .smmo-faq details p{
    margin:0 14px 14px !important;
    padding:17px 14px 18px 18px !important;
    font-size:14px !important;
    line-height:1.68 !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body .smmo-site .smmo-faq details,html body .smmo-site .smmo-faq summary i{
    transition:none !important;
  }
  html body .smmo-site .smmo-faq details:hover{
    transform:none !important;
  }
}

html body .smmo-site .smmo-hero__download-stack{
  display:inline-grid !important;
  grid-template-columns:max-content !important;
  width:max-content !important;
  max-width:100% !important;
  gap:0 !important;
  align-items:stretch !important;
}

html body .smmo-site .smmo-hero__download-stack > .smmo-button,html body .smmo-site .smmo-hero__download-stack > .smmo-hero-support-link{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
}

html body .smmo-site .smmo-hero__download-stack > .smmo-hero-support-link{
  margin-top:12px !important;
  justify-content:center !important;
}

html body .smmo-site .smmo-release-card .smmo-support-nudge{
  box-sizing:border-box !important;
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  margin:12px 0 0 !important;
  justify-content:center !important;
}

@media (max-width:560px){
  html body .smmo-site .smmo-hero__download-stack{
    width:100% !important;
    grid-template-columns:minmax(0,1fr) !important;
  }

  html body .smmo-site .smmo-hero__download-stack > .smmo-hero-support-link,html body .smmo-site .smmo-release-card .smmo-support-nudge{
    margin-top:10px !important;
  }
}

html body .smmo-site.smmo-hero--real{
  background:
    linear-gradient(
      180deg,
      #000 0%,
      rgba(0,0,0,.98) 2%,
      rgba(0,2,6,.82) 5%,
      rgba(1,5,11,.60) 9%,
      rgba(3,9,17,.38) 14%,
      rgba(5,13,23,.20) 20%,
      rgba(7,16,27,.08) 27%,
      rgba(7,16,27,0) 34%
    ),
    radial-gradient(
      ellipse at 76% 11%,
      rgba(145,92,255,.30) 0%,
      rgba(145,92,255,.17) 22%,
      rgba(145,92,255,.07) 42%,
      transparent 63%
    ),
    radial-gradient(
      ellipse at 34% 18%,
      rgba(79,156,255,.18) 0%,
      rgba(79,156,255,.09) 30%,
      transparent 58%
    ),
    radial-gradient(
      ellipse at 12% 72%,
      rgba(77,233,255,.10) 0%,
      rgba(77,233,255,.045) 30%,
      transparent 58%
    ),
    radial-gradient(
      ellipse at 88% 70%,
      rgba(255,101,183,.055) 0%,
      transparent 48%
    ),
    linear-gradient(
      180deg,
      #07101a 0%,
      #0b1830 28%,
      #0b1a2b 58%,
      #091724 100%
    ) !important;
}

html body .smmo-site.smmo-hero--real::before,html body .smmo-site.smmo-hero--real:before{
  opacity:.92 !important;
  -webkit-mask-image:linear-gradient(
    to bottom,
    transparent 0%,
    transparent 4%,
    rgba(0,0,0,.05) 9%,
    rgba(0,0,0,.18) 16%,
    rgba(0,0,0,.42) 28%,
    rgba(0,0,0,.62) 45%,
    rgba(0,0,0,.42) 72%,
    transparent 95%
  ) !important;
  mask-image:linear-gradient(
    to bottom,
    transparent 0%,
    transparent 4%,
    rgba(0,0,0,.05) 9%,
    rgba(0,0,0,.18) 16%,
    rgba(0,0,0,.42) 28%,
    rgba(0,0,0,.62) 45%,
    rgba(0,0,0,.42) 72%,
    transparent 95%
  ) !important;
}

@media (max-width:680px){
  html body .smmo-site.smmo-hero--real{
    background:
      linear-gradient(
        180deg,
        #000 0%,
        rgba(0,0,0,.94) 2%,
        rgba(0,3,8,.72) 5%,
        rgba(2,7,14,.46) 9%,
        rgba(4,11,20,.24) 14%,
        rgba(7,16,27,.08) 20%,
        rgba(7,16,27,0) 27%
      ),
      radial-gradient(
        ellipse at 76% 10%,
        rgba(145,92,255,.27) 0%,
        rgba(145,92,255,.14) 24%,
        rgba(145,92,255,.05) 44%,
        transparent 62%
      ),
      radial-gradient(
        ellipse at 30% 18%,
        rgba(79,156,255,.15) 0%,
        rgba(79,156,255,.07) 30%,
        transparent 56%
      ),
      radial-gradient(
        ellipse at 12% 76%,
        rgba(77,233,255,.08) 0%,
        transparent 54%
      ),
      linear-gradient(
        180deg,
        #07101a 0%,
        #0b1830 30%,
        #0a192a 62%,
        #091724 100%
      ) !important;
  }

  html body .smmo-site.smmo-hero--real::before,html body .smmo-site.smmo-hero--real:before{
    -webkit-mask-image:linear-gradient(
      to bottom,
      transparent 0%,
      transparent 3%,
      rgba(0,0,0,.08) 8%,
      rgba(0,0,0,.24) 15%,
      rgba(0,0,0,.50) 28%,
      rgba(0,0,0,.56) 54%,
      rgba(0,0,0,.28) 78%,
      transparent 96%
    ) !important;
    mask-image:linear-gradient(
      to bottom,
      transparent 0%,
      transparent 3%,
      rgba(0,0,0,.08) 8%,
      rgba(0,0,0,.24) 15%,
      rgba(0,0,0,.50) 28%,
      rgba(0,0,0,.56) 54%,
      rgba(0,0,0,.28) 78%,
      transparent 96%
    ) !important;
  }
}

html body .smmo-site.smmo-tour{
    position:relative !important;
    z-index:0 !important;
    isolation:isolate !important;
}

html body .smmo-site.smmo-tour .smmo-tour__shell{
    position:relative !important;
    z-index:0 !important;
    isolation:isolate !important;
}

html body .smmo-site.smmo-tour .smmo-tour__controls{
    position:relative !important;
    z-index:1 !important;
}

html body #headerwrap,html body #header,html body header#header,html body .fixed-header,html body .fixed-header #headerwrap,html body .header-bar,html body .simme-node-homebar53,html body .simme-node-normal-header{
    z-index:100500 !important;
}

html body #headerwrap.fixed-header,html body .fixed-header-on #headerwrap,html body .header-on-scroll #headerwrap{
    z-index:100500 !important;
}

html body.admin-bar #wpadminbar{
    z-index:100600 !important;
}

html body .smmo-site.smmo-hero--real .smmo-hero__grid{
    grid-template-columns:minmax(360px,.72fr) minmax(0,1.48fr) !important;
    gap:clamp(34px,4vw,58px) !important;
    align-items:center !important;
}

html body .smmo-site .smmo-hero-showcase{
    position:relative !important;
    isolation:isolate !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;

    padding:
        clamp(12px,1.3vw,20px)
        clamp(122px,13vw,188px)
        clamp(104px,10vw,142px)
        clamp(6px,1vw,14px) !important;
}

html body .smmo-site .smmo-hero-showcase__main{
    position:relative !important;
    z-index:1 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    overflow:hidden !important;
    transform:perspective(1600px) rotateY(-1.25deg) rotateX(.35deg) !important;
    transform-origin:center left !important;
    border-color:rgba(142,179,255,.24) !important;
    box-shadow:
        0 36px 90px rgba(0,0,0,.43),
        0 0 0 1px rgba(145,92,255,.06) inset,
        0 20px 72px rgba(67,115,255,.11) !important;
}

html body .smmo-site .smmo-hero-showcase__main::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
        linear-gradient(135deg,rgba(77,233,255,.04),transparent 28%),
        radial-gradient(circle at 88% 8%,rgba(145,92,255,.09),transparent 26%);
    z-index:2;
}

html body .smmo-site .smmo-hero-showcase__main > img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center top !important;
    background:#050a10 !important;
}

html body .smmo-site .smmo-hero-showcase__main .smmo-hero-shot__bar{
    min-height:44px !important;
    background:
        linear-gradient(180deg,rgba(18,29,44,.98),rgba(9,17,28,.98)) !important;
    border-bottom-color:rgba(132,160,207,.16) !important;
}

html body .smmo-site .smmo-hero-showcase__media-panel{
    position:absolute !important;
    z-index:6 !important;
    top:clamp(46px,6vw,84px) !important;
    right:0 !important;
    width:clamp(146px,14.5vw,208px) !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    border-radius:clamp(15px,1.5vw,22px) !important;
    background:#0b1420 !important;
    border:1px solid rgba(215,225,255,.22) !important;
    box-shadow:
        0 28px 68px rgba(0,0,0,.48),
        0 0 0 1px rgba(145,92,255,.14),
        0 0 38px rgba(255,86,181,.13),
        0 0 55px rgba(77,233,255,.08) !important;
    transform:translateZ(0) rotate(.35deg) !important;
}

html body .smmo-site .smmo-hero-showcase__media-panel::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:8% -10% 5% -12%;
    border-radius:32%;
    background:
        radial-gradient(circle at 50% 28%,rgba(77,233,255,.17),transparent 38%),
        radial-gradient(circle at 62% 68%,rgba(255,88,186,.14),transparent 43%);
    filter:blur(18px);
    opacity:.74;
    pointer-events:none;
}

html body .smmo-site .smmo-hero-showcase__media-panel > img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    border-radius:inherit !important;
}

html body .smmo-site .smmo-hero-showcase__media-label{
    position:absolute;
    z-index:2;
    left:50%;
    top:-13px;
    transform:translateX(-50%);
    display:inline-flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
    padding:6px 9px;
    border-radius:999px;
    background:rgba(7,14,23,.92);
    border:1px solid rgba(145,92,255,.28);
    box-shadow:0 8px 20px rgba(0,0,0,.28);
    color:#b9a4ff !important;
    font-size:7px;
    line-height:1;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    backdrop-filter:blur(12px);
}

html body .smmo-site .smmo-hero-showcase__media-label i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#6dff74;
    box-shadow:0 0 10px rgba(109,255,116,.65);
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
    position:absolute !important;
    z-index:7 !important;
    right:0 !important;
    bottom:0 !important;
    width:clamp(174px,17vw,244px) !important;
    box-sizing:border-box !important;
    padding:clamp(16px,1.7vw,23px) !important;
    overflow:hidden !important;
    border-radius:clamp(18px,1.8vw,25px) !important;
    border:1px solid rgba(221,156,255,.48) !important;
    background:
        radial-gradient(circle at 100% 0%,rgba(255,74,187,.16),transparent 37%),
        radial-gradient(circle at 0% 100%,rgba(77,233,255,.10),transparent 40%),
        linear-gradient(145deg,rgba(22,24,49,.97),rgba(13,21,39,.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 24px 58px rgba(0,0,0,.42),
        0 0 0 1px rgba(145,92,255,.10),
        0 0 34px rgba(145,92,255,.18),
        0 0 46px rgba(255,75,184,.09) !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::before{
    content:"";
    position:absolute;
    inset:-60% -35%;
    pointer-events:none;
    background:
        conic-gradient(
            from 210deg,
            transparent 0 32%,
            rgba(77,233,255,.10) 38%,
            rgba(145,92,255,.17) 45%,
            rgba(255,80,187,.11) 52%,
            transparent 60% 100%
        );
    animation:smmoHeroReleaseAura 12s linear infinite;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > *{
    position:relative;
    z-index:1;
}

html body .smmo-site .smmo-version-pill__eyebrow{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
}

html body .smmo-site .smmo-version-pill__eyebrow span{
    display:inline-flex !important;
    padding:6px 9px !important;
    border-radius:999px !important;
    border:1px solid rgba(145,92,255,.34) !important;
    background:rgba(82,63,166,.18) !important;
    color:#cabdff !important;
    font-size:7px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}

html body .smmo-site .smmo-version-pill__eyebrow i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ff63bf;
    box-shadow:0 0 0 4px rgba(255,99,191,.09),0 0 14px rgba(255,99,191,.7);
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > strong{
    display:block !important;
    margin-top:13px !important;
    color:#fff !important;
    font-size:clamp(21px,2.1vw,31px) !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:-.045em !important;
    background:linear-gradient(90deg,#b9cfff 0%,#b79aff 46%,#ff87d0 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > small{
    display:block !important;
    margin-top:8px !important;
    color:#95a4bb !important;
    font-size:8px !important;
    line-height:1.3 !important;
    font-weight:760 !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    margin-top:14px !important;
    min-height:36px !important;
    box-sizing:border-box !important;
    padding:0 12px !important;
    border-radius:11px !important;
    border:1px solid rgba(222,158,255,.34) !important;
    background:linear-gradient(90deg,rgba(113,76,226,.17),rgba(255,82,187,.11)) !important;
    color:#f8f6ff !important;
    text-decoration:none !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > a span{
    color:inherit !important;
    font-size:8px !important;
    font-weight:850 !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > a b{
    color:#d9c7ff !important;
    font-size:14px !important;
    line-height:1 !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > a:hover,html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > a:focus-visible{
    transform:translateY(-1px) !important;
    border-color:rgba(255,163,218,.60) !important;
    background:linear-gradient(90deg,rgba(113,76,226,.26),rgba(255,82,187,.18)) !important;
    box-shadow:0 8px 24px rgba(145,92,255,.13),inset 0 1px 0 rgba(255,255,255,.08) !important;
    outline:none !important;
}

@keyframes smmoHeroReleaseAura{
    to{transform:rotate(360deg)}
}

@media (max-width:1320px){
    html body .smmo-site.smmo-hero--real .smmo-hero__grid{
        grid-template-columns:minmax(340px,.78fr) minmax(0,1.32fr) !important;
    }

    html body .smmo-site .smmo-hero-showcase{
        padding-right:clamp(106px,12vw,154px) !important;
    }

    html body .smmo-site .smmo-hero-showcase__media-panel{
        width:clamp(136px,14vw,184px) !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
        width:clamp(166px,17vw,220px) !important;
    }
}

@media (max-width:1080px){
    html body .smmo-site.smmo-hero--real .smmo-hero__grid{
        grid-template-columns:1fr !important;
        gap:38px !important;
    }

    html body .smmo-site .smmo-hero__visual{
        width:min(100%,1100px) !important;
        margin-inline:auto !important;
    }

    html body .smmo-site .smmo-hero-showcase{
        padding-right:clamp(132px,16vw,190px) !important;
        padding-bottom:clamp(110px,13vw,150px) !important;
    }

    html body .smmo-site .smmo-hero-showcase__media-panel{
        width:clamp(150px,18vw,205px) !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
        width:clamp(190px,23vw,250px) !important;
    }
}

@media (max-width:680px){
    html body .smmo-site .smmo-hero-showcase{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) clamp(94px,26vw,128px) !important;
        gap:12px !important;
        align-items:end !important;
        padding:6px 0 0 !important;
    }

    html body .smmo-site .smmo-hero-showcase__main{
        grid-column:1 / -1 !important;
        grid-row:1 !important;
        transform:none !important;
        border-radius:15px !important;
    }

    html body .smmo-site .smmo-hero-showcase__main .smmo-hero-shot__bar{
        min-height:38px !important;
        padding-inline:10px !important;
    }

    html body .smmo-site .smmo-hero-showcase__main .smmo-hero-shot__bar b{
        display:none !important;
    }

    html body .smmo-site .smmo-hero-showcase__media-panel{
        position:relative !important;
        inset:auto !important;
        grid-column:2 !important;
        grid-row:2 !important;
        width:100% !important;
        transform:none !important;
        align-self:end !important;
        border-radius:15px !important;
    }

    html body .smmo-site .smmo-hero-showcase__media-label{
        display:none !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
        position:relative !important;
        inset:auto !important;
        grid-column:1 !important;
        grid-row:2 !important;
        width:100% !important;
        min-width:0 !important;
        align-self:end !important;
        padding:15px !important;
        border-radius:15px !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > strong{
        font-size:clamp(19px,6vw,25px) !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > a{
        min-height:34px !important;
    }
}

@media (max-width:420px){
    html body .smmo-site .smmo-hero-showcase{
        grid-template-columns:minmax(0,1fr) 92px !important;
        gap:10px !important;
    }

    html body .smmo-site .smmo-version-pill__eyebrow span{
        font-size:6px !important;
        letter-spacing:.09em !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > small{
        font-size:7px !important;
    }
}

@media (prefers-reduced-motion:reduce){
    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::before{
        animation:none !important;
    }
}

@media (min-width:681px){
    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
        right:clamp(64px,6vw,104px) !important;
    }
}

@media (max-width:680px){
    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
        right:auto !important;
    }
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
    overflow:visible !important;
    isolation:isolate !important;
    border-color:transparent !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 26px 64px rgba(0,0,0,.44),
        0 0 48px rgba(129,92,255,.18),
        0 0 72px rgba(255,76,187,.10) !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::after{
    content:"" !important;
    position:absolute !important;
    z-index:-2 !important;
    inset:-18px !important;
    border-radius:calc(clamp(18px,1.8vw,25px) + 16px) !important;
    pointer-events:none !important;
    background:
        radial-gradient(circle at 15% 25%,rgba(77,233,255,.24),transparent 35%),
        radial-gradient(circle at 52% 0%,rgba(145,92,255,.30),transparent 40%),
        radial-gradient(circle at 92% 70%,rgba(255,78,186,.27),transparent 40%) !important;
    filter:blur(20px) !important;
    opacity:.66 !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::before{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    inset:-2px !important;
    border-radius:inherit !important;
    padding:2px !important;
    pointer-events:none !important;

    background:
        conic-gradient(
            from var(--smmo-release-glint-angle, 0deg),
            rgba(77,233,255,.34) 0deg,
            rgba(77,233,255,.50) 52deg,
            rgba(145,92,255,.62) 118deg,
            rgba(255,79,188,.60) 190deg,
            rgba(255,121,206,.44) 248deg,
            rgba(145,92,255,.54) 312deg,
            rgba(77,233,255,.34) 360deg
        ) !important;

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite:xor !important;

    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    mask-composite:exclude !important;

    filter:
        drop-shadow(0 0 5px rgba(120,110,255,.45))
        drop-shadow(0 0 9px rgba(255,74,190,.22)) !important;

    animation:smmoReleaseEdgeRotate 7.5s linear infinite !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
    --smmo-release-glint-angle:0deg;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > .smmo-version-pill__eyebrow::after{
    content:"" !important;
    position:absolute !important;
    z-index:20 !important;
    width:5px !important;
    height:5px !important;
    border-radius:50% !important;
    pointer-events:none !important;
    top:-22px !important;
    left:10% !important;
    background:#fff !important;
    box-shadow:
        0 0 5px 2px rgba(255,255,255,.95),
        0 0 12px 5px rgba(129,102,255,.88),
        0 0 22px 9px rgba(255,78,190,.56) !important;
    animation:smmoReleaseGlintTrack 7.5s linear infinite !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > .smmo-version-pill__eyebrow::before{
    content:"✦" !important;
    position:absolute !important;
    z-index:20 !important;
    right:-18px !important;
    top:44px !important;
    color:#ff9fd3 !important;
    font-size:7px !important;
    line-height:1 !important;
    opacity:.55 !important;
    text-shadow:0 0 8px rgba(255,89,190,.72) !important;
    animation:smmoReleaseSparkle 4.8s ease-in-out infinite !important;
}

@supports (background:paint(something)){
    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::before{
        animation:smmoReleaseEdgeRotate 7.5s linear infinite !important;
    }
}

@property --smmo-release-glint-angle{
    syntax:"<angle>";
    inherits:false;
    initial-value:0deg;
}

@keyframes smmoReleaseEdgeRotate{
    from{--smmo-release-glint-angle:0deg}
    to{--smmo-release-glint-angle:360deg}
}

@keyframes smmoReleaseGlintTrack{
    0%{
        left:8%;
        top:-22px;
        transform:translate(-50%,-50%) scale(.75);
        opacity:.35;
    }
    9%{
        left:45%;
        top:-22px;
        transform:translate(-50%,-50%) scale(1);
        opacity:1;
    }
    23%{
        left:98%;
        top:-10px;
        transform:translate(-50%,-50%) scale(.9);
        opacity:.88;
    }
    37%{
        left:calc(100% + 20px);
        top:48%;
        transform:translate(-50%,-50%) scale(1);
        opacity:1;
    }
    50%{
        left:96%;
        top:calc(100% + 20px);
        transform:translate(-50%,-50%) scale(.8);
        opacity:.75;
    }
    64%{
        left:48%;
        top:calc(100% + 22px);
        transform:translate(-50%,-50%) scale(1);
        opacity:1;
    }
    77%{
        left:-20px;
        top:calc(100% - 8px);
        transform:translate(-50%,-50%) scale(.82);
        opacity:.72;
    }
    89%{
        left:-20px;
        top:35%;
        transform:translate(-50%,-50%) scale(1);
        opacity:1;
    }
    100%{
        left:8%;
        top:-22px;
        transform:translate(-50%,-50%) scale(.75);
        opacity:.35;
    }
}

@keyframes smmoReleaseSparkle{
    0%,68%,100%{
        opacity:.18;
        transform:scale(.7) rotate(0deg);
    }
    74%{
        opacity:.82;
        transform:scale(1.15) rotate(18deg);
    }
    80%{
        opacity:.36;
        transform:scale(.9) rotate(28deg);
    }
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > strong,html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > small,html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > a,html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > .smmo-version-pill__eyebrow{
    position:relative !important;
    z-index:5 !important;
}

@media (prefers-reduced-motion:reduce){
    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::before,html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > .smmo-version-pill__eyebrow::after,html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > .smmo-version-pill__eyebrow::before{
        animation:none !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > .smmo-version-pill__eyebrow::after{
        display:none !important;
    }
}

html body .smmo-site
.smmo-version-pill.smmo-version-pill--promoted
> .smmo-version-pill__eyebrow::before,html body .smmo-site
.smmo-version-pill.smmo-version-pill--promoted
> .smmo-version-pill__eyebrow::after{
    display:none !important;
    content:none !important;
    animation:none !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
    overflow:visible !important;
    isolation:isolate !important;
    border:0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 28px 66px rgba(0,0,0,.46),

        -10px 6px 34px rgba(67,211,255,.18),
        -18px 0 58px rgba(83,118,255,.13),

        0 0 42px rgba(137,91,255,.25),
        0 0 74px rgba(127,76,255,.13),

        12px 7px 38px rgba(255,78,191,.18),
        20px 0 64px rgba(255,78,191,.10) !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::before{
    content:"" !important;
    position:absolute !important;
    z-index:20 !important;
    inset:-2px !important;
    border-radius:inherit !important;
    padding:2px !important;
    pointer-events:none !important;

    --smmo-release-track-angle:0deg;

    background:
        conic-gradient(
            from var(--smmo-release-track-angle),

            transparent 0deg,
            transparent 286deg,

            rgba(75,224,255,.18) 298deg,
            rgba(93,211,255,.68) 307deg,
            rgba(182,202,255,.94) 314deg,
            rgba(255,255,255,1) 319deg,
            rgba(255,220,246,.98) 323deg,
            rgba(255,105,202,.82) 329deg,
            rgba(154,102,255,.54) 336deg,

            transparent 346deg,
            transparent 360deg
        ),
        conic-gradient(
            from 220deg,
            rgba(78,224,255,.78) 0deg,
            rgba(103,145,255,.72) 72deg,
            rgba(143,92,255,.82) 146deg,
            rgba(255,93,195,.82) 232deg,
            rgba(255,130,210,.64) 292deg,
            rgba(78,224,255,.78) 360deg
        ) !important;

    background-blend-mode:screen !important;

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite:xor !important;

    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    mask-composite:exclude !important;

    filter:
        drop-shadow(0 0 3px rgba(255,255,255,.58))
        drop-shadow(0 0 8px rgba(131,111,255,.74))
        drop-shadow(0 0 13px rgba(255,91,195,.32)) !important;

    animation:smmoReleaseTrueEdgeTrack 8.8s linear infinite !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::after{
    content:"" !important;
    position:absolute !important;
    z-index:-2 !important;
    inset:-24px !important;
    border-radius:calc(clamp(18px,1.8vw,25px) + 22px) !important;
    pointer-events:none !important;

    --smmo-release-track-angle:0deg;

    background:
        conic-gradient(
            from var(--smmo-release-track-angle),

            transparent 0deg,
            transparent 276deg,

            rgba(65,221,255,.04) 289deg,
            rgba(74,217,255,.26) 300deg,
            rgba(119,116,255,.50) 311deg,
            rgba(177,93,255,.67) 320deg,
            rgba(255,79,190,.70) 329deg,
            rgba(255,116,204,.34) 339deg,

            transparent 350deg,
            transparent 360deg
        ),
        radial-gradient(
            ellipse at 50% 55%,
            rgba(132,87,255,.18) 0%,
            rgba(89,80,255,.10) 40%,
            transparent 72%
        ) !important;

    filter:blur(21px) saturate(1.22) !important;
    opacity:.92 !important;
    transform:translateZ(0) !important;

    animation:smmoReleaseTrueEdgeTrack 8.8s linear infinite !important;
}

@property --smmo-release-track-angle{
    syntax:"<angle>";
    inherits:false;
    initial-value:0deg;
}

@keyframes smmoReleaseTrueEdgeTrack{
    from{
        --smmo-release-track-angle:0deg;
    }
    to{
        --smmo-release-track-angle:360deg;
    }
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted:hover{
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 30px 70px rgba(0,0,0,.47),
        -12px 7px 38px rgba(67,211,255,.22),
        -20px 0 64px rgba(83,118,255,.16),
        0 0 48px rgba(137,91,255,.30),
        0 0 82px rgba(127,76,255,.16),
        14px 8px 42px rgba(255,78,191,.23),
        22px 0 70px rgba(255,78,191,.12) !important;
}

@media (prefers-reduced-motion:reduce){
    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::before,html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::after{
        animation:none !important;
        --smmo-release-track-angle:318deg !important;
    }
}

html body .smmo-site .smmo-hero-showcase__main{
    position:relative !important;
    overflow:visible !important;
}

html body .smmo-site .smmo-hero-showcase__main > img,html body .smmo-site .smmo-hero-showcase__main .smmo-hero-shot__bar{
    position:relative !important;
    z-index:3 !important;
}

html body .smmo-site .smmo-hero-showcase__main > img{
    border-radius:0 0 inherit inherit !important;
}

html body .smmo-site .smmo-hero-showcase__main::before{
    content:"" !important;
    position:absolute !important;
    z-index:-2 !important;

    left:4% !important;
    right:4% !important;
    bottom:clamp(-72px,-5.4vw,-48px) !important;
    height:clamp(78px,8vw,118px) !important;

    pointer-events:none !important;
    border-radius:50% !important;

    background:
        radial-gradient(
            ellipse at 16% 48%,
            rgba(66,205,255,.60) 0%,
            rgba(57,156,255,.40) 26%,
            rgba(39,112,255,.18) 48%,
            transparent 72%
        ),
        radial-gradient(
            ellipse at 50% 42%,
            rgba(122,102,255,.72) 0%,
            rgba(130,82,255,.49) 28%,
            rgba(130,82,255,.20) 50%,
            transparent 75%
        ),
        radial-gradient(
            ellipse at 84% 48%,
            rgba(255,84,202,.56) 0%,
            rgba(220,85,255,.35) 28%,
            rgba(173,76,255,.16) 50%,
            transparent 74%
        ) !important;

    filter:blur(clamp(16px,2vw,27px)) saturate(1.18) !important;
    opacity:.82 !important;
    transform:translateZ(0) scaleX(1.02) !important;

    animation:smmoHeroUnderGlowBreath 8.8s ease-in-out infinite !important;
}

html body .smmo-site .smmo-hero-showcase__main::after{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;

    left:8% !important;
    right:8% !important;
    bottom:clamp(-32px,-2.2vw,-20px) !important;
    height:clamp(28px,3.2vw,46px) !important;

    pointer-events:none !important;
    border-radius:50% !important;

    background:
        linear-gradient(
            90deg,
            rgba(73,219,255,.13) 0%,
            rgba(73,219,255,.58) 16%,
            rgba(99,156,255,.63) 31%,
            rgba(145,92,255,.82) 50%,
            rgba(189,85,255,.70) 68%,
            rgba(255,87,204,.61) 84%,
            rgba(255,87,204,.12) 100%
        ) !important;

    filter:blur(clamp(8px,1.1vw,14px)) !important;
    opacity:.92 !important;
    transform:perspective(500px) rotateX(70deg) scaleX(.98) !important;
    transform-origin:center top !important;

    box-shadow:
        0 0 20px rgba(93,180,255,.20),
        0 0 34px rgba(145,92,255,.25),
        0 0 42px rgba(255,83,202,.16) !important;

    animation:smmoHeroUnderGlowReflect 8.8s ease-in-out infinite !important;
}

@keyframes smmoHeroUnderGlowBreath{
    0%,100%{
        opacity:.72;
        transform:translateZ(0) scaleX(1.00) scaleY(.94);
        filter:blur(clamp(16px,2vw,27px)) saturate(1.10);
    }
    50%{
        opacity:.92;
        transform:translateZ(0) scaleX(1.035) scaleY(1.04);
        filter:blur(clamp(18px,2.2vw,30px)) saturate(1.26);
    }
}

@keyframes smmoHeroUnderGlowReflect{
    0%,100%{
        opacity:.76;
        transform:perspective(500px) rotateX(70deg) scaleX(.97);
    }
    50%{
        opacity:1;
        transform:perspective(500px) rotateX(70deg) scaleX(1.01);
    }
}

@media (max-width:1080px){
    html body .smmo-site .smmo-hero-showcase__main::before{
        left:6% !important;
        right:6% !important;
        bottom:clamp(-60px,-6vw,-42px) !important;
        height:clamp(68px,9vw,100px) !important;
    }

    html body .smmo-site .smmo-hero-showcase__main::after{
        left:10% !important;
        right:10% !important;
    }
}

@media (max-width:680px){
    html body .smmo-site .smmo-hero-showcase__main::before{
        left:8% !important;
        right:8% !important;
        bottom:-38px !important;
        height:64px !important;
        opacity:.68 !important;
        filter:blur(16px) saturate(1.10) !important;
    }

    html body .smmo-site .smmo-hero-showcase__main::after{
        left:12% !important;
        right:12% !important;
        bottom:-16px !important;
        height:24px !important;
        opacity:.72 !important;
        filter:blur(8px) !important;
    }
}

@media (prefers-reduced-motion:reduce){
    html body .smmo-site .smmo-hero-showcase__main::before,html body .smmo-site .smmo-hero-showcase__main::after{
        animation:none !important;
    }
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
    isolation:isolate !important;
    overflow:visible !important;
    background:
        radial-gradient(circle at 100% 0%,rgba(255,74,187,.075),transparent 36%),
        radial-gradient(circle at 0% 100%,rgba(77,233,255,.055),transparent 40%),
        linear-gradient(145deg,rgba(20,23,46,.985),rgba(11,19,36,.992)) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 28px 66px rgba(0,0,0,.46),
        -8px 3px 24px rgba(61,190,255,.10),
        0 0 30px rgba(129,92,255,.12),
        8px 3px 26px rgba(255,76,187,.09) !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::before{
    content:"" !important;
    position:absolute !important;
    z-index:20 !important;
    inset:-2px !important;
    border-radius:inherit !important;
    padding:2px !important;
    pointer-events:none !important;

    --smmo-release-edge-angle:0deg;

    background:
        conic-gradient(
            from var(--smmo-release-edge-angle),

            transparent 0deg,
            transparent 282deg,

            rgba(60,216,255,.16) 292deg,
            rgba(69,222,255,.54) 302deg,
            rgba(117,173,255,.82) 310deg,
            rgba(200,190,255,.98) 316deg,
            #ffffff 320deg,
            rgba(255,225,246,.99) 323deg,
            rgba(255,116,208,.94) 328deg,
            rgba(255,82,192,.76) 334deg,
            rgba(154,99,255,.44) 340deg,

            transparent 349deg,
            transparent 360deg
        ),
        conic-gradient(
            from 220deg,
            rgba(66,218,255,.80) 0deg,
            rgba(100,151,255,.72) 72deg,
            rgba(145,92,255,.84) 150deg,
            rgba(255,92,196,.84) 234deg,
            rgba(255,133,211,.62) 292deg,
            rgba(66,218,255,.80) 360deg
        ) !important;

    background-blend-mode:screen !important;

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite:xor !important;

    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    mask-composite:exclude !important;

    filter:
        drop-shadow(0 0 3px rgba(255,255,255,.52))
        drop-shadow(0 0 7px rgba(126,107,255,.62))
        drop-shadow(0 0 10px rgba(255,91,198,.28)) !important;

    animation:smmoReleaseEdgeOriginTrack 9s linear infinite !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::after{
    content:"" !important;
    position:absolute !important;
    z-index:-2 !important;
    inset:-13px !important;
    border-radius:calc(clamp(18px,1.8vw,25px) + 13px) !important;
    padding:13px !important;
    pointer-events:none !important;

    --smmo-release-edge-angle:0deg;

    background:
        conic-gradient(
            from var(--smmo-release-edge-angle),

            transparent 0deg,
            transparent 270deg,

            rgba(50,213,255,.02) 282deg,
            rgba(61,218,255,.18) 294deg,
            rgba(74,189,255,.40) 304deg,
            rgba(115,122,255,.62) 314deg,
            rgba(167,87,255,.78) 321deg,
            rgba(226,77,228,.76) 329deg,
            rgba(255,77,188,.68) 336deg,
            rgba(255,122,207,.28) 344deg,

            transparent 353deg,
            transparent 360deg
        ),

        conic-gradient(
            from 216deg,
            rgba(66,218,255,.15) 0deg,
            rgba(95,143,255,.11) 76deg,
            rgba(145,92,255,.16) 152deg,
            rgba(255,91,195,.15) 236deg,
            rgba(255,128,211,.09) 294deg,
            rgba(66,218,255,.15) 360deg
        ) !important;

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite:xor !important;

    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    mask-composite:exclude !important;

    filter:
        blur(13px)
        saturate(1.35)
        drop-shadow(0 0 11px rgba(108,110,255,.40))
        drop-shadow(0 0 18px rgba(255,78,192,.20)) !important;

    opacity:.98 !important;

    animation:smmoReleaseEdgeOriginTrack 9s linear infinite !important;
}

@property --smmo-release-edge-angle{
    syntax:"<angle>";
    inherits:false;
    initial-value:0deg;
}

@keyframes smmoReleaseEdgeOriginTrack{
    from{
        --smmo-release-edge-angle:0deg;
    }
    to{
        --smmo-release-edge-angle:360deg;
    }
}

html body .smmo-site
.smmo-version-pill.smmo-version-pill--promoted
> .smmo-version-pill__eyebrow::before,html body .smmo-site
.smmo-version-pill.smmo-version-pill--promoted
> .smmo-version-pill__eyebrow::after{
    display:none !important;
    content:none !important;
    animation:none !important;
}

html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted:hover{
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.085),
        0 30px 70px rgba(0,0,0,.47),
        -9px 4px 27px rgba(61,190,255,.13),
        0 0 34px rgba(129,92,255,.15),
        9px 4px 29px rgba(255,76,187,.12) !important;
}

@media (prefers-reduced-motion:reduce){
    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::before,html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted::after{
        animation:none !important;
        --smmo-release-edge-angle:318deg !important;
    }
}

@media (max-width:680px){
    html body .smmo-site .smmo-hero-showcase{
        display:block !important;
        position:relative !important;
        padding:6px 0 clamp(56px,10vw,82px) 0 !important;
        min-height:0 !important;
    }

    html body .smmo-site .smmo-hero-showcase__main{
        grid-column:auto !important;
        grid-row:auto !important;
        transform:none !important;
        border-radius:15px !important;
        margin:0 !important;
    }

    html body .smmo-site .smmo-hero-showcase__main .smmo-hero-shot__bar{
        min-height:38px !important;
        padding-inline:10px !important;
    }

    html body .smmo-site .smmo-hero-showcase__main .smmo-hero-shot__bar b{
        display:none !important;
    }

    html body .smmo-site .smmo-hero-showcase__media-panel{
        position:absolute !important;
        inset:auto !important;
        top:auto !important;
        right:clamp(6px,1.8vw,12px) !important;
        bottom:clamp(18px,3vw,28px) !important;
        width:clamp(112px,31vw,146px) !important;
        transform:translateY(12%) rotate(.2deg) !important;
        align-self:auto !important;
        border-radius:14px !important;
        z-index:8 !important;
    }

    html body .smmo-site .smmo-hero-showcase__media-label{
        display:none !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
        position:absolute !important;
        inset:auto !important;
        left:clamp(8px,2vw,14px) !important;
        right:auto !important;
        bottom:0 !important;
        width:min(63%, 298px) !important;
        min-width:0 !important;
        padding:14px !important;
        border-radius:15px !important;
        z-index:7 !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > strong{
        font-size:clamp(19px,6vw,29px) !important;
        margin-top:10px !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > small{
        margin-top:6px !important;
        font-size:8px !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > a{
        min-height:35px !important;
        margin-top:12px !important;
    }
}

@media (max-width:520px){
    html body .smmo-site .smmo-hero-showcase{
        padding-bottom:60px !important;
    }

    html body .smmo-site .smmo-hero-showcase__media-panel{
        right:8px !important;
        bottom:18px !important;
        width:clamp(106px,31vw,134px) !important;
        transform:translateY(10%) rotate(.15deg) !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
        left:8px !important;
        width:min(60%, 240px) !important;
        padding:13px !important;
    }

    html body .smmo-site .smmo-version-pill__eyebrow{
        gap:8px !important;
    }

    html body .smmo-site .smmo-version-pill__eyebrow span{
        font-size:6px !important;
        letter-spacing:.10em !important;
        padding:6px 8px !important;
    }
}

@media (max-width:420px){
    html body .smmo-site .smmo-hero-showcase{
        padding-bottom:56px !important;
    }

    html body .smmo-site .smmo-hero-showcase__media-panel{
        right:6px !important;
        bottom:16px !important;
        width:104px !important;
        transform:translateY(9%) rotate(.1deg) !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
        left:6px !important;
        width:calc(100% - 124px) !important;
        max-width:228px !important;
        padding:12px !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > strong{
        font-size:clamp(18px,7vw,24px) !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > small{
        font-size:7px !important;
        line-height:1.25 !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > a{
        min-height:33px !important;
        padding:0 10px !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > a span{
        font-size:7px !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted > a b{
        font-size:13px !important;
    }
}

html body .smmo-site.smmo-hero--real .smmo-hero__copy h1 em{
    display:inline-block !important;
    font-style:normal !important;

    background:
        linear-gradient(
            90deg,
            #8ddcff 0%,
            #54c9ff 17%,
            #4ea8ff 34%,
            #7777ff 52%,
            #a878ff 69%,
            #d875f4 84%,
            #ff70bf 100%
        ) !important;

    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;

    text-shadow:
        0 0 20px rgba(74,176,255,.10),
        0 0 30px rgba(142,105,255,.10),
        0 0 36px rgba(255,101,191,.08) !important;
}

@media (max-width:680px){
    html body .smmo-site.smmo-hero--real .smmo-hero__copy h1 em{
        background:
            linear-gradient(
                90deg,
                #96e0ff 0%,
                #59caff 20%,
                #538fff 39%,
                #8377ff 58%,
                #bd78f6 78%,
                #ff76c2 100%
            ) !important;
        -webkit-background-clip:text !important;
        background-clip:text !important;
        -webkit-text-fill-color:transparent !important;
        color:transparent !important;
    }
}

@media (max-width:680px){

    html body .smmo-site .smmo-hero-showcase{
        padding-bottom:clamp(82px,14vw,108px) !important;
    }

    html body .smmo-site .smmo-hero-showcase__media-panel{
        bottom:-10px !important;
        transform:translateY(18%) rotate(.2deg) !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
        bottom:-34px !important;
    }
}

@media (max-width:520px){

    html body .smmo-site .smmo-hero-showcase{
        padding-bottom:90px !important;
    }

    html body .smmo-site .smmo-hero-showcase__media-panel{
        bottom:-8px !important;
        transform:translateY(16%) rotate(.15deg) !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
        bottom:-30px !important;
    }
}

@media (max-width:420px){

    html body .smmo-site .smmo-hero-showcase{
        padding-bottom:82px !important;
    }

    html body .smmo-site .smmo-hero-showcase__media-panel{
        bottom:-4px !important;
        transform:translateY(14%) rotate(.1deg) !important;
    }

    html body .smmo-site .smmo-version-pill.smmo-version-pill--promoted{
        bottom:-26px !important;
    }
}

@media (max-width:680px){

    html body .smmo-site.smmo-hero--real .smmo-hero-support-band{
        margin-top:clamp(92px,18vw,126px) !important;
    }
}

@media (max-width:520px){

    html body .smmo-site.smmo-hero--real .smmo-hero-support-band{
        margin-top:96px !important;
    }
}

@media (max-width:420px){

    html body .smmo-site.smmo-hero--real .smmo-hero-support-band{
        margin-top:88px !important;
    }
}

html body .smmo-site.smmo-hero--real .smmo-hero__copy{
    overflow:visible !important;
}

html body .smmo-site.smmo-hero--real .smmo-hero__copy h1{
    overflow:visible !important;
    line-height:1.02 !important;
    padding-bottom:.10em !important;
}

html body .smmo-site.smmo-hero--real .smmo-hero__copy h1 em{
    display:inline-block !important;
    overflow:visible !important;
    line-height:1.02 !important;
    padding-bottom:.10em !important;
    vertical-align:baseline !important;
}

@media (max-width:680px){
    html body .smmo-site.smmo-hero--real .smmo-hero__copy h1{
        line-height:1.03 !important;
        padding-bottom:.11em !important;
    }

    html body .smmo-site.smmo-hero--real .smmo-hero__copy h1 em{
        line-height:1.03 !important;
        padding-bottom:.11em !important;
    }
}

html body .smmo-site .smmo-tour-card--live-ui{
    grid-template-columns:minmax(0,1.56fr) minmax(300px,.44fr) !important;
    min-height:620px !important;
    overflow:hidden !important;
    border-color:rgba(133,164,255,.36) !important;
    background:
        radial-gradient(circle at 7% 0%,rgba(78,161,255,.10),transparent 34%),
        radial-gradient(circle at 100% 100%,rgba(145,92,255,.11),transparent 34%),
        linear-gradient(145deg,#102035,#0a1725 72%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 26px 68px rgba(0,0,0,.30),
        0 0 0 1px rgba(145,92,255,.04) !important;
}

html body .smmo-site .smmo-tour-card__media--live-ui{
    display:block !important;
    min-width:0 !important;
    padding:clamp(13px,1.5vw,20px) !important;
    background:
        radial-gradient(circle at 50% 100%,rgba(79,156,255,.075),transparent 43%),
        linear-gradient(180deg,#07111c,#050b12) !important;
}

.smmo-library-live{
    display:grid;
    gap:11px;
    width:100%;
    max-width:100%;
    margin:0 auto;
}

.smmo-library-live__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    min-width:0;
    padding:2px 3px 0;
}

.smmo-library-live__head > div:first-child{
    display:grid;
    gap:3px;
    min-width:0;
}

html body .smmo-site .smmo-library-live__head > div:first-child > span{
    color:#9e83ff !important;
    font-size:7px;
    line-height:1;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
}

html body .smmo-site .smmo-library-live__head strong{
    color:#f5f8ff !important;
    font-size:clamp(12px,1.2vw,15px);
    line-height:1.2;
    font-weight:850;
}

.smmo-library-live__status,.smmo-tour-card__live-badge{
    display:inline-flex;
    align-items:center;
    gap:7px;
    width:max-content;
    border:1px solid rgba(112,224,119,.22);
    border-radius:999px;
    background:rgba(112,224,119,.055);
    color:#b9c8d9;
    font-size:7px;
    line-height:1;
    font-weight:900;
    letter-spacing:.09em;
    white-space:nowrap;
}

.smmo-library-live__status{
    flex:0 0 auto;
    padding:7px 10px;
}

.smmo-library-live__status i,.smmo-tour-card__live-badge i{
    flex:0 0 7px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#70e077;
    box-shadow:0 0 12px rgba(112,224,119,.66);
    animation:smmoLibraryLiveDot 1.8s ease-in-out infinite;
}

@keyframes smmoLibraryLiveDot{
    0%,100%{opacity:.55;transform:scale(.82)}
    50%{opacity:1;transform:scale(1)}
}

.smmo-library-live__viewport{
    position:relative;
    width:100%;
    aspect-ratio:800 / 550;
    overflow:hidden;
    isolation:isolate;
    border:1px solid rgba(153,181,225,.22);
    border-radius:17px;
    background:#050a10;
    box-shadow:
        0 24px 52px rgba(0,0,0,.40),
        inset 0 1px 0 rgba(255,255,255,.035),
        0 0 26px rgba(91,112,255,.06);
}

.smmo-library-live__frame{
    position:absolute;
    inset:0;
    z-index:1;
    display:block;
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#050a10 !important;
    box-shadow:none !important;
    opacity:0;
    transform:scale(1.002);
    transition:opacity .34s ease,transform .46s ease;
    will-change:opacity,transform;
    pointer-events:none;
}

.smmo-library-live[data-state="standard"] .smmo-library-live__frame--standard,.smmo-library-live[data-state="range-step-1"] .smmo-library-live__frame--range-step-1,.smmo-library-live[data-state="range-step-2"] .smmo-library-live__frame--range-step-2,.smmo-library-live[data-state="quick-find"] .smmo-library-live__frame--quick-find,.smmo-library-live[data-state="list"] .smmo-library-live__frame--list,.smmo-library-live[data-state="favourites"] .smmo-library-live__frame--favourites,.smmo-library-live[data-state="detailed"] .smmo-library-live__frame--detailed{
    opacity:1;
    transform:scale(1);
}

.smmo-library-live__hit{
    position:absolute;
    z-index:7;
    display:block;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:8px;
    outline:0;
    background:transparent !important;
    box-shadow:none !important;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    touch-action:manipulation;
}

.smmo-library-live__hit:hover{
    background:rgba(160,125,255,.075) !important;
    box-shadow:inset 0 0 0 1px rgba(184,158,255,.16) !important;
}

.smmo-library-live__hit:focus-visible{
    background:rgba(160,125,255,.11) !important;
    box-shadow:inset 0 0 0 2px #bca7ff,0 0 14px rgba(145,92,255,.28) !important;
}

.smmo-library-live__hit--quick-find{
    left:42.1%;
    top:23.5%;
    width:10.3%;
    height:6.0%;
}

.smmo-library-live__hit--favourites{
    left:63.0%;
    top:23.5%;
    width:15.3%;
    height:6.0%;
}

.smmo-library-live__hit--grid{
    left:88.65%;
    top:39.9%;
    width:3.65%;
    height:6.0%;
}

.smmo-library-live__hit--detailed{
    left:91.95%;
    top:39.9%;
    width:3.35%;
    height:6.0%;
}

.smmo-library-live__hit--list{
    left:94.85%;
    top:39.9%;
    width:3.45%;
    height:6.0%;
}

.smmo-library-live__hit--range-first{
    left:7.45%;
    top:55.5%;
    width:4.25%;
    height:6.0%;
}

.smmo-library-live__hit--range-last{
    left:87.2%;
    top:55.5%;
    width:4.3%;
    height:6.0%;
}

.smmo-library-live__hit--clear{
    left:30.9%;
    top:48.0%;
    width:12.1%;
    height:6.2%;
}

.smmo-library-live__hit--quick-close{
    left:64.0%;
    top:8.0%;
    width:4.0%;
    height:6.5%;
    pointer-events:none;
    opacity:0;
}

.smmo-library-live[data-state="quick-find"] .smmo-library-live__hit:not(.smmo-library-live__hit--quick-close){
    pointer-events:none;
}

.smmo-library-live[data-state="quick-find"] .smmo-library-live__hit--quick-close{
    pointer-events:auto;
    opacity:1;
}

.smmo-library-live__cursor{
    top:26.0%;
    left:47.2%;
    z-index:10;
}

.smmo-library-live[data-cursor="quick-find"] .smmo-library-live__cursor{
    left:47.2%;
    top:26.4%;
}

.smmo-library-live[data-cursor="quick-close"] .smmo-library-live__cursor{
    left:66.0%;
    top:10.9%;
}

.smmo-library-live[data-cursor="favourites"] .smmo-library-live__cursor{
    left:70.3%;
    top:26.4%;
}

.smmo-library-live[data-cursor="grid"] .smmo-library-live__cursor{
    left:90.4%;
    top:42.8%;
}

.smmo-library-live[data-cursor="detailed"] .smmo-library-live__cursor{
    left:93.5%;
    top:42.8%;
}

.smmo-library-live[data-cursor="list"] .smmo-library-live__cursor{
    left:96.4%;
    top:42.8%;
}

.smmo-library-live[data-cursor="range-first"] .smmo-library-live__cursor{
    left:9.2%;
    top:58.4%;
}

.smmo-library-live[data-cursor="range-last"] .smmo-library-live__cursor{
    left:89.2%;
    top:58.4%;
}

.smmo-library-live[data-cursor="clear"] .smmo-library-live__cursor{
    left:36.6%;
    top:51.1%;
}

.smmo-library-live.is-clicking .smmo-library-live__cursor{
    transform:translate(-2px,-2px) scale(.88);
}

.smmo-library-live.is-clicking .smmo-demo-cursor__ring{
    animation:smmoSafeCursorClick .48s ease-out both;
}

.smmo-library-live__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-width:0;
    padding:0 2px;
}

.smmo-library-live__instruction{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
    color:#8497ae;
    font-size:7.5px;
    line-height:1.35;
    font-weight:750;
}

.smmo-library-live__instruction i{
    flex:0 0 7px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#74d9ff;
    box-shadow:0 0 11px rgba(89,190,255,.55);
}

.smmo-library-live__shortcuts{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    flex-wrap:wrap;
}

html body .smmo-site .smmo-library-live__shortcuts button{
    appearance:none;
    -webkit-appearance:none;
    min-height:28px;
    margin:0;
    padding:0 8px;
    border:1px solid rgba(151,172,255,.17);
    border-radius:999px;
    background:rgba(29,47,74,.72);
    box-shadow:none;
    color:#aebed2;
    font:800 6.5px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    cursor:pointer;
    transition:.16s ease;
}

html body .smmo-site .smmo-library-live__shortcuts button:hover,html body .smmo-site .smmo-library-live__shortcuts button:focus-visible{
    border-color:rgba(166,137,255,.45);
    background:rgba(145,92,255,.13);
    color:#fff;
    outline:none;
}

html body .smmo-site .smmo-tour-card__copy--live-ui{
    position:relative;
    justify-content:center;
    border-left:1px solid rgba(153,179,255,.15);
    background:
        radial-gradient(circle at 100% 100%,rgba(77,233,255,.045),transparent 35%),
        radial-gradient(circle at 0 0,rgba(145,92,255,.09),transparent 37%),
        linear-gradient(180deg,#102036,#0c192a) !important;
}

.smmo-tour-card__live-badge{
    margin:0 0 15px;
    padding:7px 10px;
}

.smmo-tour-card__demo-story{
    display:grid;
    gap:5px;
    margin-top:20px;
    padding:12px 13px;
    border:1px solid rgba(126,153,255,.20);
    border-radius:13px;
    background:
        linear-gradient(135deg,rgba(79,156,255,.075),rgba(145,92,255,.065));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

html body .smmo-site .smmo-tour-card__demo-story small{
    color:#7fe0ff !important;
    font-size:6.5px;
    line-height:1;
    font-weight:900;
    letter-spacing:.12em;
}

html body .smmo-site .smmo-tour-card__demo-story strong{
    color:#eef4ff !important;
    font-size:9px;
    line-height:1.45;
    font-weight:800;
}

@media (max-width:1180px){
    html body .smmo-site .smmo-tour-card--live-ui{
        grid-template-columns:minmax(0,1.38fr) minmax(285px,.62fr) !important;
    }

    .smmo-library-live__shortcuts{
        display:none;
    }
}

@media (max-width:900px){
    html body .smmo-site .smmo-tour-card--live-ui{
        grid-template-columns:1fr !important;
        min-height:0 !important;
    }

    html body .smmo-site .smmo-tour-card__media--live-ui{
        border-right:0 !important;
        border-bottom:1px solid rgba(153,179,255,.15) !important;
    }

    html body .smmo-site .smmo-tour-card__copy--live-ui{
        border-left:0 !important;
    }

    .smmo-library-live__footer{
        align-items:flex-start;
        flex-direction:column;
    }

    .smmo-library-live__shortcuts{
        display:flex;
        justify-content:flex-start;
    }
}

@media (max-width:600px){
    html body .smmo-site .smmo-tour-card__media--live-ui{
        padding:9px !important;
    }

    .smmo-library-live{
        gap:8px;
    }

    .smmo-library-live__head{
        padding-inline:1px;
    }

    .smmo-library-live__status{
        padding:6px 8px;
        font-size:6px;
    }

    html body .smmo-site .smmo-library-live__head strong{
        font-size:11px;
    }

    .smmo-library-live__viewport{
        border-radius:12px;
    }

    .smmo-library-live__cursor{
        width:20px !important;
    }

    .smmo-library-live__instruction{
        font-size:7px;
    }

    html body .smmo-site .smmo-library-live__shortcuts button{
        min-height:31px;
        padding-inline:9px;
        font-size:7px;
    }
}

@media (max-width:420px){
    .smmo-library-live__head > div:first-child > span{
        display:none;
    }

    .smmo-library-live__status{
        gap:5px;
    }

    .smmo-library-live__shortcuts{
        gap:4px;
    }

    html body .smmo-site .smmo-library-live__shortcuts button{
        min-height:30px;
        padding-inline:8px;
        font-size:6.5px;
    }
}

@media (prefers-reduced-motion:reduce){
    .smmo-library-live__status i,.smmo-tour-card__live-badge i{
        animation:none !important;
    }

    .smmo-library-live__frame{
        transition:none !important;
    }

    .smmo-library-live__cursor{
        display:none !important;
    }
}

.smmo-tour-card__demo-controls{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:20px;
}

html body .smmo-site .smmo-tour-demo-button{
    --smmo-demo-rgb:145,92,255;
    --smmo-demo-bright:#a98cff;

    position:relative;
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 20px;
    align-items:center;
    gap:9px;
    min-width:0;
    min-height:58px;
    margin:0;
    padding:9px 10px;
    overflow:hidden;

    border:1px solid rgba(var(--smmo-demo-rgb),.28);
    border-radius:15px;
    outline:0;

    background:
        radial-gradient(circle at 0% 50%,rgba(var(--smmo-demo-rgb),.12),transparent 47%),
        linear-gradient(145deg,rgba(24,40,63,.94),rgba(13,25,43,.98));

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 10px 25px rgba(0,0,0,.16);

    color:#eef4ff;
    text-align:left;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    transform:translateZ(0);
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

html body .smmo-site .smmo-tour-demo-button::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
    background:
        linear-gradient(
            108deg,
            transparent 0 34%,
            rgba(255,255,255,.04) 43%,
            rgba(var(--smmo-demo-rgb),.15) 50%,
            rgba(255,255,255,.04) 57%,
            transparent 66% 100%
        );
    transform:translateX(-75%);
}

html body .smmo-site .smmo-tour-demo-button::after{
    content:"";
    position:absolute;
    left:15%;
    right:15%;
    bottom:-8px;
    height:14px;
    pointer-events:none;
    border-radius:50%;
    background:rgba(var(--smmo-demo-rgb),.24);
    filter:blur(12px);
    opacity:.18;
    transition:opacity .18s ease,transform .18s ease;
}

html body .smmo-site .smmo-tour-demo-button.is-blue{
    --smmo-demo-rgb:70,184,255;
    --smmo-demo-bright:#73d8ff;
}

html body .smmo-site .smmo-tour-demo-button.is-pink{
    --smmo-demo-rgb:255,92,177;
    --smmo-demo-bright:#ff80c5;
}

html body .smmo-site .smmo-tour-demo-button.is-purple{
    --smmo-demo-rgb:155,111,255;
    --smmo-demo-bright:#b49aff;
}

html body .smmo-site .smmo-tour-demo-button.is-lime{
    --smmo-demo-rgb:126,225,104;
    --smmo-demo-bright:#a5ef8e;
}

.smmo-tour-demo-button__icon{
    position:relative;
    z-index:2;
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border:1px solid rgba(var(--smmo-demo-rgb),.26);
    border-radius:11px;
    background:
        radial-gradient(circle at 40% 25%,rgba(var(--smmo-demo-rgb),.15),transparent 60%),
        rgba(8,18,31,.62);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 0 0 1px rgba(255,255,255,.012);
}

.smmo-tour-demo-button__icon svg{
    width:18px;
    height:18px;
    overflow:visible;
    fill:none;
    stroke:var(--smmo-demo-bright);
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(0 0 5px rgba(var(--smmo-demo-rgb),.23));
}

.smmo-tour-demo-button__text{
    position:relative;
    z-index:2;
    display:grid;
    gap:3px;
    min-width:0;
}

html body .smmo-site .smmo-tour-demo-button__text strong{
    overflow:hidden;
    color:#f1f5ff !important;
    font-size:9px;
    line-height:1.12;
    font-weight:850;
    letter-spacing:-.01em;
    white-space:nowrap;
    text-overflow:ellipsis;
}

html body .smmo-site .smmo-tour-demo-button__text small{
    color:#71859f !important;
    font-size:6.5px;
    line-height:1;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.smmo-tour-demo-button__go{
    position:relative;
    z-index:2;
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
    border-radius:50%;
    color:var(--smmo-demo-bright);
    font-size:13px;
    line-height:1;
    font-weight:900;
    opacity:.72;
    transition:transform .18s ease,opacity .18s ease;
}

@media (hover:hover) and (pointer:fine){
    html body .smmo-site .smmo-tour-demo-button:hover{
        transform:translateY(-2px);
        border-color:rgba(var(--smmo-demo-rgb),.52);
        background:
            radial-gradient(circle at 0% 50%,rgba(var(--smmo-demo-rgb),.18),transparent 52%),
            linear-gradient(145deg,rgba(28,47,74,.97),rgba(14,28,48,.99));
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.06),
            0 14px 30px rgba(0,0,0,.21),
            0 0 22px rgba(var(--smmo-demo-rgb),.08);
    }

    html body .smmo-site .smmo-tour-demo-button:hover .smmo-tour-demo-button__go{
        transform:translateX(2px);
        opacity:1;
    }

    html body .smmo-site .smmo-tour-demo-button:hover::after{
        opacity:.34;
        transform:scaleX(1.08);
    }
}

html body .smmo-site .smmo-tour-demo-button:focus-visible{
    border-color:rgba(var(--smmo-demo-rgb),.74);
    box-shadow:
        0 0 0 3px rgba(var(--smmo-demo-rgb),.13),
        inset 0 1px 0 rgba(255,255,255,.07),
        0 14px 30px rgba(0,0,0,.22);
}

html body .smmo-site .smmo-tour-demo-button.is-active{
    transform:translateY(-1px);
    border-color:rgba(var(--smmo-demo-rgb),.72);
    background:
        radial-gradient(circle at 0% 50%,rgba(var(--smmo-demo-rgb),.24),transparent 55%),
        linear-gradient(145deg,rgba(30,50,79,.99),rgba(16,29,50,.99));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 13px 30px rgba(0,0,0,.22),
        0 0 0 1px rgba(var(--smmo-demo-rgb),.13),
        0 0 24px rgba(var(--smmo-demo-rgb),.16);
}

html body .smmo-site .smmo-tour-demo-button.is-active::before{
    opacity:1;
    animation:smmoTourDemoButtonSweep 1.45s ease-in-out infinite;
}

html body .smmo-site .smmo-tour-demo-button.is-active::after{
    opacity:.62;
    transform:scaleX(1.14);
}

html body .smmo-site .smmo-tour-demo-button.is-active .smmo-tour-demo-button__icon{
    border-color:rgba(var(--smmo-demo-rgb),.60);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 0 16px rgba(var(--smmo-demo-rgb),.17);
}

html body .smmo-site .smmo-tour-demo-button.is-active .smmo-tour-demo-button__text small{
    color:var(--smmo-demo-bright) !important;
}

html body .smmo-site .smmo-tour-demo-button.is-active .smmo-tour-demo-button__go{
    opacity:1;
    animation:smmoTourDemoButtonArrow .9s ease-in-out infinite;
}

@keyframes smmoTourDemoButtonSweep{
    0%{transform:translateX(-75%)}
    58%,100%{transform:translateX(75%)}
}

@keyframes smmoTourDemoButtonArrow{
    0%,100%{transform:translateX(0)}
    50%{transform:translateX(3px)}
}

@media (max-width:1180px){
    .smmo-tour-card__demo-controls{
        grid-template-columns:1fr !important;
    }
}

@media (max-width:900px){
    .smmo-tour-card__demo-controls{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:500px){
    .smmo-tour-card__demo-controls{
        gap:7px;
    }

    html body .smmo-site .smmo-tour-demo-button{
        grid-template-columns:32px minmax(0,1fr) 16px;
        min-height:52px;
        gap:7px;
        padding:8px;
        border-radius:13px;
    }

    .smmo-tour-demo-button__icon{
        width:32px;
        height:32px;
        border-radius:10px;
    }

    .smmo-tour-demo-button__icon svg{
        width:16px;
        height:16px;
    }

    html body .smmo-site .smmo-tour-demo-button__text strong{
        font-size:8px;
    }

    html body .smmo-site .smmo-tour-demo-button__text small{
        font-size:6px;
    }
}

@media (max-width:370px){
    .smmo-tour-card__demo-controls{
        grid-template-columns:1fr !important;
    }
}

@media (prefers-reduced-motion:reduce){
    html body .smmo-site .smmo-tour-demo-button,html body .smmo-site .smmo-tour-demo-button::before,html body .smmo-site .smmo-tour-demo-button::after,html body .smmo-site .smmo-tour-demo-button__go{
        transition:none !important;
        animation:none !important;
    }
}

html body .smmo-site
.smmo-tour-card__copy--live-ui
.smmo-tour-card__demo-controls{
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px !important;
}

html body .smmo-site .smmo-tour-demo-button{
    grid-template-columns:36px minmax(0,1fr) 18px !important;
    gap:10px !important;
    min-height:56px !important;
    padding:9px 11px !important;
}

html body .smmo-site .smmo-tour-demo-button__text{
    min-width:0 !important;
    overflow:visible !important;
}

html body .smmo-site .smmo-tour-demo-button__text strong{
    display:block !important;
    overflow:visible !important;
    white-space:normal !important;
    text-overflow:clip !important;
    word-break:normal !important;
    color:#f4f7ff !important;
    font-size:9.5px !important;
    line-height:1.15 !important;
    font-weight:850 !important;
}

html body .smmo-site .smmo-tour-demo-button__text small{
    display:block !important;
    margin-top:2px !important;
    white-space:nowrap !important;
    color:#8194ad !important;
    font-size:6.5px !important;
    line-height:1 !important;
}

html body .smmo-site .smmo-tour-demo-button__go{
    width:18px !important;
    height:18px !important;
    font-size:12px !important;
}

@media (max-width:900px){
    html body .smmo-site
    .smmo-tour-card__copy--live-ui
    .smmo-tour-card__demo-controls{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }
}

@media (max-width:430px){
    html body .smmo-site
    .smmo-tour-card__copy--live-ui
    .smmo-tour-card__demo-controls{
        grid-template-columns:minmax(0,1fr) !important;
    }

    html body .smmo-site .smmo-tour-demo-button{
        grid-template-columns:34px minmax(0,1fr) 18px !important;
        min-height:54px !important;
    }

    html body .smmo-site .smmo-tour-demo-button__text strong{
        font-size:9px !important;
    }
}

html body .smmo-site .smmo-tour-card--studio-live{
    grid-template-columns:minmax(0,1.56fr) minmax(300px,.44fr) !important;
}

html body .smmo-site .smmo-tour-card__copy--studio-live{
    background:
        radial-gradient(circle at 100% 100%,rgba(255,90,187,.045),transparent 34%),
        radial-gradient(circle at 0 0,rgba(145,92,255,.09),transparent 37%),
        linear-gradient(180deg,#102036,#0c192a) !important;
}

.smmo-studio-live{
    display:grid;
    gap:11px;
    width:100%;
    max-width:100%;
    margin:0 auto;
}

.smmo-studio-live__viewport{
    position:relative;
    width:100%;
    aspect-ratio:800 / 617;
    overflow:hidden;
    isolation:isolate;
    border:1px solid rgba(153,181,225,.22);
    border-radius:17px;
    background:#050a10;
    box-shadow:
        0 24px 52px rgba(0,0,0,.40),
        inset 0 1px 0 rgba(255,255,255,.035),
        0 0 28px rgba(145,92,255,.07);
}

.smmo-studio-live__frame{
    position:absolute;
    inset:0;
    z-index:1;
    display:block;
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#050a10 !important;
    opacity:0;
    transform:scale(1.002);
    transition:opacity .34s ease,transform .46s ease;
    will-change:opacity,transform;
    pointer-events:none;
}

.smmo-studio-live[data-state="main"] .smmo-studio-live__frame--main,.smmo-studio-live[data-state="checker"] .smmo-studio-live__frame--checker,.smmo-studio-live[data-state="dark"] .smmo-studio-live__frame--dark,.smmo-studio-live[data-state="light"] .smmo-studio-live__frame--light,.smmo-studio-live[data-state="crop"] .smmo-studio-live__frame--crop,.smmo-studio-live[data-state="cover-red"] .smmo-studio-live__frame--cover-red,.smmo-studio-live[data-state="cover-green"] .smmo-studio-live__frame--cover-green,.smmo-studio-live[data-state="preview"] .smmo-studio-live__frame--preview,.smmo-studio-live[data-state="saved"] .smmo-studio-live__frame--saved,.smmo-studio-live[data-state="re-edit"] .smmo-studio-live__frame--re-edit{
    opacity:1;
    transform:scale(1);
}

.smmo-studio-live__frame--main{
    object-position:center top !important;
}

.smmo-studio-live__hit{
    position:absolute;
    z-index:7;
    display:none;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:8px;
    outline:0;
    appearance:none;
    -webkit-appearance:none;
    background:transparent !important;
    box-shadow:none !important;
    cursor:pointer;
    touch-action:manipulation;
}

.smmo-studio-live__hit:hover{
    background:rgba(160,125,255,.075) !important;
    box-shadow:inset 0 0 0 1px rgba(184,158,255,.16) !important;
}

.smmo-studio-live__hit:focus-visible{
    display:block;
    background:rgba(160,125,255,.11) !important;
    box-shadow:inset 0 0 0 2px #bca7ff,0 0 14px rgba(145,92,255,.28) !important;
}

.smmo-studio-live[data-state="main"] .smmo-studio-live__hit--look-closer,.smmo-studio-live[data-state="main"] .smmo-studio-live__hit--crop{
    display:block;
}

.smmo-studio-live__hit--look-closer{
    left:71.6%;
    top:12.7%;
    width:12.2%;
    height:5.8%;
}

.smmo-studio-live__hit--crop{
    left:2.3%;
    top:84.3%;
    width:15.7%;
    height:7.8%;
}

.smmo-studio-live[data-state="checker"] .smmo-studio-live__hit--checker,.smmo-studio-live[data-state="checker"] .smmo-studio-live__hit--dark,.smmo-studio-live[data-state="checker"] .smmo-studio-live__hit--light,.smmo-studio-live[data-state="checker"] .smmo-studio-live__hit--return,.smmo-studio-live[data-state="dark"] .smmo-studio-live__hit--checker,.smmo-studio-live[data-state="dark"] .smmo-studio-live__hit--dark,.smmo-studio-live[data-state="dark"] .smmo-studio-live__hit--light,.smmo-studio-live[data-state="dark"] .smmo-studio-live__hit--return,.smmo-studio-live[data-state="light"] .smmo-studio-live__hit--checker,.smmo-studio-live[data-state="light"] .smmo-studio-live__hit--dark,.smmo-studio-live[data-state="light"] .smmo-studio-live__hit--light,.smmo-studio-live[data-state="light"] .smmo-studio-live__hit--return{
    display:block;
}

.smmo-studio-live__hit--return{
    left:66.3%;
    top:2.5%;
    width:12.4%;
    height:5.0%;
}

.smmo-studio-live__hit--checker{
    left:83.3%;
    top:2.6%;
    width:5.2%;
    height:4.8%;
}

.smmo-studio-live__hit--dark{
    left:88.0%;
    top:2.6%;
    width:4.4%;
    height:4.8%;
}

.smmo-studio-live__hit--light{
    left:92.2%;
    top:2.6%;
    width:4.7%;
    height:4.8%;
}

.smmo-studio-live[data-state="crop"] .smmo-studio-live__hit--cover,.smmo-studio-live[data-state="cover-red"] .smmo-studio-live__hit--cover-fit,.smmo-studio-live[data-state="cover-green"] .smmo-studio-live__hit--preview{
    display:block;
}

.smmo-studio-live__hit--cover{
    left:2.7%;
    top:80.2%;
    width:14.0%;
    height:7.6%;
}

.smmo-studio-live__hit--cover-fit{
    left:43.6%;
    top:57.1%;
    width:27.0%;
    height:10.0%;
}

.smmo-studio-live__hit--preview{
    left:52.0%;
    top:84.0%;
    width:22.0%;
    height:8.5%;
}

.smmo-studio-live[data-state="preview"] .smmo-studio-live__hit--save,.smmo-studio-live[data-state="saved"] .smmo-studio-live__hit--re-edit,.smmo-studio-live[data-state="re-edit"] .smmo-studio-live__hit--back-master{
    display:block;
}

.smmo-studio-live__hit--save{
    left:67.5%;
    top:89.2%;
    width:19.0%;
    height:7.0%;
}

.smmo-studio-live__hit--re-edit{
    left:78.7%;
    top:80.2%;
    width:11.8%;
    height:6.2%;
}

.smmo-studio-live__hit--back-master{
    left:21.7%;
    top:22.0%;
    width:34.5%;
    height:6.0%;
}

.smmo-studio-live__cursor{
    z-index:10;
    left:77.4%;
    top:15.5%;
}

.smmo-studio-live[data-cursor="look-closer"] .smmo-studio-live__cursor{
    left:77.3%;
    top:15.5%;
}

.smmo-studio-live[data-cursor="checker"] .smmo-studio-live__cursor{
    left:85.8%;
    top:5.1%;
}

.smmo-studio-live[data-cursor="dark"] .smmo-studio-live__cursor{
    left:90.1%;
    top:5.1%;
}

.smmo-studio-live[data-cursor="light"] .smmo-studio-live__cursor{
    left:94.5%;
    top:5.1%;
}

.smmo-studio-live[data-cursor="return-studio"] .smmo-studio-live__cursor{
    left:72.2%;
    top:5.2%;
}

.smmo-studio-live[data-cursor="crop"] .smmo-studio-live__cursor{
    left:10.2%;
    top:88.0%;
}

.smmo-studio-live[data-cursor="cover-red"] .smmo-studio-live__cursor{
    left:9.5%;
    top:84.0%;
}

.smmo-studio-live[data-cursor="cover-green"] .smmo-studio-live__cursor{
    left:57.0%;
    top:62.0%;
}

.smmo-studio-live[data-cursor="preview"] .smmo-studio-live__cursor{
    left:63.0%;
    top:88.0%;
}

.smmo-studio-live[data-cursor="save"] .smmo-studio-live__cursor{
    left:77.0%;
    top:92.2%;
}

.smmo-studio-live[data-cursor="re-edit"] .smmo-studio-live__cursor{
    left:84.2%;
    top:83.0%;
}

.smmo-studio-live[data-cursor="back-master"] .smmo-studio-live__cursor{
    left:39.0%;
    top:25.0%;
}

.smmo-studio-live.is-clicking .smmo-studio-live__cursor{
    transform:translate(-2px,-2px) scale(.88);
}

.smmo-studio-live.is-clicking .smmo-demo-cursor__ring{
    animation:smmoSafeCursorClick .48s ease-out both;
}

html body .smmo-site
.smmo-tour-card__copy--studio-live
.smmo-tour-card__demo-controls{
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px !important;
}

@media (max-width:900px){
    html body .smmo-site .smmo-tour-card--studio-live{
        grid-template-columns:1fr !important;
    }

    html body .smmo-site
    .smmo-tour-card__copy--studio-live
    .smmo-tour-card__demo-controls{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:600px){
    .smmo-studio-live{
        gap:8px;
    }

    .smmo-studio-live__viewport{
        border-radius:12px;
    }

    .smmo-studio-live__cursor{
        width:20px !important;
    }
}

@media (max-width:430px){
    html body .smmo-site
    .smmo-tour-card__copy--studio-live
    .smmo-tour-card__demo-controls{
        grid-template-columns:minmax(0,1fr) !important;
    }
}

@media (prefers-reduced-motion:reduce){
    .smmo-studio-live__frame{
        transition:none !important;
    }

    .smmo-studio-live__cursor{
        display:none !important;
    }
}

html body .smmo-site .smmo-tour__controls{
    justify-content:center !important;
    align-items:center !important;
    gap:clamp(16px,2.1vw,28px) !important;
    width:100% !important;
    margin:0 auto 28px !important;
    padding:8px 0 0 !important;
    position:relative;
    isolation:isolate;
    z-index:6;
}

html body .smmo-site .smmo-tour__controls::before{
    content:"";
    position:absolute;
    left:50%;
    top:54%;
    width:min(720px,82%);
    height:92px;
    transform:translate(-50%,-50%);
    border-radius:999px;
    background:
        radial-gradient(circle at 20% 50%,rgba(61,195,255,.17),transparent 28%),
        radial-gradient(circle at 50% 50%,rgba(116,88,255,.14),transparent 30%),
        radial-gradient(circle at 80% 50%,rgba(255,92,182,.17),transparent 28%);
    filter:blur(26px);
    opacity:.85;
    pointer-events:none;
    z-index:-2;
}

html body .smmo-site .smmo-tour__controls::after{
    content:"";
    position:absolute;
    left:50%;
    top:56%;
    width:min(640px,72%);
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,rgba(160,182,220,.18),transparent);
    pointer-events:none;
    z-index:-1;
}

html body .smmo-site .smmo-tour__arrow,html body .smmo-site .smmo-tour__counter{
    position:relative;
    overflow:hidden;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(178,203,241,.18) !important;
    background:
        radial-gradient(circle at 20% 18%,rgba(118,164,255,.09),transparent 30%),
        radial-gradient(circle at 82% 82%,rgba(165,103,255,.09),transparent 34%),
        linear-gradient(180deg,rgba(20,33,49,.96) 0%,rgba(10,18,28,.98) 100%) !important;
    box-shadow:
        0 18px 42px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 0 0 1px rgba(255,255,255,.02),
        0 0 0 1px rgba(107,149,228,.05) !important;
}

html body .smmo-site .smmo-tour__arrow::before,html body .smmo-site .smmo-tour__counter::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:inherit;
    background:
        linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0) 26%),
        radial-gradient(circle at 50% 110%,rgba(255,255,255,.035),transparent 42%);
    pointer-events:none;
}

html body .smmo-site .smmo-tour__arrow::after,html body .smmo-site .smmo-tour__counter::after{
    content:"";
    position:absolute;
    inset:auto 10px 9px;
    height:20px;
    border-radius:999px;
    background:radial-gradient(circle at 50% 50%,rgba(117,142,255,.18),transparent 65%);
    filter:blur(12px);
    opacity:.5;
    pointer-events:none;
}

html body .smmo-site .smmo-tour__arrow{
    width:clamp(112px,10vw,146px);
    height:clamp(74px,6.2vw,86px);
    border-radius:26px !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:clamp(28px,2.6vw,40px);
    font-weight:700;
    line-height:1;
    letter-spacing:0;
    color:#eff5ff !important;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .24s ease,
        background .24s ease,
        color .2s ease;
}

html body .smmo-site .smmo-tour__arrow:first-child{
    box-shadow:
        0 18px 42px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 0 0 1px rgba(255,255,255,.02),
        -10px 0 30px rgba(61,195,255,.08),
        0 0 0 1px rgba(107,149,228,.05) !important;
}

html body .smmo-site .smmo-tour__arrow:last-child{
    box-shadow:
        0 18px 42px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 0 0 1px rgba(255,255,255,.02),
        10px 0 30px rgba(255,92,182,.08),
        0 0 0 1px rgba(107,149,228,.05) !important;
}

html body .smmo-site .smmo-tour__arrow:hover,html body .smmo-site .smmo-tour__arrow:focus-visible{
    transform:translateY(-3px) scale(1.015);
    color:#ffffff !important;
    border-color:rgba(180,155,255,.42) !important;
    background:
        radial-gradient(circle at 15% 15%,rgba(74,198,255,.16),transparent 26%),
        radial-gradient(circle at 85% 85%,rgba(255,92,182,.18),transparent 30%),
        linear-gradient(180deg,rgba(29,42,61,.98) 0%,rgba(13,22,34,.99) 100%) !important;
    box-shadow:
        0 22px 46px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 0 1px rgba(182,155,255,.08),
        0 0 22px rgba(143,94,255,.18) !important;
    outline:none;
}

html body .smmo-site .smmo-tour__arrow:active{
    transform:translateY(-1px) scale(.992);
}

html body .smmo-site .smmo-tour__counter{
    min-width:clamp(164px,12vw,208px);
    height:clamp(74px,6.2vw,86px);
    padding:0 30px !important;
    border-radius:28px !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}

html body .smmo-site .smmo-tour__counter strong,html body .smmo-site .smmo-tour__counter span{
    position:relative;
    z-index:2;
    display:inline-block;
    line-height:1;
}

html body .smmo-site .smmo-tour__counter strong{
    font-size:clamp(28px,2.4vw,38px) !important;
    font-weight:800;
    letter-spacing:-.035em;
    color:#ffffff !important;
    text-shadow:0 0 18px rgba(124,132,255,.14);
}

html body .smmo-site .smmo-tour__counter span{
    font-size:clamp(18px,1.4vw,24px) !important;
    font-weight:700;
    color:#90a2bd !important;
    margin-top:2px;
}

html body .smmo-site .smmo-tour__counter strong::after{
    content:"";
    position:absolute;
    left:-10px;
    right:-10px;
    bottom:-10px;
    height:18px;
    background:radial-gradient(circle at 50% 50%,rgba(145,92,255,.22),transparent 68%);
    filter:blur(10px);
    z-index:-1;
}

@media (max-width: 900px){
    html body .smmo-site .smmo-tour__controls{
        gap:14px !important;
        margin:0 auto 22px !important;
    }

    html body .smmo-site .smmo-tour__controls::before{
        width:min(520px,92%);
        height:74px;
        filter:blur(22px);
    }

    html body .smmo-site .smmo-tour__arrow{
        width:92px;
        height:64px;
        border-radius:22px !important;
        font-size:30px;
    }

    html body .smmo-site .smmo-tour__counter{
        min-width:142px;
        height:64px;
        padding:0 24px !important;
        border-radius:24px !important;
    }

    html body .smmo-site .smmo-tour__counter strong{
        font-size:30px !important;
    }

    html body .smmo-site .smmo-tour__counter span{
        font-size:20px !important;
    }
}

@media (max-width: 640px){
    html body .smmo-site .smmo-tour__controls{
        gap:10px !important;
        margin:0 auto 18px !important;
        padding-top:4px !important;
    }

    html body .smmo-site .smmo-tour__controls::before{
        height:56px;
        width:min(360px,96%);
        filter:blur(18px);
        opacity:.78;
    }

    html body .smmo-site .smmo-tour__controls::after{
        display:none;
    }

    html body .smmo-site .smmo-tour__arrow{
        width:74px;
        height:54px;
        border-radius:18px !important;
        font-size:24px;
    }

    html body .smmo-site .smmo-tour__counter{
        min-width:108px;
        height:54px;
        padding:0 16px !important;
        gap:4px;
        border-radius:18px !important;
    }

    html body .smmo-site .smmo-tour__counter strong{
        font-size:22px !important;
    }

    html body .smmo-site .smmo-tour__counter span{
        font-size:15px !important;
    }
}

html body .smmo-site .smmo-tour__controls{
    gap: clamp(14px, 1.8vw, 24px) !important;
    margin: 0 auto 24px !important;
    padding: 4px 0 0 !important;
}

html body .smmo-site .smmo-tour__controls::before{
    width: min(760px, 86%);
    height: 72px;
    top: 50%;
    background:
        radial-gradient(circle at 16% 50%, rgba(61,195,255,.22), transparent 26%),
        radial-gradient(circle at 50% 50%, rgba(122,95,255,.12), transparent 30%),
        radial-gradient(circle at 84% 50%, rgba(255,92,182,.22), transparent 26%);
    filter: blur(24px);
    opacity: .92;
}

html body .smmo-site .smmo-tour__controls::after{
    top: 50%;
    width: min(700px, 78%);
    background: linear-gradient(90deg, transparent, rgba(138,164,220,.2), transparent);
}

html body .smmo-site .smmo-tour__arrow,html body .smmo-site .smmo-tour__counter{
    box-shadow:
        0 14px 30px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 0 0 1px rgba(255,255,255,.02),
        0 0 0 1px rgba(107,149,228,.05) !important;
}

html body .smmo-site .smmo-tour__arrow{
    width: clamp(102px, 9vw, 124px);
    height: clamp(58px, 5vw, 68px);
    border-radius: 24px !important;
    font-size: clamp(26px, 2.2vw, 36px);
    background:
        radial-gradient(circle at 18% 20%, rgba(90,164,255,.11), transparent 28%),
        radial-gradient(circle at 82% 82%, rgba(170,103,255,.10), transparent 32%),
        linear-gradient(180deg, rgba(18,31,47,.96) 0%, rgba(10,18,28,.985) 100%) !important;
}

html body .smmo-site .smmo-tour__arrow::after{
    inset: auto 8px 4px;
    height: 26px;
    border-radius: 999px;
    filter: blur(14px);
    opacity: .9;
}

html body .smmo-site .smmo-tour__arrow:first-child{
    box-shadow:
        0 14px 30px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 0 0 1px rgba(255,255,255,.02),
        -6px 0 18px rgba(61,195,255,.10),
        0 0 0 1px rgba(107,149,228,.05) !important;
}

html body .smmo-site .smmo-tour__arrow:last-child{
    box-shadow:
        0 14px 30px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 0 0 1px rgba(255,255,255,.02),
        6px 0 18px rgba(255,92,182,.10),
        0 0 0 1px rgba(107,149,228,.05) !important;
}

html body .smmo-site .smmo-tour__arrow:first-child::after{
    background: radial-gradient(circle at 50% 50%, rgba(72,201,255,.42), rgba(72,201,255,.12) 42%, transparent 72%);
}

html body .smmo-site .smmo-tour__arrow:last-child::after{
    background: radial-gradient(circle at 50% 50%, rgba(255,98,190,.42), rgba(255,98,190,.12) 42%, transparent 72%);
}

html body .smmo-site .smmo-tour__arrow:hover,html body .smmo-site .smmo-tour__arrow:focus-visible{
    transform: translateY(-2px) scale(1.01);
    box-shadow:
        0 18px 36px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 0 1px rgba(182,155,255,.08),
        0 0 26px rgba(143,94,255,.22) !important;
}

html body .smmo-site .smmo-tour__counter{
    min-width: clamp(156px, 11.5vw, 188px);
    height: clamp(58px, 5vw, 68px);
    padding: 0 26px !important;
    border-radius: 24px !important;
    gap: 6px;
}

html body .smmo-site .smmo-tour__counter::after{
    inset: auto 16px 6px;
    height: 18px;
    opacity: .42;
}

html body .smmo-site .smmo-tour__counter strong{
    font-size: clamp(24px, 2.2vw, 34px) !important;
}

html body .smmo-site .smmo-tour__counter span{
    font-size: clamp(17px, 1.28vw, 22px) !important;
}

@media (max-width: 900px){
    html body .smmo-site .smmo-tour__controls{
        gap: 12px !important;
        margin: 0 auto 20px !important;
    }

    html body .smmo-site .smmo-tour__controls::before{
        width: min(560px, 94%);
        height: 60px;
        filter: blur(20px);
    }

    html body .smmo-site .smmo-tour__arrow{
        width: 84px;
        height: 56px;
        border-radius: 20px !important;
        font-size: 28px;
    }

    html body .smmo-site .smmo-tour__counter{
        min-width: 132px;
        height: 56px;
        padding: 0 20px !important;
        border-radius: 20px !important;
    }

    html body .smmo-site .smmo-tour__counter strong{
        font-size: 26px !important;
    }

    html body .smmo-site .smmo-tour__counter span{
        font-size: 18px !important;
    }
}

@media (max-width: 640px){
    html body .smmo-site .smmo-tour__controls{
        gap: 10px !important;
        margin: 0 auto 16px !important;
    }

    html body .smmo-site .smmo-tour__controls::before{
        width: min(360px, 96%);
        height: 46px;
        filter: blur(16px);
    }

    html body .smmo-site .smmo-tour__arrow{
        width: 68px;
        height: 48px;
        border-radius: 17px !important;
        font-size: 22px;
    }

    html body .smmo-site .smmo-tour__counter{
        min-width: 102px;
        height: 48px;
        padding: 0 14px !important;
        border-radius: 17px !important;
        gap: 4px;
    }

    html body .smmo-site .smmo-tour__counter strong{
        font-size: 20px !important;
    }

    html body .smmo-site .smmo-tour__counter span{
        font-size: 14px !important;
    }
}

html body .smmo-site.smmo-changelog{
    --change-bg:#08131f;
    --change-panel:#102037;
    --change-panel-deep:#0a1728;
    --change-border:rgba(132,166,222,.22);
    --change-text:#f7f9ff;
    --change-muted:#9cacbf;
    position:relative!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 8% 0%,rgba(75,190,255,.10),transparent 32rem),
        radial-gradient(circle at 88% 8%,rgba(255,92,181,.08),transparent 31rem),
        radial-gradient(circle at 48% 100%,rgba(132,91,255,.08),transparent 34rem),
        linear-gradient(180deg,#07121e,#081523)!important;
}

html body .smmo-site.smmo-changelog::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(rgba(110,157,216,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(110,157,216,.025) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 76%);
    -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 76%);
}

html body .smmo-site.smmo-changelog>.smmo-section{
    position:relative;
    z-index:2;
}

html body .smmo-site .smmo-changelog__hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(320px,.62fr);
    gap:clamp(28px,4vw,64px);
    align-items:center;
    padding:clamp(34px,4.2vw,62px);
    overflow:hidden;
    border:1px solid rgba(155,125,255,.40);
    border-radius:34px;
    background:
        radial-gradient(circle at 6% 18%,rgba(66,194,255,.14),transparent 28rem),
        radial-gradient(circle at 92% 28%,rgba(255,91,184,.12),transparent 25rem),
        linear-gradient(145deg,rgba(18,31,52,.97),rgba(8,20,34,.985));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 30px 80px rgba(0,0,0,.28),
        0 0 0 1px rgba(125,103,255,.05),
        0 0 54px rgba(82,167,255,.055);
    isolation:isolate;
}

html body .smmo-site .smmo-changelog__hero::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-1px;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(105deg,transparent 8%,rgba(90,215,255,.08) 30%,transparent 47%,rgba(255,99,189,.08) 72%,transparent 92%);
    transform:translateX(-25%);
    animation:smmoChangeHeroSheen 12s ease-in-out infinite alternate;
}

@keyframes smmoChangeHeroSheen{
    to{transform:translateX(25%)}
}

html body .smmo-site .smmo-changelog__hero-copy{
    min-width:0;
}

html body .smmo-site .smmo-changelog__hero h2{
    max-width:900px;
    margin:15px 0 17px!important;
    color:var(--change-text)!important;
    font-size:clamp(38px,5vw,76px)!important;
    font-weight:880!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
}

html body .smmo-site .smmo-changelog__hero h2 em{
    color:transparent!important;
    background:linear-gradient(90deg,#72d8ff 0%,#867cff 47%,#ff74c6 100%);
    -webkit-background-clip:text;
    background-clip:text;
    font-style:normal!important;
}

html body .smmo-site .smmo-changelog__hero-copy>p{
    max-width:780px;
    margin:0!important;
    color:#a9b7c8!important;
    font-size:clamp(15px,1.32vw,20px)!important;
    line-height:1.65!important;
}

html body .smmo-site .smmo-changelog__hero-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:25px;
}

html body .smmo-site .smmo-changelog__hero-actions .smmo-button{
    min-height:48px!important;
    border-radius:15px!important;
}

html body .smmo-site .smmo-changelog__demo-link{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:48px;
    padding:0 14px;
    color:#aebcf0!important;
    font-size:12px!important;
    font-weight:850!important;
    text-decoration:none!important;
}

html body .smmo-site .smmo-changelog__demo-link:hover{
    color:#fff!important;
}

html body .smmo-site .smmo-changelog__release{
    position:relative;
    display:grid;
    gap:12px;
    align-content:start;
    min-width:0;
    padding:28px;
    overflow:hidden;
    border:1px solid rgba(255,104,190,.30);
    border-radius:26px;
    background:
        radial-gradient(circle at 85% 5%,rgba(255,91,184,.16),transparent 12rem),
        radial-gradient(circle at 0 100%,rgba(84,204,255,.13),transparent 16rem),
        linear-gradient(145deg,rgba(17,27,46,.98),rgba(10,19,33,.99));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.065),
        0 18px 45px rgba(0,0,0,.27),
        0 0 34px rgba(255,88,180,.08);
}

html body .smmo-site .smmo-changelog__release-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    color:#cfbdff;
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

html body .smmo-site .smmo-changelog__release-top i{
    width:10px;
    height:10px;
    flex:0 0 10px;
    border-radius:50%;
    background:#ff64b9;
    box-shadow:0 0 0 7px rgba(255,100,185,.08),0 0 20px rgba(255,100,185,.55);
}

html body .smmo-site .smmo-changelog__release>strong{
    display:block;
    color:transparent!important;
    background:linear-gradient(90deg,#8adfff,#9681ff 52%,#ff82cc);
    -webkit-background-clip:text;
    background-clip:text;
    font-size:clamp(32px,3.5vw,55px)!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:-.055em!important;
}

html body .smmo-site .smmo-changelog__release>p{
    margin:0!important;
    color:#93a3b7!important;
    font-size:12px!important;
    line-height:1.55!important;
}

html body .smmo-site .smmo-changelog__release-meta{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    margin-top:4px;
}

html body .smmo-site .smmo-changelog__release-meta span{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:38px;
    padding:7px 10px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:rgba(255,255,255,.025);
    color:#8799b0;
    font-size:9px;
    font-weight:750;
}

html body .smmo-site .smmo-changelog__release-meta b{
    color:#e6edff!important;
    font-size:10px!important;
    font-weight:900!important;
}

html body .smmo-site .smmo-changelog__toolbar{
    position:sticky;
    top:78px;
    z-index:18;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:24px 0 12px;
    padding:12px;
    border:1px solid rgba(140,168,216,.18);
    border-radius:20px;
    background:rgba(8,18,31,.88);
    box-shadow:0 14px 36px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}

html body .smmo-site .smmo-changelog__view-switch{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    width:min(500px,100%);
    padding:4px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:15px;
    background:rgba(255,255,255,.022);
}

html body .smmo-site .smmo-changelog__view-switch button{
    appearance:none;
    -webkit-appearance:none;
    display:grid;
    gap:2px;
    min-height:50px;
    margin:0;
    padding:8px 14px;
    border:1px solid transparent;
    border-radius:11px;
    background:transparent;
    color:#9cacbf;
    text-align:left;
    cursor:pointer;
    transition:.18s ease;
}

html body .smmo-site .smmo-changelog__view-switch button span{
    color:inherit;
    font-size:11px;
    font-weight:900;
}

html body .smmo-site .smmo-changelog__view-switch button small{
    color:#667a94;
    font-size:7px;
    font-weight:800;
    letter-spacing:.075em;
    text-transform:uppercase;
}

html body .smmo-site .smmo-changelog__view-switch button.is-active{
    border-color:rgba(150,118,255,.34);
    background:linear-gradient(135deg,rgba(141,91,255,.18),rgba(69,191,255,.06));
    color:#f5f4ff;
    box-shadow:0 9px 22px rgba(0,0,0,.14),0 0 20px rgba(133,91,255,.07);
}

html body .smmo-site .smmo-changelog__view-switch button.is-active small{
    color:#a99aff;
}

html body .smmo-site .smmo-changelog__count{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 8px;
    color:#8ea1b8;
    font-size:9px;
    font-weight:800;
}

html body .smmo-site .smmo-changelog__count i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#5cd0ff;
    box-shadow:0 0 13px rgba(92,208,255,.55);
}

html body .smmo-site .smmo-changelog__filters{
    display:flex;
    gap:8px;
    margin:0 0 19px;
    padding:3px 1px 8px;
    overflow-x:auto;
    scrollbar-width:thin;
    scrollbar-color:rgba(145,94,255,.28) transparent;
}

html body .smmo-site .smmo-changelog__filters button{
    appearance:none;
    -webkit-appearance:none;
    flex:0 0 auto;
    min-height:37px;
    margin:0;
    padding:0 13px;
    border:1px solid rgba(126,158,205,.20);
    border-radius:999px;
    background:rgba(15,29,48,.80);
    color:#93a6be;
    font-size:8.5px;
    font-weight:850;
    white-space:nowrap;
    cursor:pointer;
    transition:.16s ease;
}

html body .smmo-site .smmo-changelog__filters button:hover,html body .smmo-site .smmo-changelog__filters button:focus-visible{
    color:#fff;
    border-color:rgba(155,128,255,.44);
    background:rgba(112,78,201,.12);
    outline:none;
}

html body .smmo-site .smmo-changelog__filters button.is-active{
    color:#f7f5ff;
    border-color:rgba(160,127,255,.55);
    background:linear-gradient(135deg,rgba(133,91,255,.25),rgba(66,192,255,.09));
    box-shadow:0 0 18px rgba(128,88,255,.10);
}

html body .smmo-site .smmo-changelog__highlights{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

html body .smmo-site .smmo-changelog-card{
    --change-accent-rgb:144,102,255;
    position:relative;
    display:grid;
    grid-template-rows:auto auto 1fr auto;
    gap:12px;
    min-width:0;
    min-height:325px;
    padding:20px;
    overflow:hidden;
    border:1px solid rgba(var(--change-accent-rgb),.30);
    border-radius:23px;
    background:
        radial-gradient(circle at 90% 100%,rgba(var(--change-accent-rgb),.14),transparent 13rem),
        linear-gradient(145deg,rgba(17,33,55,.96),rgba(9,22,38,.985));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 15px 36px rgba(0,0,0,.19);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

html body .smmo-site .smmo-changelog-card.is-blue{--change-accent-rgb:73,178,255}
html body .smmo-site .smmo-changelog-card.is-purple{--change-accent-rgb:149,105,255}
html body .smmo-site .smmo-changelog-card.is-cyan{--change-accent-rgb:72,213,255}
html body .smmo-site .smmo-changelog-card.is-pink{--change-accent-rgb:255,92,177}
html body .smmo-site .smmo-changelog-card.is-lime{--change-accent-rgb:121,220,117}
html body .smmo-site .smmo-changelog-card.is-gold{--change-accent-rgb:246,190,95}
html body .smmo-site .smmo-changelog-card.is-violet{--change-accent-rgb:177,129,255}
html body .smmo-site .smmo-changelog-card.is-pinkblue{--change-accent-rgb:232,105,221}

@media (hover:hover) and (pointer:fine){
    html body .smmo-site .smmo-changelog-card:hover{
        transform:translateY(-4px);
        border-color:rgba(var(--change-accent-rgb),.50);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.055),
            0 20px 42px rgba(0,0,0,.24),
            0 0 28px rgba(var(--change-accent-rgb),.08);
    }
}

html body .smmo-site .smmo-changelog-card__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

html body .smmo-site .smmo-changelog-card__icon{
    display:grid;
    place-items:center;
    width:68px;
    height:68px;
    flex:0 0 68px;
    border:1px solid rgba(var(--change-accent-rgb),.25);
    border-radius:20px;
    background:
        radial-gradient(circle at 50% 50%,rgba(var(--change-accent-rgb),.14),transparent 70%),
        rgba(6,15,27,.72);
    box-shadow:0 0 22px rgba(var(--change-accent-rgb),.07),inset 0 1px 0 rgba(255,255,255,.04);
}

html body .smmo-site .smmo-changelog-card__icon img{
    display:block;
    width:58px!important;
    height:58px!important;
    object-fit:contain!important;
    border:0!important;
    box-shadow:none!important;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,.20));
}

html body .smmo-site .smmo-changelog-card__versions{
    display:inline-flex;
    align-items:center;
    min-height:27px;
    padding:0 9px;
    border:1px solid rgba(var(--change-accent-rgb),.22);
    border-radius:999px;
    background:rgba(var(--change-accent-rgb),.055);
    color:rgba(224,232,248,.74);
    font-size:7px;
    font-weight:850;
    letter-spacing:.035em;
    text-align:right;
}

html body .smmo-site .smmo-changelog-card h3{
    margin:2px 0 0!important;
    color:#f4f7ff!important;
    font-size:clamp(19px,1.65vw,27px)!important;
    font-weight:860!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
}

html body .smmo-site .smmo-changelog-card>p{
    margin:0!important;
    color:#9bacc0!important;
    font-size:11px!important;
    line-height:1.65!important;
}

html body .smmo-site .smmo-changelog-card__actions{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.055);
}

html body .smmo-site .smmo-changelog-card__actions button,html body .smmo-site .smmo-changelog-card__actions a{
    appearance:none;
    -webkit-appearance:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    margin:0;
    padding:0 10px;
    border:1px solid rgba(var(--change-accent-rgb),.20);
    border-radius:10px;
    background:rgba(var(--change-accent-rgb),.055);
    color:#cbd6e7!important;
    font-size:7.5px!important;
    font-weight:850!important;
    text-decoration:none!important;
    cursor:pointer;
}

html body .smmo-site .smmo-changelog-card__actions button:hover,html body .smmo-site .smmo-changelog-card__actions a:hover{
    border-color:rgba(var(--change-accent-rgb),.44);
    background:rgba(var(--change-accent-rgb),.12);
    color:#fff!important;
}

html body .smmo-site .smmo-changelog__history[hidden],html body .smmo-site .smmo-changelog__highlights[hidden],html body .smmo-site .smmo-changelog__empty[hidden],html body .smmo-site .smmo-change-release[hidden]{
    display:none!important;
}

html body .smmo-site .smmo-changelog__history{
    display:grid;
    gap:14px;
}

html body .smmo-site .smmo-changelog__history-head{
    display:grid;
    grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);
    gap:24px;
    align-items:end;
    padding:25px 27px;
    border:1px solid rgba(126,158,205,.16);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(18,33,53,.78),rgba(10,23,39,.88));
}

html body .smmo-site .smmo-changelog__history-head span{
    color:#a889ff;
    font-size:8px;
    font-weight:900;
    letter-spacing:.11em;
}

html body .smmo-site .smmo-changelog__history-head h3{
    margin:5px 0 0!important;
    color:#f4f7ff!important;
    font-size:clamp(24px,2.4vw,38px)!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
}

html body .smmo-site .smmo-changelog__history-head>p{
    margin:0!important;
    color:#91a2b8!important;
    font-size:10px!important;
    line-height:1.6!important;
}

html body .smmo-site .smmo-changelog__release-list{
    display:grid;
    gap:8px;
}

html body .smmo-site .smmo-change-release{
    border:1px solid rgba(126,158,205,.17);
    border-radius:17px;
    overflow:hidden;
    background:linear-gradient(145deg,rgba(15,29,48,.92),rgba(8,19,33,.97));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    transition:border-color .16s ease,box-shadow .16s ease;
}

html body .smmo-site .smmo-change-release[open]{
    border-color:rgba(151,116,255,.38);
    box-shadow:0 14px 30px rgba(0,0,0,.16),0 0 22px rgba(125,88,255,.055),inset 0 1px 0 rgba(255,255,255,.035);
}

html body .smmo-site .smmo-change-release summary{
    list-style:none;
    display:grid;
    grid-template-columns:112px minmax(240px,1fr) minmax(180px,.55fr) 32px;
    gap:16px;
    align-items:center;
    min-height:90px;
    padding:13px 16px;
    cursor:pointer;
}

html body .smmo-site .smmo-change-release summary::-webkit-details-marker{display:none}

html body .smmo-site .smmo-change-release__version{
    display:grid;
    gap:5px;
    align-content:center;
    min-width:0;
    min-height:58px;
    padding:8px 10px;
    border:1px solid rgba(152,117,255,.20);
    border-radius:13px;
    background:rgba(129,88,255,.055);
}

html body .smmo-site .smmo-change-release__version b{
    color:#ddd6ff!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:1!important;
}

html body .smmo-site .smmo-change-release__version small{
    color:#7f72c9!important;
    font-size:6px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
}

html body .smmo-site .smmo-change-release__copy{
    display:grid;
    gap:4px;
    min-width:0;
}

html body .smmo-site .smmo-change-release__copy strong{
    color:#edf2fb!important;
    font-size:12px!important;
    font-weight:860!important;
    line-height:1.25!important;
}

html body .smmo-site .smmo-change-release__copy em{
    display:block;
    overflow:hidden;
    color:#8799af!important;
    font-size:8.5px!important;
    font-style:normal!important;
    line-height:1.5!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}

html body .smmo-site .smmo-change-release__categories{
    display:flex;
    justify-content:flex-end;
    gap:5px;
    flex-wrap:wrap;
}

html body .smmo-site .smmo-change-release__categories i{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 7px;
    border:1px solid rgba(95,194,255,.14);
    border-radius:999px;
    background:rgba(70,176,255,.035);
    color:#8098b2!important;
    font-size:6.2px!important;
    font-style:normal!important;
    font-weight:800!important;
    white-space:nowrap;
}

html body .smmo-site .smmo-change-release__toggle{
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border:1px solid rgba(161,128,255,.22);
    border-radius:50%;
    background:rgba(135,91,255,.06);
    color:#b89dff;
    font-size:18px;
    line-height:1;
    transition:transform .18s ease;
}

html body .smmo-site .smmo-change-release[open] .smmo-change-release__toggle{
    transform:rotate(45deg);
    color:#fff;
}

html body .smmo-site .smmo-change-release__detail{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:18px;
    align-items:end;
    padding:17px 18px 19px 146px;
    border-top:1px solid rgba(255,255,255,.055);
    background:rgba(4,12,21,.30);
}

html body .smmo-site .smmo-change-release__detail>div>span{
    display:block;
    margin-bottom:8px;
    color:#8a7be1;
    font-size:6.8px;
    font-weight:900;
    letter-spacing:.11em;
}

html body .smmo-site .smmo-change-release__detail ul{
    display:grid;
    gap:7px;
    margin:0!important;
    padding:0 0 0 18px!important;
}

html body .smmo-site .smmo-change-release__detail li{
    color:#a4b2c4!important;
    font-size:9px!important;
    line-height:1.55!important;
}

html body .smmo-site .smmo-change-release__detail button{
    appearance:none;
    -webkit-appearance:none;
    min-height:34px;
    padding:0 10px;
    border:1px solid rgba(148,117,255,.18);
    border-radius:9px;
    background:rgba(131,90,255,.055);
    color:#aeb9ce;
    font-size:7px;
    font-weight:850;
    cursor:pointer;
}

html body .smmo-site .smmo-changelog__empty{
    padding:34px;
    border:1px dashed rgba(135,163,205,.18);
    border-radius:18px;
    text-align:center;
    background:rgba(255,255,255,.015);
}

html body .smmo-site .smmo-changelog__empty span{
    color:#d7dfeb!important;
    font-size:13px!important;
    font-weight:850!important;
}

html body .smmo-site .smmo-changelog__empty p{
    margin:5px 0 0!important;
    color:#7f90a7!important;
    font-size:9px!important;
}

@media (max-width:1280px){
    html body .smmo-site .smmo-changelog__highlights{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:980px){
    html body .smmo-site .smmo-changelog__hero{
        grid-template-columns:1fr;
    }

    html body .smmo-site .smmo-changelog__release{
        grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);
        align-items:start;
    }

    html body .smmo-site .smmo-changelog__release-top,html body .smmo-site .smmo-changelog__release>strong,html body .smmo-site .smmo-changelog__release>p{
        grid-column:1;
    }

    html body .smmo-site .smmo-changelog__release-meta{
        grid-column:2;
        grid-row:1 / span 3;
    }

    html body .smmo-site .smmo-changelog__history-head{
        grid-template-columns:1fr;
        align-items:start;
    }

    html body .smmo-site .smmo-change-release summary{
        grid-template-columns:100px minmax(0,1fr) 30px;
    }

    html body .smmo-site .smmo-change-release__categories{
        grid-column:2;
        justify-content:flex-start;
    }

    html body .smmo-site .smmo-change-release__toggle{
        grid-column:3;
        grid-row:1 / span 2;
    }

    html body .smmo-site .smmo-change-release__detail{
        padding-left:132px;
    }
}

@media (max-width:760px){
    html body .smmo-site .smmo-changelog__hero{
        padding:27px 22px;
        border-radius:26px;
    }

    html body .smmo-site .smmo-changelog__release{
        grid-template-columns:1fr;
        padding:22px;
    }

    html body .smmo-site .smmo-changelog__release-meta{
        grid-column:1;
        grid-row:auto;
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    html body .smmo-site .smmo-changelog__release-meta span{
        display:grid;
        align-content:center;
        min-height:62px;
    }

    html body .smmo-site .smmo-changelog__toolbar{
        position:relative;
        top:auto;
        align-items:stretch;
        flex-direction:column;
    }

    html body .smmo-site .smmo-changelog__count{
        padding:0 6px 4px;
    }

    html body .smmo-site .smmo-change-release summary{
        grid-template-columns:88px minmax(0,1fr) 28px;
        gap:10px;
        padding:11px;
    }

    html body .smmo-site .smmo-change-release__copy em{
        white-space:normal;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }

    html body .smmo-site .smmo-change-release__detail{
        grid-template-columns:1fr;
        padding:15px;
    }

    html body .smmo-site .smmo-change-release__detail button{
        justify-self:start;
    }
}

@media (max-width:600px){
    html body .smmo-site .smmo-changelog__highlights{
        grid-template-columns:1fr;
    }

    html body .smmo-site .smmo-changelog-card{
        min-height:0;
    }

    html body .smmo-site .smmo-changelog__release-meta{
        grid-template-columns:1fr;
    }

    html body .smmo-site .smmo-changelog__release-meta span{
        display:flex;
        min-height:38px;
    }

    html body .smmo-site .smmo-changelog__view-switch{
        grid-template-columns:1fr;
    }

    html body .smmo-site .smmo-change-release summary{
        grid-template-columns:76px minmax(0,1fr) 26px;
    }

    html body .smmo-site .smmo-change-release__categories{
        grid-column:1 / span 2;
    }

    html body .smmo-site .smmo-change-release__toggle{
        grid-column:3;
        grid-row:1;
    }

    html body .smmo-site .smmo-change-release__version{
        min-height:50px;
        padding:7px 8px;
    }

    html body .smmo-site .smmo-change-release__version b{
        font-size:13px!important;
    }

    html body .smmo-site .smmo-changelog-card__icon{
        width:60px;
        height:60px;
        flex-basis:60px;
        border-radius:17px;
    }

    html body .smmo-site .smmo-changelog-card__icon img{
        width:51px!important;
        height:51px!important;
    }
}

@media (prefers-reduced-motion:reduce){
    html body .smmo-site .smmo-changelog__hero::before{
        animation:none!important;
    }

    html body .smmo-site .smmo-changelog-card,html body .smmo-site .smmo-change-release__toggle,html body .smmo-site .smmo-changelog__filters button,html body .smmo-site .smmo-changelog__view-switch button{
        transition:none!important;
    }
}

html body .smmo-site.smmo-admin-console.smmo-admin-console--release-v2{
    --smmo-console-bg:#07111d;
    --smmo-console-panel:#0d1826;
    --smmo-console-panel-2:#111e2f;
    --smmo-console-line:rgba(188,211,255,.16);
    --smmo-console-line-strong:rgba(165,137,255,.34);
    --smmo-console-text:#f6f8ff;
    --smmo-console-muted:#9aa9bd;
    --smmo-console-purple:#a98cff;
    --smmo-console-blue:#62c9ff;
    --smmo-console-pink:#ff71bd;
    --smmo-console-gold:#ffd078;
    position:relative!important;
    overflow:hidden!important;
    border-top:1px solid rgba(169,140,255,.28)!important;
    border-bottom:1px solid rgba(98,201,255,.22)!important;
    background:
        radial-gradient(circle at 12% 0,rgba(103,196,255,.12),transparent 34rem),
        radial-gradient(circle at 88% 6%,rgba(255,89,180,.10),transparent 32rem),
        radial-gradient(circle at 62% 92%,rgba(158,106,255,.10),transparent 36rem),
        linear-gradient(180deg,#07111d 0%,#08131f 58%,#06101a 100%)!important;
}
html body .smmo-site.smmo-admin-console.smmo-admin-console--release-v2::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    opacity:.18!important;
    background-image:
        linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;
    background-size:30px 30px!important;
}
html body .smmo-site.smmo-admin-console.smmo-admin-console--release-v2 .smmo-section{
    position:relative!important;
    z-index:1!important;
}
html body .smmo-site .smmo-release-console-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:24px!important;
    margin-bottom:22px!important;
    padding:clamp(22px,3vw,34px)!important;
    border:1px solid rgba(190,213,255,.16)!important;
    border-radius:24px!important;
    background:
        radial-gradient(circle at 92% 0,rgba(255,102,192,.10),transparent 22rem),
        radial-gradient(circle at 4% 100%,rgba(86,203,255,.08),transparent 24rem),
        linear-gradient(145deg,rgba(16,27,43,.97),rgba(8,17,29,.98))!important;
    box-shadow:0 24px 60px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html body .smmo-site .smmo-release-console-head__eyebrow{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin-bottom:9px!important;
    color:#c8b7ff!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
}
html body .smmo-site .smmo-release-console-head__eyebrow i{
    width:8px!important;height:8px!important;border-radius:50%!important;
    background:#ff65ba!important;box-shadow:0 0 18px rgba(255,101,186,.72)!important;
}
html body .smmo-site .smmo-release-console-head h2{
    margin:0 0 9px!important;
    color:#fff!important;
    font-size:clamp(30px,4vw,48px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
}
html body .smmo-site .smmo-release-console-head p{
    max-width:800px!important;
    margin:0!important;
    color:#9baabd!important;
    font-size:13px!important;
    line-height:1.65!important;
}
html body .smmo-site .smmo-release-console-head__actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    flex-wrap:wrap!important;
}
html body .smmo-site .smmo-release-console-head__actions a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:0 13px!important;
    border:1px solid rgba(164,136,255,.25)!important;
    border-radius:11px!important;
    background:rgba(147,106,255,.08)!important;
    color:#d9d0ff!important;
    font-size:9px!important;
    font-weight:850!important;
    text-decoration:none!important;
}
html body .smmo-site .smmo-release-console-head__actions a:hover{
    border-color:rgba(164,136,255,.46)!important;
    background:rgba(147,106,255,.14)!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
}
html body .smmo-site .smmo-release-console-status{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px!important;
    margin:0 0 18px!important;
}
html body .smmo-site .smmo-release-console-status>div{
    min-width:0!important;
    padding:12px 13px!important;
    border:1px solid rgba(188,211,255,.12)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.022)!important;
}
html body .smmo-site .smmo-release-console-status span{
    display:block!important;
    color:#718298!important;
    font-size:7px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
html body .smmo-site .smmo-release-console-status b,html body .smmo-site .smmo-release-console-status code{
    display:block!important;
    margin-top:4px!important;
    overflow:hidden!important;
    color:#e8eef8!important;
    font-size:10px!important;
    font-weight:800!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
html body .smmo-site .smmo-release-console-status code{
    color:#9ccfff!important;
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
    font-size:8px!important;
}
html body .smmo-site .smmo-admin-success.smmo-admin-success--release-v2{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin:0 0 18px!important;
    padding:13px 14px!important;
    border:1px solid rgba(94,232,169,.24)!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,rgba(70,220,154,.075),rgba(88,193,255,.03))!important;
    color:#d7ffeb!important;
    font-size:10px!important;
    line-height:1.5!important;
}
html body .smmo-site .smmo-admin-success.smmo-admin-success--release-v2::before{
    content:"✓"!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 24px!important;
    width:24px!important;height:24px!important;border-radius:50%!important;
    background:rgba(94,232,169,.10)!important;
    border:1px solid rgba(94,232,169,.24)!important;
    color:#8ff1bd!important;
}

html body .smmo-site .smmo-release-form.smmo-release-form--v2{
    display:grid!important;
    gap:16px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
html body .smmo-site .smmo-release-panel{
    position:relative!important;
    overflow:hidden!important;
    padding:clamp(18px,2.5vw,28px)!important;
    border:1px solid rgba(188,211,255,.15)!important;
    border-radius:20px!important;
    background:
        radial-gradient(circle at 100% 0,rgba(168,126,255,.055),transparent 18rem),
        linear-gradient(145deg,#101c2b,#0a1522 72%)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body .smmo-site .smmo-release-panel__head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin-bottom:17px!important;
}
html body .smmo-site .smmo-release-panel__head>div{min-width:0!important}
html body .smmo-site .smmo-release-panel__head small{
    display:block!important;
    margin-bottom:5px!important;
    color:#a990ff!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
}
html body .smmo-site .smmo-release-panel__head h3{
    margin:0!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.15!important;
    letter-spacing:-.025em!important;
}
html body .smmo-site .smmo-release-panel__head p{
    max-width:740px!important;
    margin:6px 0 0!important;
    color:#8393a9!important;
    font-size:10px!important;
    line-height:1.55!important;
}
html body .smmo-site .smmo-release-panel__badge{
    flex:0 0 auto!important;
    padding:7px 10px!important;
    border:1px solid rgba(255,112,190,.22)!important;
    border-radius:999px!important;
    background:rgba(255,112,190,.065)!important;
    color:#ff9bce!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:.05em!important;
}

html body .smmo-site .smmo-release-form__grid.smmo-release-form__grid--identity{
    display:grid!important;
    grid-template-columns:minmax(160px,.7fr) minmax(240px,1.3fr) minmax(150px,.65fr) minmax(150px,.65fr) minmax(150px,.65fr)!important;
    gap:12px!important;
}
html body .smmo-site .smmo-release-form label{
    min-width:0!important;
}
html body .smmo-site .smmo-release-form label>span,html body .smmo-site .smmo-release-current>span{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0 0 7px!important;
    color:#bac6d6!important;
    font-size:9px!important;
    font-weight:850!important;
}
html body .smmo-site .smmo-release-form label>span em{
    font-style:normal!important;
    color:#718299!important;
    font-size:7px!important;
    font-weight:750!important;
}
html body .smmo-site .smmo-release-form input[type=text],html body .smmo-site .smmo-release-form input[type=url],html body .smmo-site .smmo-release-form input[type=file],html body .smmo-site .smmo-release-form textarea{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid rgba(188,211,255,.13)!important;
    border-radius:11px!important;
    outline:0!important;
    background:#0a1420!important;
    background-image:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
    color:#f5f7fb!important;
    -webkit-text-fill-color:#f5f7fb!important;
    font:650 11px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    opacity:1!important;
}
html body .smmo-site .smmo-release-form input[type=file]{
    padding:7px!important;
    color:#91a1b5!important;
    font-size:9px!important;
}
html body .smmo-site .smmo-release-form input[type=file]::file-selector-button{
    min-height:32px!important;
    margin-right:8px!important;
    padding:0 11px!important;
    border:1px solid rgba(166,137,255,.28)!important;
    border-radius:8px!important;
    background:rgba(147,106,255,.11)!important;
    color:#dfd7ff!important;
    font-weight:850!important;
    cursor:pointer!important;
}
html body .smmo-site .smmo-release-form textarea{
    min-height:180px!important;
    resize:vertical!important;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
    font-size:9px!important;
    line-height:1.55!important;
}
html body .smmo-site .smmo-release-form input:focus,html body .smmo-site .smmo-release-form textarea:focus{
    border-color:rgba(169,140,255,.56)!important;
    box-shadow:0 0 0 3px rgba(169,140,255,.08),inset 0 1px 0 rgba(255,255,255,.02)!important;
}
html body .smmo-site .smmo-release-form label small{
    display:block!important;
    margin-top:5px!important;
    color:#6f8096!important;
    font-size:7.5px!important;
    line-height:1.45!important;
}
html body .smmo-site .smmo-release-form__short{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(260px,.65fr)!important;
    gap:12px!important;
    margin-top:12px!important;
}
html body .smmo-site .smmo-release-current{
    display:grid!important;
    align-content:center!important;
    min-width:0!important;
    padding:11px 12px!important;
    border:1px solid rgba(94,201,255,.14)!important;
    border-radius:11px!important;
    background:rgba(94,201,255,.035)!important;
}
html body .smmo-site .smmo-release-current code{
    display:block!important;
    overflow:hidden!important;
    color:#9fdcff!important;
    font:700 8px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

html body .smmo-site .smmo-release-editors{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}
html body .smmo-site .smmo-release-editor{
    min-width:0!important;
    padding:14px!important;
    border:1px solid rgba(188,211,255,.10)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.018)!important;
}
html body .smmo-site .smmo-release-editor__label{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:8px!important;
}
html body .smmo-site .smmo-release-editor__label b{
    color:#edf3fb!important;
    font-size:10px!important;
}
html body .smmo-site .smmo-release-editor__label span{
    padding:4px 7px!important;
    border:1px solid rgba(168,139,255,.18)!important;
    border-radius:999px!important;
    color:#a995f1!important;
    font-size:7px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.06em!important;
}
html body .smmo-site .smmo-release-editor.is-wide{
    grid-column:1/-1!important;
}
html body .smmo-site .smmo-release-editor.is-wide textarea{
    min-height:150px!important;
}

html body .smmo-site .smmo-release-assets-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}
html body .smmo-site .smmo-release-asset-group{
    display:grid!important;
    gap:10px!important;
    padding:14px!important;
    border:1px solid rgba(188,211,255,.10)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.018)!important;
}
html body .smmo-site .smmo-release-asset-group__head{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    margin-bottom:1px!important;
}
html body .smmo-site .smmo-release-asset-group__head i{
    display:grid!important;
    place-items:center!important;
    width:32px!important;height:32px!important;
    border:1px solid rgba(168,139,255,.22)!important;
    border-radius:9px!important;
    background:rgba(147,106,255,.07)!important;
    color:#c9bcff!important;
    font-style:normal!important;
    font-size:14px!important;
}
html body .smmo-site .smmo-release-asset-group__head div{display:grid!important;gap:2px!important}
html body .smmo-site .smmo-release-asset-group__head b{color:#f3f6fb!important;font-size:10px!important}
html body .smmo-site .smmo-release-asset-group__head span{color:#74859a!important;font-size:8px!important}

html body .smmo-site .smmo-release-preview-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
    gap:14px!important;
    align-items:start!important;
}
html body .smmo-site .smmo-wp-details-preview{
    min-width:0!important;
    overflow:hidden!important;
    border:1px solid rgba(188,211,255,.15)!important;
    border-radius:18px!important;
    background:#f6f7f7!important;
    box-shadow:0 20px 54px rgba(0,0,0,.22)!important;
    color:#1d2327!important;
}
html body .smmo-site .smmo-wp-details-preview__banner{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    min-height:155px!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,#151d35,#25193b 58%,#102d43)!important;
}
html body .smmo-site .smmo-wp-details-preview__banner img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:155px!important;
    max-height:210px!important;
    object-fit:cover!important;
}
html body .smmo-site .smmo-wp-details-preview__banner span{
    display:grid!important;
    place-items:center!important;
    min-height:155px!important;
    color:#c8b7ff!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
}
html body .smmo-site .smmo-wp-details-preview__title{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
    padding:15px 17px!important;
    border-bottom:1px solid #dcdcde!important;
}
html body .smmo-site .smmo-wp-details-preview__icon{
    display:grid!important;
    place-items:center!important;
    width:64px!important;height:64px!important;
    overflow:hidden!important;
    border:1px solid #dcdcde!important;
    border-radius:13px!important;
    background:#fff!important;
}
html body .smmo-site .smmo-wp-details-preview__icon img{
    display:block!important;
    width:100%!important;height:100%!important;
    object-fit:contain!important;
}
html body .smmo-site .smmo-wp-details-preview__title h4{
    margin:0!important;
    color:#1d2327!important;
    font-size:19px!important;
    line-height:1.15!important;
}
html body .smmo-site .smmo-wp-details-preview__title p{
    margin:4px 0 0!important;
    color:#646970!important;
    font-size:10px!important;
    line-height:1.45!important;
}
html body .smmo-site .smmo-wp-details-preview__meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    padding:10px 17px!important;
    border-bottom:1px solid #dcdcde!important;
    background:#fff!important;
}
html body .smmo-site .smmo-wp-details-preview__meta span{
    color:#50575e!important;
    font-size:8px!important;
    font-weight:700!important;
}
html body .smmo-site .smmo-wp-details-preview__tabs{
    display:flex!important;
    gap:0!important;
    overflow-x:auto!important;
    padding:0 12px!important;
    border-bottom:1px solid #c3c4c7!important;
    background:#fff!important;
}
html body .smmo-site .smmo-wp-details-preview__tabs button{
    all:unset!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    padding:11px 9px 9px!important;
    border-bottom:3px solid transparent!important;
    color:#50575e!important;
    font-size:8px!important;
    font-weight:700!important;
    cursor:pointer!important;
}
html body .smmo-site .smmo-wp-details-preview__tabs button.is-active{
    border-bottom-color:#2271b1!important;
    color:#135e96!important;
}
html body .smmo-site .smmo-wp-details-preview__body{
    min-height:270px!important;
    max-height:430px!important;
    overflow:auto!important;
    padding:18px!important;
    background:#f6f7f7!important;
    color:#2c3338!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:10px!important;
    line-height:1.6!important;
}
html body .smmo-site .smmo-wp-details-preview__body h2{margin:0 0 10px!important;color:#1d2327!important;font-size:18px!important;line-height:1.2!important}
html body .smmo-site .smmo-wp-details-preview__body h3{margin:16px 0 7px!important;color:#1d2327!important;font-size:13px!important}
html body .smmo-site .smmo-wp-details-preview__body p{margin:0 0 10px!important;color:#3c434a!important;font-size:10px!important;line-height:1.6!important}
html body .smmo-site .smmo-wp-details-preview__body ul,html body .smmo-site .smmo-wp-details-preview__body ol{margin:0 0 12px 18px!important;padding:0!important}
html body .smmo-site .smmo-wp-details-preview__body li{margin:0 0 5px!important;color:#3c434a!important;font-size:10px!important}
html body .smmo-site .smmo-wp-details-preview__body img{display:block!important;max-width:100%!important;height:auto!important;margin:10px auto!important;border-radius:7px!important}
html body .smmo-site .smmo-wp-details-preview__body a{color:#2271b1!important;text-decoration:underline!important}

html body .smmo-site .smmo-manifest-preview{
    min-width:0!important;
    overflow:hidden!important;
    border:1px solid rgba(188,211,255,.14)!important;
    border-radius:18px!important;
    background:#07101a!important;
}
html body .smmo-site .smmo-manifest-preview__head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 13px!important;
    border-bottom:1px solid rgba(188,211,255,.10)!important;
    background:rgba(255,255,255,.02)!important;
}
html body .smmo-site .smmo-manifest-preview__head div{display:grid!important;gap:2px!important}
html body .smmo-site .smmo-manifest-preview__head b{color:#f2f5fa!important;font-size:10px!important}
html body .smmo-site .smmo-manifest-preview__head span{color:#718298!important;font-size:7px!important}
html body .smmo-site .smmo-manifest-preview__head button{
    min-height:31px!important;
    padding:0 10px!important;
    border:1px solid rgba(169,140,255,.22)!important;
    border-radius:9px!important;
    background:rgba(147,106,255,.07)!important;
    color:#d8d0ff!important;
    font-size:8px!important;
    font-weight:850!important;
    cursor:pointer!important;
}
html body .smmo-site .smmo-manifest-preview pre{
    box-sizing:border-box!important;
    width:100%!important;
    max-height:520px!important;
    margin:0!important;
    padding:15px!important;
    overflow:auto!important;
    color:#b9d8ef!important;
    background:#07101a!important;
    font:650 8px/1.58 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;
    white-space:pre!important;
    tab-size:2!important;
}
html body .smmo-site .smmo-release-preview-note{
    margin-top:10px!important;
    padding:10px 11px!important;
    border:1px solid rgba(255,208,120,.13)!important;
    border-radius:10px!important;
    background:rgba(255,208,120,.035)!important;
    color:#9b8c70!important;
    font-size:8px!important;
    line-height:1.5!important;
}

html body .smmo-site .smmo-release-validation{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:14px!important;
}
html body .smmo-site .smmo-release-validation>div{
    display:grid!important;
    gap:3px!important;
    padding:10px 11px!important;
    border:1px solid rgba(188,211,255,.09)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.016)!important;
}
html body .smmo-site .smmo-release-validation span{color:#6f8096!important;font-size:7px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:900!important}
html body .smmo-site .smmo-release-validation b{color:#b9c8d9!important;font-size:8px!important;line-height:1.35!important}
html body .smmo-site .smmo-release-validation>div.is-good{border-color:rgba(94,232,169,.16)!important;background:rgba(94,232,169,.025)!important}
html body .smmo-site .smmo-release-validation>div.is-good b{color:#9debc1!important}
html body .smmo-site .smmo-release-validation>div.is-warn{border-color:rgba(255,208,120,.18)!important;background:rgba(255,208,120,.025)!important}
html body .smmo-site .smmo-release-validation>div.is-warn b{color:#e6c58a!important}

html body .smmo-site .smmo-release-refresh-helper{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:12px!important;
    align-items:start!important;
    margin-top:14px!important;
    padding:13px 14px!important;
    border:1px solid rgba(95,202,255,.15)!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,rgba(95,202,255,.045),rgba(167,136,255,.03))!important;
}
html body .smmo-site .smmo-release-refresh-helper>i{
    display:grid!important;
    place-items:center!important;
    width:34px!important;height:34px!important;
    border:1px solid rgba(95,202,255,.20)!important;
    border-radius:10px!important;
    background:rgba(95,202,255,.055)!important;
    color:#8edaff!important;
    font-style:normal!important;
    font-size:17px!important;
}
html body .smmo-site .smmo-release-refresh-helper b{display:block!important;color:#e9f5ff!important;font-size:10px!important}
html body .smmo-site .smmo-release-refresh-helper p{margin:4px 0 0!important;color:#7e91a8!important;font-size:8.5px!important;line-height:1.55!important}
html body .smmo-site .smmo-release-publish-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    flex-wrap:wrap!important;
    padding:15px!important;
    border:1px solid rgba(255,113,189,.16)!important;
    border-radius:15px!important;
    background:
        radial-gradient(circle at 0 50%,rgba(255,113,189,.06),transparent 20rem),
        rgba(255,255,255,.018)!important;
}
html body .smmo-site .smmo-release-publish-row__copy{display:grid!important;gap:3px!important;min-width:0!important;flex:1 1 380px!important}
html body .smmo-site .smmo-release-publish-row__copy b{color:#ffe0ef!important;font-size:11px!important}
html body .smmo-site .smmo-release-publish-row__copy span{color:#8d8091!important;font-size:8.5px!important;line-height:1.5!important}
html body .smmo-site .smmo-change-release__manifest-detail{
    color:#aebed2!important;
    font-size:10px!important;
    line-height:1.65!important;
}
html body .smmo-site .smmo-change-release__manifest-detail h2,html body .smmo-site .smmo-change-release__manifest-detail h3{
    margin:12px 0 7px!important;
    color:#eef3ff!important;
    font-size:13px!important;
}
html body .smmo-site .smmo-change-release__manifest-detail p{margin:0 0 8px!important;color:#9fb0c5!important;font-size:10px!important;line-height:1.65!important}
html body .smmo-site .smmo-change-release__manifest-detail ul,html body .smmo-site .smmo-change-release__manifest-detail ol{margin:7px 0 9px 18px!important;padding:0!important}
html body .smmo-site .smmo-change-release__manifest-detail li{margin-bottom:5px!important;color:#9fb0c5!important}
html body .smmo-site .smmo-change-release__manifest-detail a{color:#b8a5ff!important}

html body .smmo-site .smmo-release-publish-row .smmo-button{
    min-width:250px!important;
    min-height:48px!important;
    border-color:rgba(255,126,200,.26)!important;
    background:linear-gradient(135deg,#8968ff,#bf61e6 58%,#ee68ad)!important;
    box-shadow:0 12px 34px rgba(151,84,223,.22),0 0 30px rgba(239,104,173,.08)!important;
}

@media (max-width:1180px){
    html body .smmo-site .smmo-release-console-status{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    html body .smmo-site .smmo-release-form__grid.smmo-release-form__grid--identity{grid-template-columns:repeat(3,minmax(0,1fr))!important}
    html body .smmo-site .smmo-release-form__grid.smmo-release-form__grid--identity>label:nth-child(2){grid-column:span 2!important}
    html body .smmo-site .smmo-release-preview-grid{grid-template-columns:1fr!important}
    html body .smmo-site .smmo-release-validation{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:820px){
    html body .smmo-site .smmo-release-console-head{grid-template-columns:1fr!important}
    html body .smmo-site .smmo-release-console-head__actions{justify-content:flex-start!important}
    html body .smmo-site .smmo-release-console-status{grid-template-columns:1fr!important}
    html body .smmo-site .smmo-release-form__grid.smmo-release-form__grid--identity{grid-template-columns:1fr 1fr!important}
    html body .smmo-site .smmo-release-form__grid.smmo-release-form__grid--identity>label:nth-child(2){grid-column:1/-1!important}
    html body .smmo-site .smmo-release-form__short{grid-template-columns:1fr!important}
    html body .smmo-site .smmo-release-editors{grid-template-columns:1fr!important}
    html body .smmo-site .smmo-release-editor.is-wide{grid-column:auto!important}
    html body .smmo-site .smmo-release-assets-grid{grid-template-columns:1fr!important}
}
@media (max-width:560px){
    html body .smmo-site .smmo-release-console-head,html body .smmo-site .smmo-release-panel{padding:16px!important;border-radius:16px!important}
    html body .smmo-site .smmo-release-form__grid.smmo-release-form__grid--identity{grid-template-columns:1fr!important}
    html body .smmo-site .smmo-release-form__grid.smmo-release-form__grid--identity>label:nth-child(2){grid-column:auto!important}
    html body .smmo-site .smmo-release-validation{grid-template-columns:1fr!important}
    html body .smmo-site .smmo-release-publish-row{align-items:stretch!important;flex-direction:column!important}
    html body .smmo-site .smmo-release-publish-row .smmo-button{width:100%!important;min-width:0!important}
    html body .smmo-site .smmo-wp-details-preview__title{grid-template-columns:48px minmax(0,1fr)!important;padding:12px!important}
    html body .smmo-site .smmo-wp-details-preview__icon{width:48px!important;height:48px!important;border-radius:10px!important}
    html body .smmo-site .smmo-wp-details-preview__banner{min-height:110px!important}
    html body .smmo-site .smmo-wp-details-preview__banner img,html body .smmo-site .smmo-wp-details-preview__banner span{min-height:110px!important}
}

html body .smmo-site .smmo-changelog__hero-actions .smmo-button--primary{
    border:1px solid rgba(151,124,255,.48)!important;
    background:
        radial-gradient(circle at 18% 15%,rgba(104,211,255,.18),transparent 34%),
        linear-gradient(135deg,#7f63ef 0%,#685fe2 52%,#566ed9 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 10px 24px rgba(82,76,210,.18),
        0 0 0 1px rgba(131,103,255,.04)!important;
    color:#fff!important;
    filter:none!important;
}

html body .smmo-site .smmo-changelog__hero-actions .smmo-button--primary:hover,html body .smmo-site .smmo-changelog__hero-actions .smmo-button--primary:focus-visible{
    border-color:rgba(174,149,255,.78)!important;
    background:
        radial-gradient(circle at 18% 15%,rgba(109,220,255,.24),transparent 35%),
        linear-gradient(135deg,#8b6df8 0%,#7266ec 52%,#6078e4 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 13px 30px rgba(87,78,222,.24),
        0 0 24px rgba(129,92,255,.20)!important;
    color:#fff!important;
    filter:none!important;
    transform:translateY(-1px)!important;
}

html body .smmo-site .smmo-changelog__toolbar{
    gap:14px!important;
    padding:9px 10px!important;
    border-radius:17px!important;
}

html body .smmo-site .smmo-changelog__view-switch{
    width:min(440px,100%)!important;
    gap:4px!important;
    padding:3px!important;
    border-radius:13px!important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))!important;
}

html body .smmo-site .smmo-changelog__view-switch button{
    position:relative;
    min-height:44px!important;
    gap:1px!important;
    padding:7px 13px!important;
    overflow:hidden;
    border-radius:10px!important;
}

html body .smmo-site .smmo-changelog__view-switch button span{
    font-size:10px!important;
    line-height:1.15!important;
}

html body .smmo-site .smmo-changelog__view-switch button small{
    font-size:6.5px!important;
}

html body .smmo-site .smmo-changelog__view-switch button.is-active{
    border-color:rgba(151,120,255,.45)!important;
    background:
        radial-gradient(circle at 18% 12%,rgba(91,205,255,.10),transparent 44%),
        linear-gradient(135deg,rgba(134,91,255,.20),rgba(67,154,255,.07))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 7px 18px rgba(0,0,0,.13),
        0 0 18px rgba(125,88,255,.08)!important;
}

html body .smmo-site .smmo-changelog__view-switch button.is-active::after{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    bottom:0;
    height:2px;
    border-radius:999px 999px 0 0;
    background:linear-gradient(90deg,#6dd4ff,#9578ff,#ff78c5);
    box-shadow:0 0 10px rgba(143,104,255,.38);
}

html body .smmo-site .smmo-changelog__filters{
    position:relative;
    display:flex!important;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:5px!important;
    margin:0 0 18px!important;
    padding:7px!important;
    overflow:visible!important;
    border:1px solid rgba(124,156,203,.15);
    border-radius:17px;
    background:
        radial-gradient(circle at 8% 50%,rgba(87,199,255,.045),transparent 18rem),
        radial-gradient(circle at 92% 50%,rgba(255,99,188,.035),transparent 18rem),
        linear-gradient(180deg,rgba(11,25,42,.78),rgba(8,19,33,.88));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 10px 28px rgba(0,0,0,.10);
}

html body .smmo-site .smmo-changelog__filters button{
    position:relative;
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-color:transparent!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#8799af!important;
    font-size:8px!important;
    font-weight:850!important;
    box-shadow:none!important;
    transform:none!important;
}

html body .smmo-site .smmo-changelog__filters button::before{
    content:"";
    width:5px;
    height:5px;
    margin-right:7px;
    flex:0 0 5px;
    display:inline-block;
    vertical-align:1px;
    border-radius:50%;
    background:#506174;
    box-shadow:none;
    transition:.16s ease;
}

html body .smmo-site .smmo-changelog__filters button:hover,html body .smmo-site .smmo-changelog__filters button:focus-visible{
    border-color:rgba(139,115,239,.18)!important;
    background:rgba(118,84,206,.075)!important;
    color:#dce5f5!important;
    box-shadow:none!important;
    outline:none!important;
}

html body .smmo-site .smmo-changelog__filters button:hover::before,html body .smmo-site .smmo-changelog__filters button:focus-visible::before{
    background:#8d7cff;
    box-shadow:0 0 9px rgba(141,124,255,.42);
}

html body .smmo-site .smmo-changelog__filters button.is-active{
    border-color:rgba(157,127,255,.40)!important;
    background:
        radial-gradient(circle at 18% 25%,rgba(91,211,255,.11),transparent 44%),
        linear-gradient(135deg,rgba(133,91,255,.19),rgba(74,107,216,.08))!important;
    color:#f5f4ff!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 0 16px rgba(126,88,255,.075)!important;
}

html body .smmo-site .smmo-changelog__filters button.is-active::before{
    background:#b19cff;
    box-shadow:0 0 10px rgba(160,126,255,.62);
}

html body .smmo-site .smmo-changelog__history{
    gap:10px!important;
}

html body .smmo-site .smmo-changelog__history-head{
    padding:19px 22px!important;
    border-radius:17px!important;
}

html body .smmo-site .smmo-changelog__history-head h3{
    font-size:clamp(22px,2vw,32px)!important;
}

html body .smmo-site .smmo-changelog__release-list{
    position:relative;
    display:grid!important;
    gap:7px!important;
    max-height:560px;
    max-height:min(560px,62svh);
    padding:9px 8px 9px 9px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    scroll-padding-block:9px;
    border:1px solid rgba(126,158,205,.15);
    border-radius:18px;
    background:
        linear-gradient(180deg,rgba(7,17,29,.78),rgba(7,17,29,.92));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        inset 0 14px 24px rgba(0,0,0,.08),
        0 10px 30px rgba(0,0,0,.10);
    scrollbar-width:thin;
    scrollbar-color:rgba(143,112,255,.38) rgba(255,255,255,.025);
}

html body .smmo-site .smmo-changelog__release-list::-webkit-scrollbar{
    width:8px;
}

html body .smmo-site .smmo-changelog__release-list::-webkit-scrollbar-track{
    border-radius:999px;
    background:rgba(255,255,255,.025);
}

html body .smmo-site .smmo-changelog__release-list::-webkit-scrollbar-thumb{
    border:2px solid rgba(7,17,29,.92);
    border-radius:999px;
    background:linear-gradient(180deg,#7566d9,#587ed1);
}

html body .smmo-site .smmo-change-release{
    border-radius:14px!important;
}

html body .smmo-site .smmo-change-release summary{
    min-height:76px!important;
    padding:10px 13px!important;
}

html body .smmo-site .smmo-change-release__version{
    min-height:52px!important;
}

@media (max-width:760px){
    html body .smmo-site .smmo-changelog__hero-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px!important;
    }

    html body .smmo-site .smmo-changelog__hero-actions .smmo-button,html body .smmo-site .smmo-changelog__demo-link{
        width:100%!important;
        min-height:44px!important;
        justify-content:center!important;
        padding-inline:12px!important;
        text-align:center!important;
    }

    html body .smmo-site .smmo-changelog__demo-link{
        grid-column:1/-1;
    }

    html body .smmo-site .smmo-changelog__toolbar{
        gap:9px!important;
        margin-top:18px!important;
        padding:8px!important;
        border-radius:15px!important;
    }

    html body .smmo-site .smmo-changelog__view-switch{
        width:100%!important;
    }

    html body .smmo-site .smmo-changelog__filters{
        justify-content:flex-start!important;
        flex-wrap:nowrap!important;
        gap:5px!important;
        margin-left:-2px!important;
        margin-right:-2px!important;
        padding:6px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        overscroll-behavior-x:contain;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    html body .smmo-site .smmo-changelog__filters::-webkit-scrollbar{
        display:none;
    }

    html body .smmo-site .smmo-changelog__filters button{
        scroll-snap-align:start;
        min-height:36px!important;
        padding:0 11px!important;
    }

    html body .smmo-site .smmo-changelog__history-head{
        gap:10px!important;
        padding:17px!important;
    }

    html body .smmo-site .smmo-changelog__history-head h3{
        font-size:23px!important;
        line-height:1.05!important;
    }

    html body .smmo-site .smmo-changelog__release-list{
        max-height:500px;
        max-height:min(500px,58svh);
        padding:7px!important;
        border-radius:15px;
    }

    html body .smmo-site .smmo-change-release summary{
        min-height:70px!important;
    }
}

@media (max-width:520px){
    html body .smmo-site .smmo-changelog__hero-actions{
        grid-template-columns:1fr!important;
    }

    html body .smmo-site .smmo-changelog__demo-link{
        grid-column:auto;
    }

    html body .smmo-site .smmo-changelog__view-switch button{
        min-height:42px!important;
        padding:6px 10px!important;
    }

    html body .smmo-site .smmo-changelog__count{
        font-size:8px!important;
    }

    html body .smmo-site .smmo-changelog__filters{
        border-radius:14px;
    }

    html body .smmo-site .smmo-changelog__filters button{
        min-height:34px!important;
        padding:0 10px!important;
        font-size:7.7px!important;
    }

    html body .smmo-site .smmo-changelog__release-list{
        max-height:440px;
        max-height:min(440px,55svh);
    }

    html body .smmo-site .smmo-changelog__history-head{
        padding:14px!important;
    }

    html body .smmo-site .smmo-changelog__history-head>p{
        font-size:9px!important;
    }
}

@media (prefers-reduced-motion:reduce){
    html body .smmo-site .smmo-changelog__filters button::before{
        transition:none!important;
    }
}

html body .smmo-site .smmo-changelog__view-switch button.is-active::after{
    content:none!important;
    display:none!important;
}

html body .smmo-site .smmo-changelog__view-switch button.is-active{
    border:1px solid transparent!important;
    background:
        radial-gradient(circle at 18% 12%,rgba(91,205,255,.10),transparent 44%) padding-box,
        linear-gradient(135deg,rgba(134,91,255,.20),rgba(67,154,255,.07)) padding-box,
        linear-gradient(90deg,#67d7ff 0%,#8d78ff 48%,#f779c5 100%) border-box!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 7px 18px rgba(0,0,0,.13),
        0 0 18px rgba(125,88,255,.08)!important;
}

html body .smmo-site .smmo-changelog__release-list{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    max-height:min(520px,60svh)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
}

html body .smmo-site .smmo-changelog__release-list>.smmo-change-release{
    flex:0 0 auto!important;
    width:100%!important;
    min-height:0!important;
}

html body .smmo-site .smmo-changelog__release-list>.smmo-change-release[hidden]{
    display:none!important;
}

html body .smmo-site .smmo-changelog__release-list>.smmo-change-release summary{
    min-height:76px!important;
    height:auto!important;
    flex:none!important;
}

html body .smmo-site .smmo-changelog__release-list>.smmo-change-release[open]{
    flex:0 0 auto!important;
}

@media (max-width:760px){
    html body .smmo-site .smmo-changelog__release-list{
        max-height:min(440px,54svh)!important;
    }
}

@media (max-width:520px){
    html body .smmo-site .smmo-changelog__release-list{
        max-height:min(390px,50svh)!important;
    }
}

html body .smmo-site .smmo-release-panel--exchange{
    position:relative;
    overflow:hidden;
    border-color:rgba(111,201,255,.20)!important;
    background:
        radial-gradient(circle at 3% 0,rgba(82,206,255,.075),transparent 25rem),
        radial-gradient(circle at 96% 100%,rgba(244,104,198,.065),transparent 24rem),
        linear-gradient(145deg,rgba(14,29,48,.96),rgba(10,20,35,.985))!important;
}

html body .smmo-site .smmo-release-panel--exchange::before{
    content:"";
    position:absolute;
    left:8%;
    right:8%;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,#61d4ff,#9179ff,#f47ac5,transparent);
    opacity:.58;
    pointer-events:none;
}

html body .smmo-site .smmo-release-exchange-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

html body .smmo-site .smmo-release-exchange-card{
    position:relative;
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:14px;
    align-items:start;
    min-width:0;
    padding:16px;
    border:1px solid rgba(137,168,216,.15);
    border-radius:17px;
    background:
        linear-gradient(145deg,rgba(18,35,56,.82),rgba(8,18,31,.88));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 12px 28px rgba(0,0,0,.10);
}

html body .smmo-site .smmo-release-exchange-card--export{
    border-color:rgba(95,207,255,.19);
}

html body .smmo-site .smmo-release-exchange-card--import{
    border-color:rgba(159,119,255,.21);
}

html body .smmo-site .smmo-release-exchange-card__icon{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    border:1px solid rgba(116,205,255,.24);
    border-radius:15px;
    background:
        radial-gradient(circle at 35% 25%,rgba(115,220,255,.16),transparent 34%),
        rgba(84,173,255,.055);
    box-shadow:0 0 20px rgba(73,192,255,.07);
    color:#8edfff;
    font-size:23px;
    line-height:1;
}

html body .smmo-site .smmo-release-exchange-card--import .smmo-release-exchange-card__icon{
    border-color:rgba(171,138,255,.28);
    background:
        radial-gradient(circle at 35% 25%,rgba(181,146,255,.17),transparent 34%),
        rgba(126,88,255,.06);
    color:#bca7ff;
    box-shadow:0 0 20px rgba(130,87,255,.08);
}

html body .smmo-site .smmo-release-exchange-card__copy{
    display:grid;
    gap:5px;
    min-width:0;
}

html body .smmo-site .smmo-release-exchange-card__copy small{
    color:#62cfee!important;
    font-size:7px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.10em!important;
}

html body .smmo-site .smmo-release-exchange-card--import .smmo-release-exchange-card__copy small{
    color:#9c88ef!important;
}

html body .smmo-site .smmo-release-exchange-card__copy b{
    color:#edf4ff!important;
    font-size:12px!important;
    font-weight:880!important;
    line-height:1.25!important;
}

html body .smmo-site .smmo-release-exchange-card__copy p{
    margin:0!important;
    color:#8699b0!important;
    font-size:9px!important;
    line-height:1.58!important;
}

html body .smmo-site .smmo-release-exchange-action{
    appearance:none;
    -webkit-appearance:none;
    grid-column:1/-1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    width:100%;
    min-height:42px;
    margin:0;
    padding:0 13px;
    border:1px solid rgba(100,203,255,.23);
    border-radius:11px;
    background:
        linear-gradient(135deg,rgba(66,181,255,.11),rgba(95,92,222,.07));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    color:#d9f2ff;
    font-size:9px;
    font-weight:850;
    cursor:pointer;
    transition:.16s ease;
}

html body .smmo-site .smmo-release-exchange-card--import .smmo-release-exchange-action{
    border-color:rgba(157,122,255,.24);
    background:
        linear-gradient(135deg,rgba(134,91,255,.12),rgba(68,159,255,.055));
    color:#e3ddff;
}

html body .smmo-site .smmo-release-exchange-action i{
    display:grid;
    place-items:center;
    min-width:32px;
    min-height:22px;
    padding:0 6px;
    border-radius:7px;
    background:rgba(255,255,255,.045);
    color:#87dfff;
    font-size:7px;
    font-style:normal;
    font-weight:900;
    letter-spacing:.05em;
}

html body .smmo-site .smmo-release-exchange-card--import .smmo-release-exchange-action i{
    color:#b9a7ff;
}

html body .smmo-site .smmo-release-exchange-action:hover,html body .smmo-site .smmo-release-exchange-action:focus-visible{
    transform:translateY(-1px);
    border-color:rgba(143,126,255,.46);
    box-shadow:0 9px 22px rgba(0,0,0,.13),0 0 18px rgba(117,90,255,.07);
    color:#fff;
    outline:none;
}

html body .smmo-site .smmo-release-exchange-action:disabled{
    opacity:.38;
    transform:none!important;
    cursor:not-allowed;
}

html body .smmo-site .smmo-release-import-controls{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(155px,.46fr);
    gap:8px;
}

html body .smmo-site .smmo-release-import-file{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
}

html body .smmo-site .smmo-release-import-picker{
    display:grid!important;
    gap:2px!important;
    align-content:center!important;
    min-width:0!important;
    min-height:42px!important;
    margin:0!important;
    padding:7px 12px!important;
    border:1px dashed rgba(148,123,255,.28)!important;
    border-radius:11px!important;
    background:rgba(132,91,255,.035)!important;
    cursor:pointer!important;
}

html body .smmo-site .smmo-release-import-picker:hover{
    border-color:rgba(164,139,255,.48)!important;
    background:rgba(132,91,255,.07)!important;
}

html body .smmo-site .smmo-release-import-picker>span{
    color:#d9d2ff!important;
    font-size:8.5px!important;
    font-weight:850!important;
}

html body .smmo-site .smmo-release-import-picker>small{
    min-width:0;
    overflow:hidden;
    color:#72869f!important;
    font-size:7px!important;
    font-weight:650!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}

html body .smmo-site .smmo-release-import-controls .smmo-release-exchange-action{
    grid-column:auto;
}

html body .smmo-site .smmo-release-exchange-status{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:12px;
    padding:11px 12px;
    border:1px solid rgba(105,181,226,.14);
    border-radius:13px;
    background:rgba(69,153,211,.035);
}

html body .smmo-site .smmo-release-exchange-status>i{
    flex:0 0 8px;
    width:8px;
    height:8px;
    margin-top:4px;
    border-radius:50%;
    background:#6f879f;
    box-shadow:0 0 10px rgba(110,135,160,.28);
}

html body .smmo-site .smmo-release-exchange-status>div{
    display:grid;
    gap:2px;
}

html body .smmo-site .smmo-release-exchange-status b{
    color:#dbe8f6!important;
    font-size:9px!important;
    font-weight:850!important;
}

html body .smmo-site .smmo-release-exchange-status span{
    color:#7f91a8!important;
    font-size:8px!important;
    line-height:1.5!important;
}

html body .smmo-site .smmo-release-exchange-status[data-tone="ready"]{
    border-color:rgba(145,115,255,.22);
    background:rgba(130,89,255,.045);
}

html body .smmo-site .smmo-release-exchange-status[data-tone="ready"]>i{
    background:#a088ff;
    box-shadow:0 0 12px rgba(160,136,255,.48);
}

html body .smmo-site .smmo-release-exchange-status[data-tone="success"]{
    border-color:rgba(84,207,184,.20);
    background:rgba(63,190,169,.045);
}

html body .smmo-site .smmo-release-exchange-status[data-tone="success"]>i{
    background:#58d5bd;
    box-shadow:0 0 12px rgba(88,213,189,.44);
}

html body .smmo-site .smmo-release-exchange-status[data-tone="error"]{
    border-color:rgba(255,111,148,.22);
    background:rgba(255,93,132,.045);
}

html body .smmo-site .smmo-release-exchange-status[data-tone="error"]>i{
    background:#ff7398;
    box-shadow:0 0 12px rgba(255,115,152,.42);
}

@media (max-width:900px){
    html body .smmo-site .smmo-release-exchange-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:600px){
    html body .smmo-site .smmo-release-exchange-card{
        grid-template-columns:44px minmax(0,1fr);
        gap:11px;
        padding:13px;
        border-radius:14px;
    }

    html body .smmo-site .smmo-release-exchange-card__icon{
        width:42px;
        height:42px;
        border-radius:12px;
        font-size:19px;
    }

    html body .smmo-site .smmo-release-import-controls{
        grid-template-columns:1fr;
    }

    html body .smmo-site .smmo-release-import-controls .smmo-release-exchange-action{
        grid-column:1;
    }

    html body .smmo-site .smmo-release-exchange-status{
        padding:10px;
    }
}

html body .smmo-site .smmo-changelog__view-switch button.is-active{
    border:1px solid transparent!important;
    background:
        radial-gradient(circle at 14% 20%,rgba(95,207,255,.075),transparent 40%) padding-box,
        radial-gradient(circle at 88% 82%,rgba(244,116,198,.055),transparent 42%) padding-box,
        linear-gradient(180deg,rgba(24,36,55,.985),rgba(16,27,44,.995)) padding-box,
        linear-gradient(90deg,#67d7ff 0%,#8d78ff 48%,#f779c5 100%) border-box!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 8px 20px rgba(0,0,0,.15),
        0 0 18px rgba(126,88,255,.095)!important;
    color:#fff!important;
}

html body .smmo-site .smmo-changelog__view-switch button.is-active:hover,html body .smmo-site .smmo-changelog__view-switch button.is-active:focus-visible{
    background:
        radial-gradient(circle at 14% 20%,rgba(95,207,255,.105),transparent 40%) padding-box,
        radial-gradient(circle at 88% 82%,rgba(244,116,198,.075),transparent 42%) padding-box,
        linear-gradient(180deg,rgba(29,42,64,.99),rgba(18,30,49,.998)) padding-box,
        linear-gradient(90deg,#72ddff 0%,#9a83ff 48%,#ff83cd 100%) border-box!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 10px 24px rgba(0,0,0,.18),
        0 0 22px rgba(126,88,255,.13)!important;
}

html body .smmo-site .smmo-changelog__view-switch button.is-active span{
    color:#f7f9ff!important;
    text-shadow:0 1px 1px rgba(0,0,0,.24)!important;
}

html body .smmo-site .smmo-changelog__view-switch button.is-active small{
    color:#b9c8dc!important;
    text-shadow:none!important;
}

html body .smmo-site .smmo-changelog__view-switch button:not(.is-active) span{
    color:#9eafc3!important;
}

html body .smmo-site .smmo-changelog__view-switch button:not(.is-active) small{
    color:#6f8299!important;
}

@media (max-width:520px){
    html body .smmo-site .smmo-changelog__view-switch button.is-active span{
        color:#fff!important;
    }

    html body .smmo-site .smmo-changelog__view-switch button.is-active small{
        color:#bfcee0!important;
    }
}

html body .smmo-site iframe[data-smmo-release-download-frame]{
    position:absolute!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    opacity:0!important;
    pointer-events:none!important;
}

html body .smmo-site button.smmo-release-import-picker{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    min-width:0!important;
    text-align:left!important;
    font-family:inherit!important;
    cursor:pointer!important;
}

html body .smmo-site button.smmo-release-import-picker::after{
    content:"Browse"!important;
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:25px!important;
    padding:0 9px!important;
    border:1px solid rgba(158,129,255,.20)!important;
    border-radius:7px!important;
    background:rgba(131,92,255,.08)!important;
    color:#bfaeff!important;
    font-size:7px!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
}

html body .smmo-site button.smmo-release-import-picker{
    position:relative!important;
    padding-right:72px!important;
}

html body .smmo-site button.smmo-release-import-picker:hover::after,html body .smmo-site button.smmo-release-import-picker:focus-visible::after{
    border-color:rgba(177,150,255,.42)!important;
    background:rgba(139,99,255,.14)!important;
    color:#fff!important;
}

html body .smmo-site button.smmo-release-import-picker:focus-visible{
    outline:2px solid rgba(151,122,255,.42)!important;
    outline-offset:2px!important;
}

@media (max-width:520px){
    html body .smmo-site button.smmo-release-import-picker{
        min-height:52px!important;
        padding-right:66px!important;
    }
}

html body .smmo-site .smmo-tour__controls{
    position:relative!important;
    isolation:isolate!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:max-content!important;
    max-width:calc(100% - 24px)!important;
    min-height:0!important;
    margin:0 auto 16px!important;
    padding:6px!important;
    border:1px solid rgba(135,165,207,.15)!important;
    border-radius:18px!important;
    background:
        radial-gradient(circle at 8% 50%,rgba(68,202,255,.055),transparent 36%),
        radial-gradient(circle at 92% 50%,rgba(246,102,190,.05),transparent 36%),
        linear-gradient(180deg,rgba(14,27,44,.88),rgba(8,18,31,.94))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 10px 28px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
}

html body .smmo-site .smmo-tour__controls::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    inset:-11px -16px!important;
    width:auto!important;
    height:auto!important;
    transform:none!important;
    border-radius:24px!important;
    background:
        radial-gradient(circle at 14% 50%,rgba(63,205,255,.12),transparent 26%),
        radial-gradient(circle at 86% 50%,rgba(255,92,187,.12),transparent 26%)!important;
    filter:blur(16px)!important;
    opacity:.72!important;
    pointer-events:none!important;
}

html body .smmo-site .smmo-tour__controls::after{
    content:none!important;
    display:none!important;
}

html body .smmo-site .smmo-tour__arrow,html body .smmo-site .smmo-tour__counter{
    position:relative!important;
    overflow:hidden!important;
    flex:0 0 auto!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    border:1px solid rgba(139,168,209,.17)!important;
    border-radius:13px!important;
    background:
        linear-gradient(180deg,rgba(24,38,58,.96),rgba(12,23,38,.98))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 7px 17px rgba(0,0,0,.13)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

html body .smmo-site .smmo-tour__arrow::before,html body .smmo-site .smmo-tour__counter::before{
    content:""!important;
    position:absolute!important;
    inset:1px!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%)!important;
    pointer-events:none!important;
}

html body .smmo-site .smmo-tour__arrow::after{
    content:""!important;
    position:absolute!important;
    left:18%!important;
    right:18%!important;
    bottom:-8px!important;
    height:18px!important;
    border-radius:999px!important;
    filter:blur(10px)!important;
    opacity:.75!important;
    pointer-events:none!important;
}

html body .smmo-site .smmo-tour__arrow:first-child::after{
    background:radial-gradient(circle at 50% 50%,rgba(66,205,255,.45),transparent 68%)!important;
}

html body .smmo-site .smmo-tour__arrow:last-child::after{
    background:radial-gradient(circle at 50% 50%,rgba(255,94,190,.45),transparent 68%)!important;
}

html body .smmo-site .smmo-tour__arrow{
    width:68px!important;
    min-width:68px!important;
    padding:0!important;
    color:#eef5ff!important;
    font-size:25px!important;
    font-weight:600!important;
    line-height:1!important;
    letter-spacing:0!important;
    cursor:pointer!important;
    transition:
        transform .16s ease,
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease!important;
}

html body .smmo-site .smmo-tour__arrow:first-child{
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 7px 17px rgba(0,0,0,.13),
        -4px 0 14px rgba(59,201,255,.07)!important;
}

html body .smmo-site .smmo-tour__arrow:last-child{
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 7px 17px rgba(0,0,0,.13),
        4px 0 14px rgba(255,91,188,.07)!important;
}

html body .smmo-site .smmo-tour__arrow:hover,html body .smmo-site .smmo-tour__arrow:focus-visible{
    transform:translateY(-1px)!important;
    border-color:rgba(166,137,255,.38)!important;
    background:
        linear-gradient(180deg,rgba(30,46,68,.99),rgba(15,27,44,.995))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 9px 20px rgba(0,0,0,.15),
        0 0 16px rgba(127,91,255,.10)!important;
    outline:none!important;
}

html body .smmo-site .smmo-tour__arrow:active{
    transform:translateY(0) scale(.97)!important;
}

html body .smmo-site .smmo-tour__counter{
    min-width:94px!important;
    width:auto!important;
    padding:0 18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
}

html body .smmo-site .smmo-tour__counter::after{
    content:""!important;
    position:absolute!important;
    left:20%!important;
    right:20%!important;
    bottom:-8px!important;
    height:16px!important;
    border-radius:999px!important;
    background:radial-gradient(circle at 50% 50%,rgba(128,102,255,.32),transparent 68%)!important;
    filter:blur(10px)!important;
    opacity:.55!important;
    pointer-events:none!important;
}

html body .smmo-site .smmo-tour__counter strong,html body .smmo-site .smmo-tour__counter span{
    position:relative!important;
    z-index:2!important;
    line-height:1!important;
}

html body .smmo-site .smmo-tour__counter strong{
    font-size:22px!important;
    font-weight:850!important;
    letter-spacing:-.035em!important;
    color:#fff!important;
    text-shadow:none!important;
}

html body .smmo-site .smmo-tour__counter span{
    margin:0!important;
    font-size:14px!important;
    font-weight:750!important;
    color:#8497af!important;
}

html body .smmo-site .smmo-tour__counter strong::after{
    content:none!important;
    display:none!important;
}

html body .smmo-site .smmo-tour__slider{
    scroll-margin-top:14px!important;
}

@media (max-width:900px){
    html body .smmo-site .smmo-tour__controls{
        gap:6px!important;
        margin-bottom:14px!important;
        padding:5px!important;
        border-radius:16px!important;
    }

    html body .smmo-site .smmo-tour__arrow,html body .smmo-site .smmo-tour__counter{
        height:44px!important;
        min-height:44px!important;
        border-radius:12px!important;
    }

    html body .smmo-site .smmo-tour__arrow{
        width:62px!important;
        min-width:62px!important;
        font-size:23px!important;
    }

    html body .smmo-site .smmo-tour__counter{
        min-width:88px!important;
        padding:0 15px!important;
    }

    html body .smmo-site .smmo-tour__counter strong{
        font-size:21px!important;
    }

    html body .smmo-site .smmo-tour__counter span{
        font-size:13px!important;
    }
}

@media (max-width:600px){
    html body .smmo-site .smmo-tour__controls{
        width:min(264px,calc(100% - 24px))!important;
        max-width:none!important;
        gap:5px!important;
        margin-bottom:12px!important;
        padding:5px!important;
        border-radius:15px!important;
    }

    html body .smmo-site .smmo-tour__controls::before{
        inset:-8px -10px!important;
        filter:blur(13px)!important;
        opacity:.62!important;
    }

    html body .smmo-site .smmo-tour__arrow,html body .smmo-site .smmo-tour__counter{
        height:42px!important;
        min-height:42px!important;
        border-radius:11px!important;
    }

    html body .smmo-site .smmo-tour__arrow{
        flex:1 1 0!important;
        width:auto!important;
        min-width:0!important;
        font-size:22px!important;
    }

    html body .smmo-site .smmo-tour__counter{
        flex:1.08 1 0!important;
        min-width:84px!important;
        padding:0 12px!important;
    }

    html body .smmo-site .smmo-tour__counter strong{
        font-size:20px!important;
    }

    html body .smmo-site .smmo-tour__counter span{
        font-size:12px!important;
    }
}

@media (max-width:380px){
    html body .smmo-site .smmo-tour__controls{
        width:calc(100% - 20px)!important;
    }

    html body .smmo-site .smmo-tour__arrow,html body .smmo-site .smmo-tour__counter{
        height:40px!important;
        min-height:40px!important;
    }
}

@media (prefers-reduced-motion:reduce){
    html body .smmo-site .smmo-tour__arrow{
        transition:none!important;
    }
}

html body .smmo-site .smmo-wp-details-preview{
    scroll-margin-top:132px!important;
}

html body .smmo-site .smmo-wp-details-preview.is-import-confirmed{
    animation:smmoReleaseImportConfirmed 1.15s ease both!important;
}

@keyframes smmoReleaseImportConfirmed{
    0%{
        border-color:rgba(105,209,255,.18);
        box-shadow:0 0 0 0 rgba(105,209,255,0),0 18px 42px rgba(0,0,0,.18);
    }
    28%{
        border-color:rgba(173,126,255,.72);
        box-shadow:
            0 0 0 3px rgba(122,102,255,.10),
            0 0 38px rgba(106,205,255,.14),
            0 0 52px rgba(240,103,193,.09),
            0 18px 42px rgba(0,0,0,.22);
    }
    100%{
        border-color:rgba(166,189,225,.16);
        box-shadow:0 18px 42px rgba(0,0,0,.18);
    }
}

html body .smmo-site .smmo-release-exchange-action.is-imported{
    border-color:rgba(92,212,191,.40)!important;
    background:linear-gradient(135deg,rgba(68,190,171,.13),rgba(101,107,224,.06))!important;
    color:#d9fff5!important;
}

html body .smmo-site .smmo-release-exchange-action.is-imported i{
    color:#7fe6d0!important;
}

html body .smmo-site .smmo-changelog__toolbar{
    top:116px!important;
    z-index:24!important;
}

html body.admin-bar .smmo-site .smmo-changelog__toolbar{
    top:148px!important;
}

html body #headerwrap.fixed-header,html body.fixed-header-on #headerwrap,html body.header-on-scroll #headerwrap{
    z-index:900000!important;
    isolation:isolate!important;
    background:
        radial-gradient(circle at 10% 0,rgba(48,185,255,.055),transparent 22rem),
        radial-gradient(circle at 90% 0,rgba(212,82,190,.045),transparent 22rem),
        rgba(2,8,15,.97)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:
        0 1px 0 rgba(108,143,211,.18),
        0 14px 30px rgba(0,0,0,.22)!important;
}

html body .smmo-site{
    isolation:isolate;
}

html body .smmo-site.smmo-changelog,html body .smmo-site.smmo-admin-console,html body .smmo-site.smmo-tour{
    position:relative!important;
    z-index:0!important;
}

html body #smmo-whats-new,html body .smmo-site.smmo-admin-console,html body .smmo-site.smmo-tour{
    scroll-margin-top:126px!important;
}

@media (max-width:900px){
    html body .smmo-site .smmo-changelog__toolbar{
        top:94px!important;
    }

    html body.admin-bar .smmo-site .smmo-changelog__toolbar{
        top:126px!important;
    }

    html body #smmo-whats-new,html body .smmo-site.smmo-admin-console,html body .smmo-site.smmo-tour,html body .smmo-site .smmo-wp-details-preview{
        scroll-margin-top:104px!important;
    }
}

@media (max-width:760px){
     
    html body .smmo-site .smmo-changelog__toolbar{
        position:relative!important;
        top:auto!important;
        z-index:1!important;
    }

    html body.admin-bar .smmo-site .smmo-changelog__toolbar{
        top:auto!important;
    }

    html body #smmo-whats-new,html body .smmo-site.smmo-admin-console,html body .smmo-site.smmo-tour,html body .smmo-site .smmo-wp-details-preview{
        scroll-margin-top:82px!important;
    }
}

@media (prefers-reduced-motion:reduce){
    html body .smmo-site .smmo-wp-details-preview.is-import-confirmed{
        animation:none!important;
        border-color:rgba(173,126,255,.55)!important;
        box-shadow:0 0 0 2px rgba(122,102,255,.08),0 18px 42px rgba(0,0,0,.18)!important;
    }
}

html body .smmo-site .smmo-release-native-upload{
    display:grid;
    gap:6px;
    min-width:0;
}

html body .smmo-site .smmo-release-import-native-file{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:52px!important;
    margin:0!important;
    padding:7px!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:normal!important;
    border:1px dashed rgba(151,124,255,.34)!important;
    border-radius:12px!important;
    background:
        linear-gradient(135deg,rgba(130,91,255,.065),rgba(64,170,255,.035))!important;
    color:#aabbd0!important;
    font:inherit!important;
    font-size:8px!important;
    cursor:pointer!important;
}

html body .smmo-site .smmo-release-import-native-file::file-selector-button{
    min-height:36px;
    margin:0 10px 0 0;
    padding:0 12px;
    border:1px solid rgba(158,129,255,.30);
    border-radius:9px;
    background:
        linear-gradient(135deg,rgba(132,91,255,.17),rgba(67,155,255,.08));
    color:#efeaff;
    font:inherit;
    font-size:8.5px;
    font-weight:850;
    cursor:pointer;
}

html body .smmo-site .smmo-release-import-native-file::-webkit-file-upload-button{
    min-height:36px;
    margin:0 10px 0 0;
    padding:0 12px;
    border:1px solid rgba(158,129,255,.30);
    border-radius:9px;
    background:
        linear-gradient(135deg,rgba(132,91,255,.17),rgba(67,155,255,.08));
    color:#efeaff;
    font:inherit;
    font-size:8.5px;
    font-weight:850;
    cursor:pointer;
}

html body .smmo-site .smmo-release-native-upload>small{
    color:#70849c!important;
    font-size:7px!important;
    line-height:1.45!important;
}

html body .smmo-site .smmo-admin-success--imported{
    border-color:rgba(160,126,255,.30)!important;
    background:
        radial-gradient(circle at 3% 50%,rgba(84,207,255,.08),transparent 24rem),
        linear-gradient(135deg,rgba(121,87,224,.09),rgba(18,41,62,.70))!important;
    color:#dbe9f8!important;
}

html body .smmo-site .smmo-admin-success--imported strong{
    color:#c6b4ff!important;
}

@media (max-width:600px){
    html body .smmo-site .smmo-release-import-native-file{
        min-height:58px!important;
        font-size:7.5px!important;
    }

    html body .smmo-site .smmo-release-import-native-file::file-selector-button,html body .smmo-site .smmo-release-import-native-file::-webkit-file-upload-button{
        min-height:38px;
        margin-right:7px;
        padding:0 10px;
        font-size:8px;
    }
}

html body .smmo-site .smmo-wp-details-preview__tabs a{
    all:unset!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    padding:11px 9px 9px!important;
    border-bottom:3px solid transparent!important;
    color:#50575e!important;
    font-size:8px!important;
    font-weight:700!important;
    cursor:pointer!important;
}

html body .smmo-site .smmo-wp-details-preview__tabs a.is-active{
    border-bottom-color:#2271b1!important;
    color:#135e96!important;
}

html body .smmo-site .smmo-wp-details-preview__tabs a:focus-visible{
    outline:2px solid #72aee6!important;
    outline-offset:-2px!important;
}

html body .smmo-site .smmo-wp-details-preview.is-server-import-preview{
    border-color:rgba(159,126,255,.32)!important;
    box-shadow:
        0 0 0 1px rgba(96,205,255,.035),
        0 0 28px rgba(126,90,255,.075),
        0 18px 42px rgba(0,0,0,.18)!important;
}

html body .smmo-site .smmo-manifest-preview pre[data-smmo-manifest-json]{
    min-height:260px!important;
    max-height:520px!important;
    overflow:auto!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
}

html body .smmo-site .smmo-wp-details-preview__body img{
    border:1px solid #dcdcde!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(0,0,0,.06)!important;
}

@media (max-width:760px){
    html body .smmo-site .smmo-wp-details-preview__tabs{
        overflow-x:auto!important;
        overflow-y:hidden!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
    }

    html body .smmo-site .smmo-wp-details-preview__tabs::-webkit-scrollbar{
        display:none!important;
    }

    html body .smmo-site .smmo-wp-details-preview__tabs a{
        min-height:42px!important;
        display:flex!important;
        align-items:center!important;
    }

    html body .smmo-site .smmo-manifest-preview pre[data-smmo-manifest-json]{
        min-height:200px!important;
        max-height:360px!important;
    }
}