/* SMMP product page: control room */
.sm{--sm-ink:var(--jv-ink);--sm-mute:var(--jv-ink-mute);--sm-acc:var(--jv-navy);--sm-on:#fff;--sm-bg:var(--jv-canvas-soft);--sm-card:var(--jv-surface);--sm-line:var(--jv-border);--sm-soft:var(--jv-mint-soft);--sm-ok:var(--jv-success);--sm-con:#0e1838;--sm-conl:rgba(144,208,186,.22);background:var(--sm-bg);color:var(--sm-ink)}
html.dark .sm{--sm-acc:var(--jv-mint);--sm-on:var(--jv-navy-ink);--sm-ok:var(--jv-mint);--sm-soft:rgba(144,208,186,.1);--sm-con:#0a1226}
.sm *{box-sizing:border-box}
.sm h1,.sm h2,.sm h3,.sm h4{font-family:var(--jv-font-display);color:var(--sm-ink)}
.sm-kick{display:inline-flex;align-items:center;gap:8px;font:600 .78rem/1 var(--jv-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sm-acc)}
.sm-kick::before{content:"";width:22px;height:2px;background:currentColor}
.sm-sec{padding:84px 0}
.sm-head{max-width:760px;margin-bottom:40px}
.sm-head h2{margin:12px 0 0;font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.1;letter-spacing:-.025em}
.sm-head p{margin:14px 0 0;font-size:1.07rem;line-height:1.6;color:var(--sm-mute)}
.sm svg.sm-i,.sm .sm-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* hero (console) */
.sm-hero{position:relative;overflow:hidden;color:#e8eefc;padding:28px 0 70px;background:radial-gradient(900px 500px at 85% 20%,rgba(144,208,186,.16),transparent 62%),linear-gradient(180deg,var(--jv-navy-ink),var(--jv-navy-deep))}
.sm-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(144,208,186,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(144,208,186,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 90%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%)}
.sm-hero .jv-wrap{position:relative}
.sm-hero .jv-crumbs,.sm-hero .jv-crumbs a{color:#b3c0e3}
.sm-hero__g{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;margin-top:30px}
.sm-led{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--sm-conl);border-radius:99px;background:rgba(255,255,255,.06);font:600 .78rem var(--jv-font-mono);letter-spacing:.06em;color:var(--jv-mint)}
.sm-led i{width:8px;height:8px;border-radius:50%;background:var(--jv-mint);box-shadow:0 0 0 4px rgba(144,208,186,.25);animation:smblink 2s infinite}
@keyframes smblink{50%{opacity:.4}}
.sm-hero h1{margin:18px 0 0;color:#fff;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.03;letter-spacing:-.035em}
.sm-hero h1 em{display:block;font-style:normal;color:var(--jv-mint)}
.sm-hero__lead{margin:20px 0 0;max-width:540px;font-size:1.13rem;line-height:1.6;color:#b9c7ea}
.sm-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sm-ghost{display:inline-flex;align-items:center;padding:14px 26px;border:1.5px solid rgba(255,255,255,.28);border-radius:99px;font-weight:600;color:#fff}
.sm-ghost:hover{background:rgba(255,255,255,.1)}
.sm-hero__trust{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:8px;color:#c3d0f0;font-size:.95rem}
.sm-hero__trust li{display:flex;gap:8px;align-items:center}
.sm-hero__trust svg{width:18px;height:18px;fill:none;stroke:var(--jv-mint);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sm-hub{width:100%;height:auto;display:block}
.sm-hub text{font-family:var(--jv-font-body)}
.sm-flow{stroke-dasharray:6 8;animation:smflow 1.4s linear infinite}
@keyframes smflow{to{stroke-dashoffset:-28}}
/* stats */
.sm-stats{background:var(--sm-card);border-bottom:1px solid var(--sm-line)}
.sm-stats .jv-wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.sm-stats div{padding:26px 14px;text-align:center;border-left:1px solid var(--sm-line)}
.sm-stats div:first-child{border-left:0}
.sm-stats strong{display:block;font:700 2.2rem/1 var(--jv-font-display);color:var(--sm-acc)}
.sm-stats span{display:block;margin-top:6px;font-size:.9rem;color:var(--sm-mute)}
/* door */
.sm-door{display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:stretch}
.sm-pane{padding:28px;border-radius:20px;background:var(--sm-card);border:1px solid var(--sm-line)}
.sm-pane h3{margin:0 0 6px;font-size:1.3rem}
.sm-pane>p{margin:0 0 18px;color:var(--sm-mute);line-height:1.55}
.sm-pane--new{background:var(--sm-con);border-color:var(--sm-conl);color:#dbe6ff}
.sm-pane--new h3{color:#fff}.sm-pane--new>p{color:#b3c0e3}
.sm-apps{display:grid;gap:10px}
.sm-app{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;background:var(--sm-bg);border:1px solid var(--sm-line);font-weight:600;font-size:.93rem}
.sm-app code{padding:3px 9px;border-radius:6px;background:color-mix(in srgb,var(--jv-warning) 14%,transparent);color:var(--jv-warning);font:700 .72rem var(--jv-font-mono)}
.sm-pane--new .sm-app{background:rgba(255,255,255,.06);border-color:var(--sm-conl);color:#e8eefc}
.sm-pane--new .sm-app code{background:rgba(144,208,186,.15);color:var(--jv-mint)}
.sm-mid{display:grid;place-items:center;color:var(--sm-acc)}
.sm-mid svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sm-zero{margin-top:18px;font:700 .8rem var(--jv-font-mono);letter-spacing:.06em;color:var(--jv-mint)}
.sm-warnline{margin-top:18px;font:700 .8rem var(--jv-font-mono);letter-spacing:.06em;color:var(--jv-warning)}
/* trace */
.sm-trace{display:grid;grid-template-columns:.9fr 1.2fr;gap:30px;align-items:start}
.sm-tsteps{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.sm-tsteps button{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;width:100%;padding:14px 16px;border-radius:14px;border:1.5px solid var(--sm-line);background:var(--sm-card);color:inherit;text-align:left;cursor:pointer;font:inherit;transition:border-color .2s,transform .2s}
.sm-tsteps button:hover{border-color:var(--jv-mint-strong)}
.sm-tsteps button[aria-selected=true]{border-color:var(--sm-acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--sm-acc) 14%,transparent);transform:translateX(5px)}
.sm-tsteps i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--sm-soft);color:var(--sm-acc);font:700 .9rem var(--jv-font-mono);font-style:normal}
.sm-tsteps b{display:block;font-size:1rem}
.sm-tsteps small{display:block;margin-top:2px;color:var(--sm-mute);line-height:1.4}
.sm-term{position:sticky;top:90px;border-radius:18px;overflow:hidden;background:var(--sm-con);border:1px solid var(--sm-conl);box-shadow:0 30px 60px -34px rgba(14,24,56,.7)}
.sm-term__bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--sm-conl);color:#8fa3d8;font:600 .75rem var(--jv-font-mono)}
.sm-term__bar i{width:9px;height:9px;border-radius:50%;background:#2a3a73}
.sm-term__bar span{margin-left:auto}
.sm-term pre{margin:0;padding:22px;min-height:290px;font:500 .88rem/1.75 var(--jv-font-mono);color:#dbe6ff;white-space:pre-wrap;word-break:break-word}
.sm-term pre[hidden]{display:none}
.sm-term .k{color:#8fa3d8}.sm-term .g{color:var(--jv-mint)}.sm-term .w{color:#ffb067}
/* rooms */
.sm-rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sm-room{padding:22px;border-radius:18px;background:var(--sm-card);border:1px solid var(--sm-line);position:relative}
.sm-room::after{content:"";position:absolute;top:18px;right:18px;width:9px;height:9px;border-radius:50%;background:var(--sm-ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--sm-ok) 22%,transparent)}
.sm-room h3{margin:0 0 14px;font-size:1.15rem}
.sm-room dl{margin:0;display:grid;gap:10px}
.sm-room dt{font:700 .66rem var(--jv-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sm-mute)}
.sm-room dd{margin:2px 0 0;font-weight:600;font-size:.93rem}
.sm-room dd code{font:700 .85rem var(--jv-font-mono);color:var(--sm-acc)}
.sm-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;border:1.5px solid var(--sm-line);border-radius:18px;overflow:hidden;background:var(--sm-card)}
.sm-rules div{position:relative;padding:22px 24px}
.sm-rules div+div{border-left:1px solid var(--sm-line)}
.sm-rules small{font:700 .7rem var(--jv-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sm-acc)}
.sm-rules b{display:block;margin:6px 0;font-size:1.05rem}
.sm-rules p{margin:0;color:var(--sm-mute);line-height:1.5;font-size:.93rem}
.sm-rules div:not(:last-child)::after{content:"then";position:absolute;right:-17px;top:50%;z-index:1;padding:3px 8px;border-radius:99px;background:var(--sm-acc);color:var(--sm-on);font:700 .65rem var(--jv-font-mono);transform:translateY(-50%)}
/* guard */
.sm-guard{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center}
.sm-shot{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--sm-line);background:#fff;box-shadow:0 30px 60px -34px rgba(38,55,115,.5)}
.sm-shot svg{display:block;width:100%;height:auto}
.sm-checks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.sm-checks li{display:flex;gap:14px;padding:16px 18px;border-radius:14px;background:var(--sm-card);border:1px solid var(--sm-line)}
.sm-checks .sm-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:var(--sm-soft);color:var(--sm-acc)}
.sm-checks b{display:block;margin-bottom:3px}.sm-checks span{color:var(--sm-mute);font-size:.93rem;line-height:1.5}
/* screens */
.sm-dk{background:linear-gradient(180deg,var(--jv-navy-ink),var(--jv-navy-deep));color:#e8eefc}
.sm-dk h2,.sm-dk h3{color:#fff}.sm-dk .sm-head p{color:#b3c0e3}.sm-dk .sm-kick{color:var(--jv-mint)}
.sm-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.sm-tabs button{padding:10px 18px;border-radius:99px;border:1.5px solid var(--sm-conl);background:rgba(255,255,255,.05);color:#e8eefc;font-weight:600;cursor:pointer}
.sm-tabs button[aria-selected=true]{background:var(--jv-mint);border-color:var(--jv-mint);color:var(--jv-navy-ink)}
.sm-pan{display:grid;grid-template-columns:1fr 1.8fr;gap:28px;align-items:center}
.sm-pan[hidden]{display:none}
.sm-pan h3{margin:0 0 14px;font-size:1.45rem;line-height:1.2}
.sm-pan ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sm-pan li{display:flex;gap:10px;line-height:1.5;color:#c3d0f0}
.sm-pan li svg{width:18px;height:18px;fill:none;stroke:var(--jv-mint);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}
.sm-note{margin:18px 0 0;font-size:.85rem;color:#8fa3d8}
/* retire */
.sm-list{border-top:1px solid var(--sm-line)}
.sm-row{display:grid;grid-template-columns:60px 1fr 1.2fr;gap:24px;align-items:start;padding:22px 8px;border-bottom:1px solid var(--sm-line);transition:background .2s}
.sm-row:hover{background:var(--sm-soft)}
.sm-row>b{font:700 1rem var(--jv-font-mono);color:var(--sm-acc)}
.sm-row h3{margin:0 0 6px;font-size:1.1rem}.sm-row p{margin:0;color:var(--sm-mute);line-height:1.55;font-size:.95rem}
.sm-row .fix h3{color:var(--sm-ok)}
.sm-row .fix small{display:inline-block;margin-bottom:6px;padding:2px 9px;border-radius:99px;background:var(--sm-soft);color:var(--sm-acc);font:700 .66rem var(--jv-font-mono);letter-spacing:.1em;text-transform:uppercase}
/* specs */
.sm-spec{border:1.5px solid var(--sm-line);border-radius:18px;overflow:hidden;background:var(--sm-card)}
.sm-spec details{border-top:1px solid var(--sm-line)}
.sm-spec details:first-child{border-top:0}
.sm-spec summary{display:grid;grid-template-columns:46px 1fr auto;gap:16px;align-items:center;padding:18px 22px;cursor:pointer;list-style:none}
.sm-spec summary::-webkit-details-marker{display:none}
.sm-spec summary .sm-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--sm-soft);color:var(--sm-acc)}
.sm-spec summary b{display:block;font:700 1.08rem var(--jv-font-display)}
.sm-spec summary small{color:var(--sm-mute)}
.sm-spec summary::after{content:"+";font-size:1.4rem;color:var(--sm-acc)}
.sm-spec details[open] summary::after{content:"\2212"}
.sm-spec details[open] summary{background:var(--sm-soft)}
.sm-spec table{width:100%;border-collapse:collapse}
.sm-spec td{padding:14px 22px;border-top:1px dashed var(--sm-line);vertical-align:top;font-size:.93rem;line-height:1.5}
.sm-spec td:first-child{width:28%;font-weight:700;font-family:var(--jv-font-display)}
.sm-spec td:nth-child(2){width:24%;color:var(--sm-acc);font-weight:600}
.sm-spec td:last-child{color:var(--sm-mute)}
/* together */
.sm-tog{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center}
.sm-tog .sm-shot{background:#0f1b45;border-color:var(--sm-conl)}
.sm-tog h2{margin:12px 0 14px;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.1}
.sm-tog p{color:#c3d0f0;line-height:1.6}
.sm-tog ol{margin:18px 0 24px;padding:0;list-style:none;display:grid;gap:10px;counter-reset:s}
.sm-tog li{counter-increment:s;display:flex;gap:12px;color:#e8eefc;line-height:1.45}
.sm-tog li::before{content:counter(s);display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--jv-mint);color:var(--jv-navy-ink);font:700 .8rem var(--jv-font-mono)}
.sm-tog__b{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:1000px){
.sm-hero__g,.sm-trace,.sm-guard,.sm-pan,.sm-tog{grid-template-columns:1fr}
.sm-door{grid-template-columns:1fr}.sm-mid svg{transform:rotate(90deg)}
.sm-rooms{grid-template-columns:1fr 1fr}.sm-rules{grid-template-columns:1fr}.sm-rules div+div{border-left:0;border-top:1px solid var(--sm-line)}.sm-rules div::after{display:none}
.sm-term{position:static}
.sm-row{grid-template-columns:44px 1fr}.sm-row .fix{grid-column:2}
}
@media(max-width:640px){
.sm-sec{padding:60px 0}.sm-rooms{grid-template-columns:1fr}
.sm-stats .jv-wrap{grid-template-columns:1fr 1fr}.sm-stats div:nth-child(3){border-left:0}
.sm-spec summary{grid-template-columns:42px 1fr auto}.sm-spec td{display:block;width:100%!important;padding:6px 22px}.sm-spec tr{display:block;padding:10px 0;border-top:1px dashed var(--sm-line)}.sm-spec td{border:0}
}
@media(prefers-reduced-motion:reduce){.sm-flow,.sm-led i{animation:none}}
.sm-hero .jv-btn--primary,.sm-dk .jv-btn--primary{background:var(--jv-mint);border-color:var(--jv-mint);color:var(--jv-navy-ink)}
.sm-hero .jv-btn--primary:hover,.sm-dk .jv-btn--primary:hover{background:var(--jv-mint-strong)}
html.dark .sm-pane--new{border-color:var(--jv-mint-strong);box-shadow:0 0 0 1px rgba(144,208,186,.25)}

.sm-grow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 44px;padding:0;list-style:none;position:relative}
.sm-grow::before{content:"";position:absolute;left:5%;right:5%;top:19px;border-top:3px dashed color-mix(in srgb,var(--jv-warning) 55%,transparent)}
.sm-grow li{position:relative;padding:0 18px 0 0}
.sm-grow li span{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sm-card);border:2.5px solid var(--jv-warning);color:var(--jv-warning);font:700 .95rem var(--jv-font-mono)}
.sm-grow li:last-child span{background:var(--jv-warning);color:#fff}
.sm-grow b{display:block;margin:12px 0 4px;font:700 1.02rem var(--jv-font-display)}
.sm-grow small{display:block;color:var(--sm-mute);line-height:1.5;font-size:.9rem}
.sm-pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.sm-pc{display:grid;grid-template-columns:1fr 1fr;border-radius:18px;overflow:hidden;border:1px solid var(--sm-line);background:var(--sm-card)}
.sm-pc__b,.sm-pc__a{padding:22px}
.sm-pc__b{position:relative;background:color-mix(in srgb,var(--jv-warning) 6%,var(--sm-card))}
.sm-pc__a{background:var(--sm-soft);border-left:1px dashed var(--sm-line)}
.sm-pc__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--jv-warning) 15%,transparent);color:var(--jv-warning);margin-bottom:12px}
.sm-pc__ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.sm-pc small{display:flex;align-items:center;gap:6px;font:700 .66rem var(--jv-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--jv-warning)}
.sm-pc__a small{color:var(--sm-acc);margin-top:50px}
.sm-pc__a small svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3}
.sm-pc h3,.sm-pc h4{margin:6px 0 6px;font-size:1.05rem;line-height:1.25}
.sm-pc__a h4{color:var(--sm-ok)}
.sm-pc p{margin:0;font-size:.9rem;line-height:1.55;color:var(--sm-mute)}
.sm-pnote{margin:34px 0 0;text-align:center;color:var(--sm-mute)}
.sm-pnote b{margin-right:8px;font:700 1.8rem var(--jv-font-display);color:var(--sm-acc)}
@media(max-width:1000px){.sm-pgrid{grid-template-columns:1fr}.sm-grow{grid-template-columns:1fr 1fr;gap:26px}.sm-grow::before{display:none}}
@media(max-width:640px){.sm-grow{grid-template-columns:1fr}.sm-pc{grid-template-columns:1fr}.sm-pc__a{border-left:0;border-top:1px dashed var(--sm-line)}.sm-pc__a small{margin-top:0}}

.sm-plain{display:grid;gap:18px}
.sm-plain__row{display:grid;grid-template-columns:110px 1fr;gap:6px 22px;align-items:center;padding:24px;border-radius:20px;background:var(--sm-card);border:1px solid var(--sm-line)}
.sm-plain__row--new{background:var(--sm-con);border-color:var(--sm-conl);color:#dbe6ff}
.sm-plain__tag{align-self:start;display:inline-block;padding:6px 12px;border-radius:99px;font:700 .75rem var(--jv-font-mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;background:color-mix(in srgb,var(--jv-warning) 15%,transparent);color:var(--jv-warning)}
.sm-plain__row--new .sm-plain__tag{background:rgba(144,208,186,.18);color:var(--jv-mint)}
.sm-plain__flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sm-node{flex:0 0 auto;min-width:170px;padding:14px 18px;border-radius:14px;border:1.5px solid var(--sm-line);background:var(--sm-bg);text-align:center}
.sm-node b{display:block;font:700 1.05rem var(--jv-font-display);color:var(--sm-ink)}
.sm-node small{display:block;margin-top:2px;font-size:.78rem;color:var(--sm-mute)}
.sm-plain__row--new .sm-node{background:rgba(255,255,255,.06);border-color:var(--sm-conl)}
.sm-plain__row--new .sm-node b{color:#fff}.sm-plain__row--new .sm-node small{color:#b3c0e3}
.sm-node--core{background:var(--jv-mint)!important;border-color:var(--jv-mint)!important}
.sm-plain__row--new .sm-node--core b,.sm-plain__row--new .sm-node--core small{color:var(--jv-navy-ink)}
.sm-arrow{flex:1 1 120px;min-width:110px;display:grid;gap:6px;text-align:center}
.sm-arrow i{display:block;height:0;border-top:3px dashed var(--jv-mint-strong);position:relative}
.sm-arrow i::after{content:"";position:absolute;right:-2px;top:-8px;border:6px solid transparent;border-left:9px solid var(--jv-mint-strong);border-right:0}
.sm-arrow--old i{border-color:var(--jv-warning)}.sm-arrow--old i::after{border-left-color:var(--jv-warning)}
.sm-arrow span{font-size:.8rem;line-height:1.35;color:var(--sm-mute)}
.sm-plain__row--new .sm-arrow span{color:#b3c0e3}
.sm-plain__row>p{grid-column:2;margin:6px 0 0;line-height:1.55;color:var(--sm-mute)}
.sm-plain__row--new>p{color:#dbe6ff}
.sm-three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.sm-three article{padding:24px;border-radius:18px;background:var(--sm-card);border:1px solid var(--sm-line)}
.sm-three span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--sm-soft);color:var(--sm-acc)}
.sm-three svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sm-three h3{margin:14px 0 6px;font-size:1.2rem}.sm-three p{margin:0;line-height:1.55;color:var(--sm-mute)}
.sm-also{margin:24px 0 0;padding:16px 20px;border-radius:14px;background:var(--sm-soft);color:var(--sm-ink);line-height:1.55}
@media(max-width:1000px){.sm-plain__row{grid-template-columns:1fr}.sm-plain__row>p{grid-column:1}.sm-three{grid-template-columns:1fr}.sm-arrow{flex-basis:100%}.sm-arrow i{width:0;height:26px;border-top:0;border-left:3px dashed var(--jv-mint-strong);margin:0 auto}.sm-arrow--old i{border-left-color:var(--jv-warning)}.sm-arrow i::after{display:none}.sm-node{flex:1 1 100%}}

.sm-cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:26px}
.sm-cmp__p{margin:0;padding:20px;border-radius:20px;background:var(--sm-card);border:1.5px solid var(--sm-line)}
.sm-cmp__p--old{border-color:color-mix(in srgb,var(--jv-warning) 55%,var(--sm-line))}
.sm-cmp__p--new{border-color:var(--jv-mint-strong)}
.sm-cmp figcaption{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font:700 1.1rem var(--jv-font-display);color:var(--sm-ink)}
.sm-cmp figcaption span{align-self:flex-start;padding:4px 12px;border-radius:99px;font:700 .72rem var(--jv-font-mono);letter-spacing:.12em;text-transform:uppercase;background:color-mix(in srgb,var(--jv-warning) 16%,transparent);color:var(--jv-warning)}
.sm-cmp__p--new figcaption span{background:color-mix(in srgb,var(--sm-ok) 16%,transparent);color:var(--sm-ok)}
.sm-cmp svg{display:block;width:100%;height:auto}
.sm-cmp .n rect{fill:var(--sm-bg);stroke:var(--sm-line);stroke-width:1.5}
.sm-cmp .n text{fill:var(--sm-ink);font:600 14px var(--jv-font-body)}
.sm-cmp .pw{fill:#fff;font:700 12px var(--jv-font-mono)}
.sm-cmp .hub{fill:#90d0ba;font:800 26px var(--jv-font-display)}
.sm-cmp .hubs{fill:#dbe6ff;font:600 11px var(--jv-font-body)}
.sm-cmp p{margin:12px 0 0;font-size:.92rem;line-height:1.5;color:var(--sm-mute)}
.sm-cmp p b{color:var(--sm-ink)}
.sm-prow{display:grid;gap:14px}
.sm-pr{display:grid;grid-template-columns:1fr 44px 1fr;gap:12px;align-items:stretch}
.sm-pr__b,.sm-pr__a{padding:20px 22px;border-radius:16px;border:1.5px solid var(--sm-line);background:var(--sm-card)}
.sm-pr__b{border-left:5px solid var(--jv-warning)}
.sm-pr__a{border-left:5px solid var(--jv-mint-strong);background:var(--sm-soft)}
.sm-pr span{display:inline-block;margin-bottom:8px;font:700 .68rem var(--jv-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--jv-warning)}
.sm-pr__a span{color:var(--sm-ok)}
.sm-pr h3{margin:0 0 6px;font-size:1.1rem;line-height:1.25}
.sm-pr p{margin:0;line-height:1.55;font-size:.94rem;color:var(--sm-mute)}
.sm-pr__arrow{display:grid;place-items:center;color:var(--sm-acc)}
.sm-pr__arrow svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.sm-cmp{grid-template-columns:1fr}.sm-pr{grid-template-columns:1fr}.sm-pr__arrow{transform:rotate(90deg);height:30px}}

.sm-pulse{animation:smpulse 2.4s ease-in-out infinite;transform-origin:360px 260px;transform-box:fill-box}
@keyframes smpulse{0%,100%{filter:drop-shadow(0 0 0 rgba(144,208,186,0))}50%{filter:drop-shadow(0 0 14px rgba(144,208,186,.75))}}
.sm-hubbox{animation:smhub 2.4s ease-in-out infinite}
@keyframes smhub{0%,100%{filter:drop-shadow(0 0 0 rgba(107,191,159,0))}50%{filter:drop-shadow(0 0 12px rgba(107,191,159,.8))}}
.sm-cmp__p--old svg path{animation:smjit 3s ease-in-out infinite}
@keyframes smjit{50%{opacity:.55}}
.sm-cmp .sm-flow{stroke-dasharray:7 7;animation-duration:1.1s}
@media(prefers-reduced-motion:reduce){.sm-pkt{display:none}.sm-pulse,.sm-hubbox,.sm-cmp__p--old svg path{animation:none}}