/* MarinaVex inner pages: layered on top of mvx-home.css */
.links a.on{background:rgb(var(--fg) / .08);color:var(--t)}
.page-hero{position:relative;min-height:72svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 24px 8vh;max-width:1200px;margin:0 auto}
.page-hero h1{font-family:var(--d);font-weight:700;line-height:1.02;letter-spacing:-.05em;font-size:clamp(2.6rem,5.6vw,5.4rem);max-width:16em;margin-top:18px}
.page-hero .sub{margin-top:24px;max-width:38rem;color:var(--m);font-size:clamp(1.02rem,1.35vw,1.2rem)}
.page-hero .ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:34px;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}
.page-hero .ctas.lit{opacity:1;transform:none}
.page-hero .eyebrow{opacity:0;transition:opacity .6s}.page-hero .eyebrow.lit{opacity:1}
.w.accw.lit{color:var(--acc)}
.sec{margin-top:8rem}
.sec-head.c{margin:0 auto;text-align:center;justify-items:center}
.cta2{display:inline-flex;align-items:center;height:54px;padding:0 22px;border-radius:16px;font-size:16px;font-weight:500;background:rgb(var(--fg) / .06);box-shadow:inset 0 0 0 1px var(--b2);color:var(--t)}
.cta2:hover{background:rgb(var(--fg) / .1)}
.mono{font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.card{border-radius:22px;padding:26px}
.card h3{font-size:19px;font-weight:600;letter-spacing:-.02em}
.card p{color:var(--m);margin-top:8px;font-size:15px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px}
@media(max-width:980px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.grid4{grid-template-columns:minmax(0,1fr)}}
.num{font:600 13px var(--mono);color:var(--acc);display:block;margin-bottom:14px}
.final2{padding:9rem 0 6rem;text-align:center}
.final2 p{color:var(--m);margin-top:16px;font-size:clamp(1.05rem,1.4vw,1.25rem)}
.final2 .ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:36px}

/* modules page */
.glance{margin-top:20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.gsuite{border-radius:20px;padding:18px}
.gsuite h4{font-size:13.5px;font-weight:600}.gsuite h4 small{display:block;color:var(--m2);font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.gsuite ul{margin-top:12px;display:grid;gap:4px}
.gsuite a{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:9px;font-size:13px;color:var(--m);transition:background .2s,color .2s}
.gsuite a:hover{background:rgb(var(--fg) / .06);color:var(--t)}
.gsuite a code{flex:none;min-width:38px;font:600 10px var(--mono);color:var(--acc)}
@media(max-width:1100px){.glance{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.glance{grid-template-columns:minmax(0,1fr)}}
.mlay{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;margin-top:70px;align-items:start}
.spy{position:sticky;top:96px;display:grid;gap:4px}
.spy a{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:12px;font-size:14px;color:var(--m);transition:.25s}
.spy a b{font:600 11px var(--mono);color:var(--m2)}
.spy a.on{background:rgb(var(--fg) / .07);color:var(--t)}.spy a.on b{color:var(--acc)}
.spy .bar{height:2px;margin:10px 14px 0;background:var(--b2);border-radius:2px;overflow:hidden}.spy .bar i{display:block;height:100%;width:0;background:var(--acc)}
@media(max-width:980px){.mlay{grid-template-columns:minmax(0,1fr)}.spy{display:none}}
.suite-h{margin:0 0 22px;padding-top:24px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.suite-h h2{font-family:var(--d);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;letter-spacing:-.04em}
.suite-h span{color:var(--m)}
.suite-h b{font:600 12px var(--mono);color:var(--acc);letter-spacing:.06em}
.suite+.suite{margin-top:90px}
.mod{border-radius:26px;padding:28px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;margin-bottom:18px;scroll-margin-top:96px}
.mod .tagl{display:flex;gap:10px;align-items:center}
.mod .code{font:700 11px var(--mono);letter-spacing:.06em;padding:4px 9px;border-radius:7px;background:var(--acc2);color:var(--acc)}
.mod .st{font-size:12.5px;color:var(--m2)}
.mod h3{margin-top:14px;font-family:var(--d);font-size:clamp(1.5rem,2.3vw,2rem);font-weight:700;letter-spacing:-.035em;line-height:1.1}
.mod .line{margin-top:8px;font-size:16px;font-weight:500;color:var(--t)}
.mod p{margin-top:12px;color:var(--m);font-size:15px;max-width:60ch}
.mod .feats{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.mod .feats span{padding:6px 12px;border-radius:999px;font-size:12.5px;background:rgb(var(--fg) / .05);box-shadow:inset 0 0 0 1px var(--b)}
.mod .meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:20px;border-top:1px solid var(--b)}
.mod .meta h5{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m2);margin:0 0 8px}
.mod .meta li{font-size:13.5px;color:var(--m);padding:3px 0 3px 14px;position:relative}
.mod .meta li::before{content:"";position:absolute;left:0;top:.75em;width:5px;height:5px;border-radius:50%;background:var(--acc)}
.mod .shot{align-self:center}
.mini{border-radius:16px;background:#fff;box-shadow:0 0 0 1px #e3e7ee,0 30px 60px -36px rgba(15,23,38,.45);overflow:hidden;font-size:12px;color:#1b2738}
.mini .mt{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #eceff4;font-weight:600;font-size:12.5px}
.mini .mt i{width:16px;height:16px;border-radius:50%;background:#0f1726}
.mini .mt small{margin-left:auto;font:500 10px var(--mono);color:#7b8698;font-weight:400}
.mini .mr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #f1f3f6;opacity:0;transform:translateX(10px);transition:opacity .45s,transform .45s}
.mini .mr:last-child{border:0}
.mod.in .mini .mr{opacity:1;transform:none}
.mod.in .mini .mr:nth-child(3){transition-delay:.08s}.mod.in .mini .mr:nth-child(4){transition-delay:.16s}.mod.in .mini .mr:nth-child(5){transition-delay:.24s}.mod.in .mini .mr:nth-child(6){transition-delay:.32s}
:root[data-theme="dark"] .mini{background:#0b0e14;color:#c4cddb;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px -30px #000}
:root[data-theme="dark"] .mini .mt{border-color:#1a1f29}:root[data-theme="dark"] .mini .mt i{background:#e8ecf2}
:root[data-theme="dark"] .mini .mr{border-color:#141922}
@media(max-width:900px){.mod{grid-template-columns:minmax(0,1fr)}.mod .meta{grid-template-columns:minmax(0,1fr)}}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px;align-items:stretch}
.plan{position:relative;border-radius:26px;padding:30px;display:flex;flex-direction:column;gap:14px}
.plan.hot{box-shadow:inset 0 0 0 1.5px var(--acc),0 40px 90px -45px var(--sh)}
.plan .badge2{position:absolute;top:-12px;left:30px;padding:5px 12px;border-radius:999px;background:var(--acc);color:#fff;font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.plan h3{font-family:var(--d);font-size:28px;font-weight:700;letter-spacing:-.04em}
.plan .price{font-family:var(--d);font-size:44px;font-weight:700;letter-spacing:-.05em;line-height:1}
.plan .price small{display:block;font:500 13px var(--f);letter-spacing:0;color:var(--m);margin-top:8px}
.plan p{color:var(--m);font-size:14.5px}
.plan ul{display:grid;gap:9px;padding-top:16px;border-top:1px solid var(--b)}
.plan li{display:flex;gap:10px;font-size:14px}
.plan li::before{content:"✓";flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;background:var(--okb);color:var(--ok)}
.plan .btn{margin-top:auto;height:46px;border-radius:14px}
@media(max-width:980px){.plans{grid-template-columns:minmax(0,1fr)}}
.cmp{margin-top:44px;border-radius:24px;overflow:hidden}
.cmp table{width:100%;border-collapse:collapse;font-size:14.5px}
.cmp th,.cmp td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--b)}
.cmp th{font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--m2)}
.cmp td:not(:first-child),.cmp th:not(:first-child){text-align:center}
.cmp tr:last-child td{border:0}
.cmp .y{color:var(--ok);font-weight:600}.cmp .o{color:var(--warn)}.cmp .n{color:var(--m2)}
@media(max-width:640px){.cmp th,.cmp td{padding:12px 10px;font-size:13px}}

/* about */
.story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px);align-items:start;margin-top:44px}
.story p{color:var(--m);font-size:clamp(1rem,1.2vw,1.12rem);margin-bottom:18px;max-width:60ch}
.story .quote,.quote{font-family:var(--d);font-weight:700;letter-spacing:-.04em;font-size:clamp(2rem,3.4vw,3rem);line-height:1.08}
.quote em{font-style:normal;color:var(--acc)}
@media(max-width:900px){.story{grid-template-columns:minmax(0,1fr)}}
.prod{display:flex;flex-direction:column;gap:12px}
.prod .pn{display:flex;justify-content:space-between;align-items:baseline}
.prod h3{font-family:var(--d);font-size:24px;font-weight:700;letter-spacing:-.03em}
.prod a{margin-top:auto;font-size:14px;color:var(--acc);font-weight:500}
.tl{position:relative;margin:60px auto 0;max-width:900px;display:grid;gap:34px;padding-left:56px}
.tl::before{content:"";position:absolute;left:19px;top:6px;bottom:6px;width:2px;background:var(--b2);border-radius:2px}
.tl .fill{position:absolute;left:19px;top:6px;width:2px;height:0;background:var(--acc);border-radius:2px;box-shadow:0 0 12px var(--acc)}
.tl li{position:relative;font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:500;color:var(--m2);transition:color .4s}
.tl li.on{color:var(--t)}
.tl li i{position:absolute;left:-56px;top:-2px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:600 12px var(--mono);font-style:normal;background:var(--s1);box-shadow:inset 0 0 0 1px var(--b2);color:var(--m2);transition:.4s}
.tl li.on i{background:var(--acc);color:#fff;box-shadow:0 0 0 6px var(--acc2)}
.co{display:flex;gap:22px;align-items:center}
.co img{width:84px;height:84px;border-radius:20px;flex:none;object-fit:cover;background:#fff}

/* contact */
.cgrid2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;margin-top:20px;align-items:start}
@media(max-width:980px){.cgrid2{grid-template-columns:minmax(0,1fr)}}
.form{border-radius:26px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form h2{grid-column:1/-1;font-family:var(--d);font-size:26px;font-weight:700;letter-spacing:-.03em}
.form .full{grid-column:1/-1}
.fl{display:grid;gap:7px}
.fl label{font-size:12.5px;font-weight:500;color:var(--m)}
.fl input,.fl select,.fl textarea{font:inherit;font-size:14.5px;color:var(--t);background:rgb(var(--glass) / .6);border:0;border-radius:12px;padding:12px 14px;box-shadow:inset 0 0 0 1px var(--b2);outline:none;transition:box-shadow .2s}
.fl input:focus,.fl select:focus,.fl textarea:focus{box-shadow:inset 0 0 0 1.5px var(--acc),0 0 0 4px var(--acc2)}
.fl textarea{min-height:120px;resize:vertical}
.form .note{grid-column:1/-1;font-size:12.5px;color:var(--m2)}.form .note.sent{color:var(--ok);font-weight:500}
.form .btn{grid-column:1/-1;height:50px;border-radius:14px;font-size:15px}
@media(max-width:600px){.form{grid-template-columns:minmax(0,1fr)}}
.people{display:grid;gap:12px}
.person{display:flex;gap:16px;align-items:center;border-radius:20px;padding:16px}
.person img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px var(--s1),0 0 0 4px var(--b2)}
.person .gen{width:64px;height:64px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--acc2)}
.person small{display:block;font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.person b{display:block;font-size:16px;font-weight:600;margin-top:2px}
.person a{display:block;font-size:13.5px;color:var(--m)}.person a:hover{color:var(--t)}

/* vex page */
.vxhero .masc-wrap{margin-bottom:8px}
.vrow{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,72px);align-items:center;margin-top:90px}
.vrow.flip>:first-child{order:2}
@media(max-width:900px){.vrow,.vrow.flip{grid-template-columns:minmax(0,1fr)}.vrow.flip>:first-child{order:0}}
.vrow h2,.vrow h3{font-family:var(--d);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;letter-spacing:-.04em;line-height:1.08;margin-top:12px}
.vrow p{color:var(--m);margin-top:14px;font-size:16px;max-width:46ch}
.vrow .frame{border-radius:24px;padding:10px}
.vrow .app{height:400px}
.vrow .vr{opacity:0;transform:translateX(14px);transition:opacity .45s,transform .45s}
.vrow.in .vr{opacity:1;transform:none}
.vrow.in .vr:nth-child(2){transition-delay:.25s}.vrow.in .vr:nth-child(3){transition-delay:.5s}.vrow.in .vr:nth-child(4){transition-delay:.75s}.vrow.in .vr:nth-child(5){transition-delay:1s}
.srcs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:40px}
.srcs span{padding:10px 16px;border-radius:999px;font-size:14px}
.ask2{margin:40px auto 0}

.fl select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237b8698' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px;padding-right:36px}

/* ===== modules explorer ===== */
.roles2{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;margin:10px 0 28px}
.roles2>span{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m2)}
.rbtns{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:999px;background:rgb(var(--glass) / .6);box-shadow:inset 0 0 0 1px var(--b2)}
.rbtns button{border:0;cursor:pointer;height:34px;padding:0 14px;border-radius:999px;background:transparent;color:var(--m);font-size:13.5px;font-weight:500;transition:.25s}
.rbtns button:hover{color:var(--t)}
.rbtns button.on{background:var(--pri);color:var(--pri-t)}
.xgrid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:22px;align-items:start}
.ptable{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.pcol{display:flex;flex-direction:column;gap:10px}
.pch{padding:4px 2px 6px;min-height:58px}
.pch b{display:block;font-family:var(--d);font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--acc)}
.pch span{display:block;font-size:12.5px;font-weight:600;color:var(--t);margin-top:4px;line-height:1.25}
.tile{position:relative;text-align:left;border:0;cursor:pointer;font:inherit;color:var(--t);aspect-ratio:1.05;min-height:96px;padding:12px;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;
  background:rgb(var(--glass) / .72);box-shadow:inset 0 0 0 1px var(--b2),0 10px 24px -18px var(--sh);opacity:0;transform:translateY(14px) scale(.96);
  transition:opacity .45s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,filter .3s}
.tile.in{opacity:1;transform:none}
.tile code{font:700 18px var(--mono);letter-spacing:-.02em;color:var(--acc)}
.tile span{font-size:12.5px;font-weight:500;line-height:1.25;color:var(--m)}
.tile.hov,.tile:focus-visible{transform:translateY(-4px) scale(1.03);box-shadow:inset 0 0 0 1px var(--acc),0 18px 34px -18px var(--sh)}
.tile.sel{background:var(--pri);box-shadow:0 18px 40px -16px var(--sh)}
.tile.sel code{color:var(--pri-t)}.tile.sel span{color:var(--pri-t);opacity:.8}
.tile.dim{opacity:.22;filter:saturate(0);transform:scale(.97)}
.xpanel{position:sticky;top:96px;border-radius:26px;padding:24px;min-height:520px}
.xpanel.swap>*{animation:xin .45s cubic-bezier(.2,.8,.2,1) both}
.xpanel.swap>*:nth-child(2){animation-delay:.04s}.xpanel.swap>*:nth-child(3){animation-delay:.08s}.xpanel.swap>*:nth-child(4){animation-delay:.12s}.xpanel.swap>*:nth-child(5){animation-delay:.16s}
@keyframes xin{from{opacity:0;transform:translateY(10px)}}
.xp-top{display:flex;gap:10px;align-items:center}
.xp-top .code{font:700 11px var(--mono);letter-spacing:.06em;padding:4px 9px;border-radius:7px;background:var(--acc2);color:var(--acc)}
.xp-top .st{font-size:12.5px;color:var(--m2)}
.xpanel h3{margin-top:14px;font-family:var(--d);font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1.05}
.xpanel .line{margin-top:8px;color:var(--m);font-size:15px}
.xf{margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.xf li{font-size:13px;padding:8px 10px;border-radius:10px;background:rgb(var(--fg) / .04);box-shadow:inset 0 0 0 1px var(--b)}
.xpanel .mini .mr{opacity:0;transform:translateX(10px)}.xpanel .mini .mr.on{opacity:1;transform:none}
.xroles{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:16px}
.xroles small{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m2);margin-right:4px}
.xroles span{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--acc2);color:var(--acc)}
.xnav{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--b);font:500 12px var(--mono);color:var(--m2)}
.xnav button{width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;background:rgb(var(--fg) / .06);color:var(--t);font-size:15px}
.xnav button:hover{background:rgb(var(--fg) / .12)}
.xhint{text-align:center;margin-top:22px;font-size:13px;color:var(--m2)}
@media(max-width:1100px){.xgrid{grid-template-columns:minmax(0,1fr)}.xpanel{position:relative;top:auto;min-height:0}}
@media(max-width:700px){.ptable{grid-template-columns:repeat(2,minmax(0,1fr))}.pcol{display:contents}.pch{display:none}.tile{aspect-ratio:auto;min-height:84px}.xf{grid-template-columns:1fr}}
.flow2{display:flex;align-items:center;justify-content:center;gap:0;margin-top:44px;flex-wrap:wrap;row-gap:14px}
.fstep{border-radius:18px;padding:16px 18px;min-width:170px;opacity:.35;transform:scale(.96);transition:.45s}
.fstep.on{opacity:1;transform:none;box-shadow:inset 0 0 0 1.5px var(--acc),0 20px 40px -24px var(--sh)}
.fstep code{font:700 11px var(--mono);color:var(--acc)}
.fstep b{display:block;font-size:15px;font-weight:600;margin-top:6px}
.fstep span{display:block;font-size:12.5px;color:var(--m);margin-top:2px}
.flow2 i{width:38px;height:2px;background:var(--b2);position:relative;overflow:hidden}
.flow2 i::after{content:"";position:absolute;inset:0;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .5s}
.flow2 i.on::after{transform:none}
@media(max-width:900px){.flow2{flex-direction:column}.flow2 i{width:2px;height:22px}.flow2 i::after{transform:scaleY(0);transform-origin:top}.flow2 i.on::after{transform:none}}
.tile{aspect-ratio:auto;min-height:0;height:96px;padding:12px 14px}
.pch{min-height:64px}
.xpanel{min-height:0}
@media(max-width:700px){.rbtns{border-radius:18px;justify-content:center}.tile{height:84px}}

/* ===== pricing: scope builder ===== */
.bld{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}
.bsteps{display:grid;gap:16px}
.bstep{border-radius:24px;padding:26px}
.bh{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:baseline;margin-bottom:18px}
.bh .num{margin:0}
.bh h2{font-family:var(--d);font-size:clamp(1.3rem,2vw,1.6rem);font-weight:700;letter-spacing:-.03em}
.bh p{grid-column:2;color:var(--m);font-size:14.5px;margin-top:4px}
.seg{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:18px;background:rgb(var(--fg) / .04);box-shadow:inset 0 0 0 1px var(--b2);width:max-content;max-width:100%}
.seg button{border:0;cursor:pointer;height:44px;min-width:92px;padding:0 18px;border-radius:13px;background:transparent;color:var(--m);font:500 15px var(--f);transition:.2s}
.seg button:hover{color:var(--t)}
.seg button.on{background:var(--pri);color:var(--pri-t)}
.presets{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:18px}
.presets>span{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m2);margin-right:4px}
.presets button{border:0;cursor:pointer;height:34px;padding:0 14px;border-radius:999px;background:var(--acc2);color:var(--acc);font:500 13.5px var(--f);transition:.2s}
.presets button:hover{box-shadow:inset 0 0 0 1px var(--acc)}
.presets .clr{background:transparent;color:var(--m2)}
.suites{display:grid;gap:16px}
.suite2 h4{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m2);margin-bottom:8px}
.mchips{display:flex;flex-wrap:wrap;gap:6px}
.mchip{border:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 10px;border-radius:12px;font:500 13.5px var(--f);color:var(--t);background:rgb(var(--fg) / .04);box-shadow:inset 0 0 0 1px var(--b2);transition:.2s}
.mchip code{font:700 10.5px var(--mono);color:var(--acc);min-width:30px}
.mchip:hover{box-shadow:inset 0 0 0 1px var(--acc)}
.mchip.on{background:var(--pri);color:var(--pri-t);box-shadow:none}
.mchip.on code{color:var(--pri-t);opacity:.75}
.opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.opt{position:relative;border:0;cursor:pointer;text-align:left;font:inherit;color:var(--t);padding:16px 16px 16px 48px;border-radius:16px;background:rgb(var(--fg) / .03);box-shadow:inset 0 0 0 1px var(--b2);transition:.2s}
.opt:hover{box-shadow:inset 0 0 0 1px var(--acc)}
.opt i{position:absolute;left:16px;top:17px;width:20px;height:20px;border-radius:7px;box-shadow:inset 0 0 0 1.5px var(--b2);display:grid;place-items:center;font-style:normal;transition:.2s}
.opts.one .opt i{border-radius:50%}
.opt b{display:block;font-size:15px;font-weight:600}
.opt span{display:block;font-size:13px;color:var(--m);margin-top:4px;line-height:1.45}
.opt.on{box-shadow:inset 0 0 0 1.5px var(--acc),0 14px 30px -20px var(--sh);background:var(--acc2)}
.opt.on i{background:var(--acc);box-shadow:none}
.opt.on i::after{content:"✓";color:#fff;font-size:11px;font-weight:700}
:root[data-theme="dark"] .opt.on i::after{color:#071331}
.seg button:focus-visible,.mchip:focus-visible,.opt:focus-visible,.presets button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.bsum{position:sticky;top:96px;border-radius:26px;padding:24px;display:grid;gap:18px}
.bsum .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bsum .stats div{padding:12px;border-radius:14px;background:rgb(var(--fg) / .04);box-shadow:inset 0 0 0 1px var(--b)}
.bsum .stats b{display:block;font-family:var(--d);font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--acc)}
.bsum .stats span{display:block;font-size:12px;color:var(--m);margin-top:6px}
.slist{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--b)}
.slist li{font-size:14px;line-height:1.45;word-break:break-word}
.slist li small{display:block;font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m2);margin-bottom:2px}
.slist li.m{color:var(--m2)}
.bsum .btn{height:50px;border-radius:14px;font-size:15px;justify-content:center}
.snote{font-size:12.5px;color:var(--m2);margin-top:-6px}
.card.inc{background:var(--acc2);box-shadow:inset 0 0 0 1px var(--acc)}
.card.inc ul{display:grid;gap:9px;margin-top:4px}
.card.inc li{display:flex;gap:10px;font-size:15px}
.card.inc li::before{content:"✓";flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;background:var(--okb);color:var(--ok);margin-top:2px}
@media(max-width:1100px){.bld{grid-template-columns:minmax(0,1fr)}.bsum{position:relative;top:auto}}
@media(max-width:760px){.opts{grid-template-columns:minmax(0,1fr)}.bstep{padding:20px}.seg{width:100%}.seg button{flex:1;min-width:0;padding:0 8px}}