/* MiStorage by SilverLion (Cowork design, 1 Oct 2026), scoped under .mst; built by build_ms.py */
.mst{--ms-ink:#0A0F1A;--ms-ink2:#0F1726;--ms-card:#131D2F;--ms-line:#1E2A3E;--ms-fg:#E8EEF5;--ms-mut:#93A2B7;--ms-sky:#6CC4F5;--ms-sky-ink:#06121A;--ms-warn:#F0A35E;--ms-ok:#58C08A;
 --ms-f-disp:'Archivo','Arial Narrow',system-ui,sans-serif;--ms-f-body:'Inter',system-ui,-apple-system,sans-serif;--ms-f-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
 color-scheme:dark}
.mst *{box-sizing:border-box}
.mst{background:var(--ms-ink);color:var(--ms-fg);font:16px/1.6 var(--ms-f-body);}
.mst .wrap{max-width:1180px;margin:0 auto;padding-inline:20px;position:relative}
.mst a{color:var(--ms-sky)}
.mst .eye{font:700 12px var(--ms-f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ms-sky)}
.mst h1,.mst h2,.mst h3{font-family:var(--ms-f-disp);letter-spacing:-.025em;text-wrap:balance;margin:0}
.mst h1{font-size:clamp(40px,6.4vw,76px);line-height:.98;font-weight:800;font-stretch:96%}
.mst h2{font-size:clamp(30px,4.2vw,48px);line-height:1.04;font-weight:780}
.mst h3{font-size:20px;font-weight:700;letter-spacing:-.01em}
.mst h1 em,.mst h2 em{font-style:normal;color:var(--ms-sky)}
.mst p{margin:0}
.mst .mut{color:var(--ms-mut)}
.mst .btn{display:inline-flex;align-items:center;gap:8px;font:600 15px var(--ms-f-body);padding:13px 22px;border-radius:9px;border:1px solid var(--ms-line);color:var(--ms-fg);background:transparent;text-decoration:none;cursor:pointer}
.mst .btn.p{background:var(--ms-sky);color:var(--ms-sky-ink);border-color:var(--ms-sky)}
.mst .btn:focus-visible,.mst input:focus-visible,.mst select:focus-visible{outline:2px solid var(--ms-sky);outline-offset:2px}
.mst .hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-block:64px 40px}
.mst .hero .lead{font-size:19px;color:var(--ms-mut);margin-top:22px;max-width:34em}
.mst .hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.mst .ticks{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:14px;color:var(--ms-mut)}
.mst .ticks span:before{content:"✓ ";color:var(--ms-sky)}
.mst .phone{width:min(330px,100%);margin:0 auto;border-radius:44px;background:#04070D;padding:10px;box-shadow:0 0 0 1px #2B3A52,0 50px 100px -30px #000,0 0 120px rgba(108,196,245,.15);position:relative}
.mst .phone img{display:block;width:100%;border-radius:35px}
.mst .notif{position:absolute;left:-46px;right:24px;top:84px;display:flex;gap:12px;align-items:center;background:#F3F6FA;color:#0B1422;border-radius:16px;padding:12px 14px;box-shadow:0 20px 40px -12px rgba(0,0,0,.6);font-size:13px}
.mst .notif b{display:block;font-size:14px}
.mst .notif i{flex:none;width:34px;height:34px;border-radius:9px;background:#D9573F;color:#fff;font:800 14px var(--ms-f-disp);display:grid;place-items:center;font-style:normal}
.mst .notif.two{top:auto;bottom:120px;left:auto;right:-40px;width:250px}
.mst .notif.two i{background:#1F8A5B}
@media(max-width:900px){.mst .hero{grid-template-columns:1fr}
.mst .notif{left:-6px}
.mst .notif.two{right:-6px}}
.mst .strip{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--ms-line);margin-block:24px 0}
.mst .strip div{padding:18px 16px;border-left:1px solid var(--ms-line);font-size:13px;color:var(--ms-mut)}
.mst .strip div:first-child{border-left:0}
.mst .strip b{display:block;font:700 14px var(--ms-f-mono);color:var(--ms-fg);margin-bottom:2px}
@media(max-width:900px){.mst .strip{grid-template-columns:1fr 1fr}
.mst .strip div{border-left:0;border-top:1px solid var(--ms-line)}}
.mst section.s{padding-block:88px 0}
.mst .sh{display:grid;gap:14px;max-width:760px;margin-bottom:36px}
.mst .sh p{font-size:18px;color:var(--ms-mut)}
.mst .feat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mst .f{background:var(--ms-card);border:1px solid var(--ms-line);border-radius:16px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-width:0}
.mst .f img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-bottom:1px solid var(--ms-line)}
.mst .f div{padding:18px 20px 22px;display:grid;gap:6px;align-content:start}
.mst .f p{font-size:14.5px;color:var(--ms-mut)}
.mst .f .tag{font:700 11px var(--ms-f-mono);letter-spacing:.16em;color:var(--ms-sky);text-transform:uppercase}
.mst .tag.os{display:inline-block;background:var(--ms-sky);color:var(--ms-sky-ink);padding:2px 7px;border-radius:5px;letter-spacing:.12em;margin-left:6px;vertical-align:2px}
@media(max-width:900px){.mst .feat{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.mst .feat{grid-template-columns:1fr}}
.mst .law{display:flex;gap:16px;align-items:flex-start;margin-top:22px;padding:18px 20px;border:1px dashed var(--ms-line);border-radius:14px;color:var(--ms-mut);font-size:14.5px}
.mst .law b{color:var(--ms-fg)}
.mst .two{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.mst .browser{border-radius:14px;overflow:hidden;border:1px solid var(--ms-line);background:#fff;box-shadow:0 40px 80px -30px #000}
.mst .browser .bar{height:34px;background:#E9ECF1;display:flex;align-items:center;gap:7px;padding-inline:14px}
.mst .browser .bar i{width:10px;height:10px;border-radius:50%;background:#C8CED8}
.mst .browser .bar span{margin-left:10px;font:500 12px var(--ms-f-body);color:#5A6478;background:#fff;border-radius:5px;padding:3px 12px}
.mst .browser img{display:block;width:100%}
.mst .serp{margin:-60px 24px 0 auto;position:relative;width:min(460px,92%);background:#fff;color:#0B1422;border-radius:16px;padding:16px 18px;box-shadow:0 30px 60px -20px #000}
.mst .serp .q{border:1px solid #DDE2EA;border-radius:30px;padding:8px 16px;font-size:14px}
.mst .serp .t{color:#2A55C9;font:700 17px var(--ms-f-disp);margin-top:10px}
.mst .serp small{display:block;color:#5A6478;font-size:12.5px;margin-top:8px}
.mst .serp p{font-size:13px;color:#5A6478}
.mst .list{display:grid;gap:14px;margin-top:22px}
.mst .li{display:grid;grid-template-columns:28px 1fr;gap:12px}
.mst .li:before{content:"✓";width:26px;height:26px;border-radius:50%;background:var(--ms-sky);color:var(--ms-sky-ink);display:grid;place-items:center;font-weight:800;font-size:14px}
.mst .li b{display:block}
.mst .li span{color:var(--ms-mut);font-size:14.5px}
@media(max-width:900px){.mst .two{grid-template-columns:1fr}}
.mst .devs{display:grid;grid-template-columns:1fr 2fr 1.4fr;gap:20px;align-items:end}
.mst .devs figure{margin:0;display:grid;gap:10px}
.mst .devs img{display:block;width:100%;border-radius:14px;border:1px solid var(--ms-line)}
.mst .devs figcaption{font:700 12px var(--ms-f-mono);letter-spacing:.16em;color:var(--ms-mut);text-transform:uppercase}
@media(max-width:760px){.mst .devs{grid-template-columns:1fr 1fr}
.mst .devs figure:nth-child(2){grid-column:1/-1;order:-1}}
.mst .addons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mst .ao{border:1px solid var(--ms-line);border-radius:14px;padding:20px;display:grid;gap:6px;background:var(--ms-ink2)}
.mst .ao p{color:var(--ms-mut);font-size:14.5px}
.mst .ao .st{font:700 11px var(--ms-f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ms-ok)}
.mst .ao .st.w{color:var(--ms-warn)}
@media(max-width:900px){.mst .addons{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mst .addons{grid-template-columns:1fr}}
.mst .price{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.mst .pc{border:1px solid var(--ms-line);border-radius:18px;padding:26px;display:grid;gap:14px;align-content:start;background:var(--ms-card);position:relative}
.mst .pc.hi{background:var(--ms-fg);color:var(--ms-ink);border-color:var(--ms-fg)}
.mst .pc .n{font:800 46px/1 var(--ms-f-disp);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.mst .pc .n small{font:600 16px var(--ms-f-body);letter-spacing:0;color:inherit;opacity:.7}
.mst .pc ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:14.5px}
.mst .pc li{padding-left:24px;position:relative}
.mst .pc li:before{content:"✓";position:absolute;left:0;color:var(--ms-sky);font-weight:800}
.mst .pc.hi li:before{color:#2A55C9}
.mst .pc .flag{position:absolute;top:18px;right:18px;font:700 11px var(--ms-f-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--ms-ink);color:var(--ms-sky);padding:5px 9px;border-radius:20px}
.mst .pc .btn{justify-content:center}
.mst .pc.hi .btn.p{background:var(--ms-ink);color:var(--ms-fg);border-color:var(--ms-ink)}
.mst .fine{font-size:13px;color:var(--ms-mut);margin-top:16px}
@media(max-width:900px){.mst .price{grid-template-columns:1fr}}
.mst .vid{border-radius:16px;overflow:hidden;border:1px solid var(--ms-line);background:#000}
.mst .vid video{display:block;width:100%;height:auto}
.mst .demo{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;background:var(--ms-card);border:1px solid var(--ms-line);border-radius:20px;padding:36px}
.mst form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mst label{display:grid;gap:6px;font-size:13px;color:var(--ms-mut)}
.mst label.w{grid-column:1/-1}
.mst input,.mst select{font:500 15px var(--ms-f-body);color:var(--ms-fg);background:var(--ms-ink);border:1px solid var(--ms-line);border-radius:9px;padding:11px 12px;min-width:0}
.mst form .btn{grid-column:1/-1;justify-content:center}
.mst .ok{grid-column:1/-1;padding:14px;border-radius:10px;background:rgba(88,192,138,.12);color:var(--ms-ok);font-size:14.5px}
@media(max-width:900px){.mst .demo{grid-template-columns:1fr;padding:24px}}
@media(max-width:520px){.mst form{grid-template-columns:1fr}}
.mst details{border-top:1px solid var(--ms-line);padding-block:16px}
.mst details:last-child{border-bottom:1px solid var(--ms-line)}
.mst summary{cursor:pointer;font:700 17px var(--ms-f-disp);list-style:none;display:flex;justify-content:space-between;gap:16px}
.mst summary:after{content:"+";color:var(--ms-sky)}
.mst details[open] summary:after{content:"–"}
.mst details p{color:var(--ms-mut);margin-top:10px;max-width:62ch}
.mst .notif{animation:drop .6s ease-out both}
.mst .notif.two{animation-delay:.5s}
.mst from{transform:translateY(-14px)}
.mst to{transform:none}
.mst{position:relative;font-family:var(--ms-f-body)}
.mst .crumbs{padding-top:22px}
.mst .hero-pic{position:relative}
.mst .demo h2,.mst .two h2{margin-top:14px}
.mst .demo .mut{margin-top:14px}
.mst .lead .long{display:inline}
@media(max-width:900px){.mst .hero,.mst .price,.mst .two,.mst .demo{grid-template-columns:minmax(0,1fr)}}
.mst .eye+h1{margin-top:14px}
.mst{overflow-x:clip}
@media(max-width:600px){.mst .lead .long{display:none}.mst .hero{padding-block:28px 24px}.mst .notif.two{display:none}.mst .notif{left:0;right:0;top:auto;bottom:-14px}}
.mst .bad{grid-column:1/-1;padding:14px;border-radius:10px;background:rgba(240,163,94,.12);color:var(--ms-warn);font-size:14.5px}
.mst .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mst label.chk{display:flex;gap:10px;align-items:flex-start;grid-column:1/-1;font-size:13.5px}
.mst label.chk input{margin-top:3px;width:18px;height:18px;flex:none}
