@charset "UTF-8";
/* Nivelva - VPS Mikrotik CHR (prefix mk). Theme: router control room. */
:root{--mk-ink:#0F1210;--mk-ink2:#171B18;--mk-ink3:#1F2521;--mk-line:rgba(255,255,255,.09);--mk-dim:rgba(255,255,255,.66);--mk-dim2:rgba(255,255,255,.44);--mk-led:#3DDC84;--mk-amber:#F1B62D}
.mkHead{max-width:720px;margin:0 auto 40px;text-align:center}
.mkHead h2{font-family:var(--serif);font-size:clamp(30px,3.8vw,48px);font-weight:600;line-height:1.06;letter-spacing:-.02em;margin:14px 0 0;text-wrap:balance}
.mkHead h2 em{font-style:italic;color:var(--accent);font-weight:500}
.mkHead p{font-size:17px;line-height:1.6;color:var(--ink-2);margin:14px 0 0;text-wrap:pretty}
.mkTag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 13px;border-radius:999px;background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent);border:1.5px solid color-mix(in oklab,var(--accent) 30%,transparent)}
.mkTag i{width:7px;height:7px;border-radius:50%;background:var(--mk-led);box-shadow:0 0 8px var(--mk-led)}
.mkDark .mkHead p{color:var(--mk-dim)}.mkDark .mkHead h2{color:#fff}
.mkDark .mkTag{background:rgba(61,220,132,.1);color:var(--mk-led);border-color:rgba(61,220,132,.3)}
section.mk{padding:80px 0;position:relative}
.mkDark{background:var(--mk-ink);color:#fff;overflow:hidden}
.mkDark::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--mk-line) 1px,transparent 1px),linear-gradient(90deg,var(--mk-line) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(900px 500px at 70% 20%,#000,transparent 75%);mask-image:radial-gradient(900px 500px at 70% 20%,#000,transparent 75%);opacity:.55}
.mkDark>.shell{position:relative}

/* hero */
.mkHero{padding:56px 0 64px}
.mkHero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:48px;align-items:center}
.mkHero__kick{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mk-led)}
.mkHero__kick img{width:22px;height:22px;filter:brightness(0) invert(1)}
.mkHero h1{font-family:var(--serif);font-weight:600;font-size:clamp(38px,5vw,66px);line-height:1;letter-spacing:-.025em;margin:16px 0 0;text-wrap:balance}
.mkHero h1 em{font-style:italic;color:var(--accent);font-weight:500}
.mkHero__sub{font-size:18px;line-height:1.6;color:var(--mk-dim);margin:18px 0 26px;max-width:34em;text-wrap:pretty}
.mkHero__sub b{color:#fff}
.mkBtns{display:flex;gap:12px;flex-wrap:wrap}
.mkBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-weight:700;font-size:15px;padding:14px 22px;border-radius:12px;text-decoration:none;transition:transform .15s,background .15s,border-color .15s}
.mkBtn:hover{transform:translateY(-2px)}
.mkBtn--pri{background:var(--accent);color:#fff;box-shadow:0 10px 26px color-mix(in oklab,var(--accent) 40%,transparent)}
.mkBtn--wire{border:1.5px solid rgba(255,255,255,.3);color:#fff}
.mkBtn--wire:hover{border-color:#fff;background:rgba(255,255,255,.05)}
.mkHero__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.mkChip{font-family:var(--mono);font-size:12px;font-weight:600;color:rgba(255,255,255,.82);border:1px solid var(--mk-line);background:rgba(255,255,255,.04);border-radius:8px;padding:6px 10px;display:inline-flex;gap:7px;align-items:center}
.mkChip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mk-led)}

/* terminal */
.mkTerm{background:#0A0C0B;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 6px rgba(255,255,255,.03)}
.mkTerm__bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#141816;border-bottom:1px solid var(--mk-line)}
.mkTerm__dots{display:flex;gap:6px}.mkTerm__dots i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.18)}.mkTerm__dots i:first-child{background:var(--accent)}
.mkTerm__t{font-family:var(--mono);font-size:12px;color:var(--mk-dim2)}
.mkTerm__st{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--mk-led);display:inline-flex;gap:6px;align-items:center}
.mkTerm__st::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mk-led);animation:mkPing 1.8s infinite}
@keyframes mkPing{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}100%{box-shadow:0 0 0 8px transparent}}
.mkTerm__body{padding:18px 18px 20px;font-family:var(--mono);font-size:13px;line-height:1.75;min-height:318px;color:rgba(255,255,255,.86)}
.mkTerm__body .p{color:var(--mk-amber)}.mkTerm__body .o{color:var(--mk-dim)}.mkTerm__body .ok{color:var(--mk-led)}
.mkTerm__body .ln{white-space:pre-wrap;word-break:break-word}
.mkCaret{display:inline-block;width:8px;height:15px;background:var(--mk-led);vertical-align:-2px;animation:mkBlink 1s steps(2) infinite}
@keyframes mkBlink{50%{opacity:0}}
.mkPorts{display:flex;gap:6px;padding:12px 18px;border-top:1px solid var(--mk-line);background:#111412}
.mkPort{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-family:var(--mono);font-size:9.5px;color:var(--mk-dim2)}
.mkPort span{width:100%;max-width:38px;height:22px;border-radius:4px;background:#1B201D;border:1px solid rgba(255,255,255,.1);position:relative}
.mkPort span::after{content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:#2c332f}
.mkPort.on span::after{background:var(--mk-led);box-shadow:0 0 6px var(--mk-led);animation:mkLed 1.3s infinite}
.mkPort.on:nth-child(2n) span::after{animation-delay:.4s;background:var(--mk-amber);box-shadow:0 0 6px var(--mk-amber)}
@keyframes mkLed{0%,100%{opacity:1}50%{opacity:.35}}

/* stat strip */
.mkStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--mk-line);margin-top:56px}
.mkStrip div{padding:20px 22px;border-right:1px solid var(--mk-line)}.mkStrip div:last-child{border-right:0}
.mkStrip b{display:block;font-family:var(--serif);font-size:28px;font-weight:700;color:#fff}
.mkStrip span{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--mk-dim2)}

/* versus */
.mkVs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0;align-items:stretch;max-width:1000px;margin:0 auto}
.mkVs__col{border-radius:20px;padding:28px 28px 26px}
.mkVs__col--hw{background:var(--bg-2);border:2px dashed color-mix(in oklab,var(--ink) 22%,transparent)}
.mkVs__col--chr{background:var(--mk-ink);color:#fff;box-shadow:8px 8px 0 var(--accent)}
.mkVs__lbl{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mkVs__col--chr .mkVs__lbl{color:var(--mk-led)}
.mkVs__col h3{font-family:var(--serif);font-size:24px;margin:8px 0 18px;line-height:1.15}
.mkVs__col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mkVs__col li{display:flex;gap:11px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.mkVs__col--chr li{color:rgba(255,255,255,.86)}
.mkVs__col li svg{flex-shrink:0;width:19px;height:19px;margin-top:1px}
.mkVs__col--hw li svg{color:#C2410C}.mkVs__col--chr li svg{color:var(--mk-led)}
.mkVs__mid{display:grid;place-items:center;padding:0 18px}
.mkVs__mid span{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-style:italic;font-size:17px;box-shadow:0 8px 20px color-mix(in oklab,var(--accent) 40%,transparent)}

/* topology builder */
.mkTopo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:28px;align-items:center}
.mkTopo__map{position:relative;background:var(--mk-ink2);border:1px solid var(--mk-line);border-radius:20px;aspect-ratio:16/11;overflow:hidden}
.mkTopo__map>svg{position:absolute;inset:0;width:100%;height:100%}
.mkLink{stroke:var(--mk-led);stroke-width:2;stroke-dasharray:6 7;fill:none;animation:mkFlow 1.1s linear infinite;opacity:.9}
.mkLink.off{stroke:rgba(255,255,255,.14);animation:none;stroke-dasharray:3 6}
@keyframes mkFlow{to{stroke-dashoffset:-26}}
.mkNode{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.mkNode__dot{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#232A26;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.5);transition:all .25s}
.mkNode.on .mkNode__dot{background:rgba(61,220,132,.14);border-color:var(--mk-led);color:var(--mk-led);box-shadow:0 0 18px rgba(61,220,132,.3)}
.mkNode__n{font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.75);background:rgba(0,0,0,.45);padding:2px 7px;border-radius:5px;white-space:nowrap}
.mkNode--hub .mkNode__dot{width:74px;height:74px;border-radius:18px;background:var(--accent);border:0;color:#fff;box-shadow:0 0 0 8px rgba(236,101,42,.18),0 16px 34px rgba(236,101,42,.4)}
.mkNode--hub .mkNode__dot img{width:40px;height:40px;filter:brightness(0) invert(1)}
.mkNode--hub .mkNode__n{background:#fff;color:var(--mk-ink);font-weight:700}
.mkTopo__side h3{font-family:var(--serif);font-size:26px;line-height:1.15;margin:0 0 10px;color:#fff}
.mkTopo__side>p{color:var(--mk-dim);font-size:15.5px;line-height:1.6;margin:0 0 20px}
.mkCities{display:flex;flex-wrap:wrap;gap:8px}
.mkCity{font-family:var(--sans);font-size:14px;font-weight:700;padding:9px 14px;border-radius:10px;border:1.5px solid rgba(255,255,255,.18);background:transparent;color:rgba(255,255,255,.8);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .16s}
.mkCity::before{content:"+";font-family:var(--mono);color:var(--mk-dim2)}
.mkCity:hover{border-color:#fff;color:#fff}
.mkCity.on{background:rgba(61,220,132,.12);border-color:var(--mk-led);color:#fff}
.mkCity.on::before{content:"✓";color:var(--mk-led)}
.mkTopo__log{margin-top:20px;background:#0A0C0B;border:1px solid var(--mk-line);border-radius:12px;padding:14px 16px;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--mk-dim);min-height:104px}
.mkTopo__log b{color:var(--mk-led);font-weight:600}.mkTopo__log .p{color:var(--mk-amber)}

/* pricing */
.mkReg{display:inline-flex;gap:4px;padding:5px;border-radius:14px;background:var(--bg-2);border:1.5px solid color-mix(in oklab,var(--ink) 12%,transparent);margin:0 auto 30px}
.mkRegWrap{display:flex;justify-content:center}
.mkReg button{font-family:var(--sans);font-size:14.5px;font-weight:700;border:0;background:transparent;color:var(--ink-2);padding:10px 18px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.mkReg button.on{background:var(--ink);color:#fff}
.mkReg small{font-family:var(--mono);font-size:10.5px;opacity:.7;font-weight:500}
.mkPlans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mkPlan{position:relative;background:var(--mk-ink);color:#fff;border-radius:20px;padding:24px 24px 22px;display:flex;flex-direction:column;border:1px solid #000;transition:transform .18s,box-shadow .18s}
.mkPlan:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--accent)}
.mkPlan--hot{box-shadow:6px 6px 0 var(--accent)}
.mkPlan--trial{background:var(--bg);color:var(--ink);border:2px dashed color-mix(in oklab,var(--ink) 25%,transparent)}
.mkPlan__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mkPlan__n{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.04em}
.mkPlan__badge{font-family:var(--mono);font-size:10.5px;font-weight:800;letter-spacing:.06em;background:var(--accent);color:#fff;padding:4px 9px;border-radius:6px}
.mkPlan__led{display:flex;gap:4px}.mkPlan__led i{width:7px;height:7px;border-radius:50%;background:var(--mk-led);opacity:.9}.mkPlan__led i:nth-child(2){background:var(--mk-amber)}
.mkPlan__for{font-size:14px;color:var(--mk-dim);margin:8px 0 16px}
.mkPlan--trial .mkPlan__for{color:var(--ink-3)}
.mkPlan__price{font-family:var(--serif);font-size:38px;font-weight:700;letter-spacing:-.02em;line-height:1}
.mkPlan__price small{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--mk-dim)}
.mkPlan--trial .mkPlan__price small{color:var(--ink-3)}
.mkPlan__bw{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--mk-led);background:rgba(61,220,132,.1);border-radius:6px;padding:4px 9px}
.mkPlan--trial .mkPlan__bw{color:#15803D;background:rgba(21,128,61,.1)}
.mkPlan ul{list-style:none;margin:18px 0 20px;padding:16px 0 0;border-top:1px solid var(--mk-line);display:grid;gap:9px;flex:1}
.mkPlan--trial ul{border-top-color:color-mix(in oklab,var(--ink) 12%,transparent)}
.mkPlan li{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.mkPlan li span{color:var(--mk-dim)}.mkPlan--trial li span{color:var(--ink-3)}
.mkPlan li b{font-weight:700;text-align:right}
.mkPlan__buy{display:block;text-align:center;font-family:var(--sans);font-weight:700;font-size:15px;padding:13px;border-radius:11px;text-decoration:none;background:#fff;color:var(--mk-ink);transition:background .15s}
.mkPlan__buy:hover{background:var(--mk-amber)}
.mkPlan--hot .mkPlan__buy{background:var(--accent);color:#fff}
.mkPlan--trial .mkPlan__buy{background:var(--ink);color:#fff}
.mkPriceNote{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:center;margin-top:26px;font-size:14px;color:var(--ink-2)}
.mkPriceNote span{display:inline-flex;align-items:center;gap:8px}
.mkPriceNote svg{width:17px;height:17px;color:#15803D}

/* features as port labels */
.mkFeat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1.5px solid color-mix(in oklab,var(--ink) 14%,transparent);border-radius:20px;overflow:hidden;background:var(--bg)}
.mkFeat>div{padding:22px 22px 24px;border-right:1.5px solid color-mix(in oklab,var(--ink) 9%,transparent);border-bottom:1.5px solid color-mix(in oklab,var(--ink) 9%,transparent);position:relative;transition:background .16s}
.mkFeat>div:nth-child(4n){border-right:0}.mkFeat>div:nth-last-child(-n+4){border-bottom:0}
.mkFeat>div:hover{background:var(--bg-2)}
.mkFeat code{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:700;color:#fff;background:var(--ink);padding:4px 9px;border-radius:6px;margin-bottom:12px}
.mkFeat>div:hover code{background:var(--accent)}
.mkFeat h3{font-family:var(--sans);font-size:16.5px;font-weight:700;margin:0 0 6px}
.mkFeat p{margin:0;font-size:14px;line-height:1.5;color:var(--ink-2)}

/* use cases */
.mkUses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mkUse{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px;border-radius:18px;background:var(--mk-ink2);border:1px solid var(--mk-line);transition:border-color .16s,transform .16s}
.mkUse:hover{border-color:rgba(61,220,132,.45);transform:translateY(-3px)}
.mkUse__ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(241,182,45,.12);color:var(--mk-amber);border:1px solid rgba(241,182,45,.3)}
.mkUse h3{font-family:var(--sans);font-size:17px;font-weight:700;margin:2px 0 6px;color:#fff}
.mkUse p{margin:0 0 12px;font-size:14.5px;line-height:1.55;color:var(--mk-dim)}
.mkUse code{display:block;font-family:var(--mono);font-size:12px;color:var(--mk-led);background:#0A0C0B;border-radius:8px;padding:8px 10px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}

/* steps */

/* extras */
.mkExtra{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;max-width:1000px;margin:0 auto}
.mkExtra__card{background:var(--bg);border:1.5px solid color-mix(in oklab,var(--ink) 12%,transparent);border-radius:18px;padding:22px 24px}
.mkExtra__card h3{font-family:var(--serif);font-size:20px;margin:0 0 12px}
.mkExtra__row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed color-mix(in oklab,var(--ink) 14%,transparent);font-size:14.5px}
.mkExtra__row:last-child{border-bottom:0}
.mkExtra__row span{color:var(--ink-2)}.mkExtra__row b{font-family:var(--mono);font-size:13.5px;white-space:nowrap}
.mkExtra__card--rules li{font-size:14.5px;line-height:1.5;color:var(--ink-2);margin-bottom:9px}
.mkExtra__card--rules ul{margin:0;padding-left:18px}



/* cta */
.mkCta{border-radius:26px;padding:56px 48px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center;background:var(--mk-ink);color:#fff;position:relative;overflow:hidden}
.mkCta::after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(236,101,42,.35),transparent 70%)}
.mkCta h2{font-family:var(--serif);font-size:clamp(30px,3.8vw,46px);line-height:1.05;margin:0 0 12px}
.mkCta h2 em{font-style:italic;color:var(--accent)}
.mkCta p{color:var(--mk-dim);font-size:16.5px;line-height:1.6;margin:0}
.mkCta .mkBtns{justify-content:flex-end;position:relative;z-index:1}

@media (max-width:1080px){.mkPlans{grid-template-columns:repeat(2,minmax(0,1fr))}.mkFeat{grid-template-columns:repeat(2,minmax(0,1fr))}.mkFeat>div:nth-child(4n){border-right:1.5px solid color-mix(in oklab,var(--ink) 9%,transparent)}.mkFeat>div:nth-child(2n){border-right:0}.mkFeat>div:nth-last-child(-n+4){border-bottom:1.5px solid color-mix(in oklab,var(--ink) 9%,transparent)}.mkFeat>div:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:900px){.mkHero__grid,.mkTopo,.mkCta,.mkExtra{grid-template-columns:1fr}.mkStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.mkStrip div:nth-child(2){border-right:0}.mkStrip div:nth-child(-n+2){border-bottom:1px solid var(--mk-line)}.mkVs{grid-template-columns:1fr}.mkVs__mid{padding:14px 0}.mkSteps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 0}.mkSteps::before{display:none}.mkUses{grid-template-columns:1fr}.mkCta .mkBtns{justify-content:flex-start}}
@media (max-width:620px){section.mk{padding:60px 0}.mkPlans,.mkFeat{grid-template-columns:1fr}.mkFeat>div{border-right:0!important;border-bottom:1.5px solid color-mix(in oklab,var(--ink) 9%,transparent)!important}.mkFeat>div:last-child{border-bottom:0!important}.mkSteps{grid-template-columns:1fr}.mkBtns .mkBtn{flex:1 1 100%}.mkTerm__body{font-size:12px;min-height:290px}.mkCta{padding:40px 22px}.mkTopo__map{aspect-ratio:1/1}.mkNode__n{font-size:10px}}
@media (prefers-reduced-motion:reduce){.mkLink,.mkPort span::after,.mkCaret,.mkTerm__st::before{animation:none}}
.mkNode__dot svg{width:20px;height:20px}.mkNode{gap:7px}


/* testimonials as pinned notes */
.mkWall{background:#EFE4D2;background-image:radial-gradient(rgba(120,90,50,.07) 1px,transparent 1.2px);background-size:6px 6px}
.mkNotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;max-width:1080px;margin:10px auto 0;align-items:start}
.mkNote{position:relative;margin:0;background:#FFFDF7;padding:30px 26px 24px;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.06),0 14px 24px rgba(90,60,20,.14);transform:rotate(-1.6deg);transition:transform .25s}
.mkNote--1{transform:rotate(1.2deg);margin-top:22px;background:#FFF6DC}
.mkNote--2{transform:rotate(-.6deg);margin-top:6px}
.mkNote:hover{transform:rotate(0) translateY(-4px)}
.mkNote__tape{position:absolute;top:-12px;left:50%;width:92px;height:26px;margin-left:-46px;background:rgba(236,101,42,.28);transform:rotate(-3deg);border-left:2px dotted rgba(255,255,255,.5);border-right:2px dotted rgba(255,255,255,.5)}
.mkNote__stars{color:#D97706;font-size:16px;letter-spacing:2px;margin-bottom:12px}
.mkNote blockquote{margin:0 0 20px;font-family:var(--serif);font-style:italic;font-size:18.5px;line-height:1.5;color:#2B2419}
.mkNote figcaption{display:flex;gap:12px;align-items:center;padding-top:14px;border-top:1px dashed rgba(90,60,20,.25)}
.mkNote__av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--serif);font-weight:700;font-size:17px;flex-shrink:0}
.mkNote figcaption b{display:block;font-size:15px;color:#2B2419}
.mkNote figcaption span span{font-size:13px;color:#7A6A55}
@media (max-width:900px){.mkNotes{grid-template-columns:1fr;max-width:520px;gap:30px}.mkNote,.mkNote--1,.mkNote--2{margin-top:0}}

/* faq as network trace */
.mkNet{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:56px;align-items:start;max-width:1100px;margin:0 auto}
.mkNet__trace{position:relative;display:flex;flex-direction:column;gap:6px;padding-left:6px}
.mkNet__trace::before{content:"";position:absolute;left:17px;top:22px;bottom:22px;width:2px;background:repeating-linear-gradient(180deg,rgba(61,220,132,.45) 0 6px,transparent 6px 11px)}
.mkHop{position:relative;display:flex;align-items:center;gap:16px;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:12px 14px 12px 0;cursor:pointer;color:rgba(255,255,255,.62);font-family:var(--sans);font-size:15.5px;font-weight:600;line-height:1.35;transition:all .18s}
.mkHop__node{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--mk-ink);border:2px solid rgba(61,220,132,.45);position:relative;z-index:1;transition:all .2s}
.mkHop__node::after{content:"";position:absolute;inset:6px;border-radius:50%;background:rgba(61,220,132,.45);transition:all .2s}
.mkHop:hover{color:#fff}
.mkHop:hover .mkHop__node{border-color:var(--mk-led)}
.mkHop.on{color:#fff;background:rgba(255,255,255,.05);border-color:var(--mk-line)}
.mkHop.on .mkHop__node{border-color:var(--accent);box-shadow:0 0 0 5px rgba(236,101,42,.18),0 0 16px rgba(236,101,42,.5)}
.mkHop.on .mkHop__node::after{background:var(--accent)}
.mkNet__reply{position:relative;background:#0A0C0B;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:26px 28px;min-height:280px;box-shadow:8px 8px 0 var(--accent);animation:mkIn .35s ease;position:sticky;top:24px}
.mkNet__wire{position:absolute;right:100%;top:44px;width:56px;height:2px;overflow:hidden;background:rgba(236,101,42,.25)}
.mkNet__wire i{position:absolute;top:-2px;left:0;width:14px;height:6px;border-radius:3px;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:mkPkt 1.4s linear infinite}
@keyframes mkPkt{from{left:-14px}to{left:100%}}
.mkNet__head{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--mk-led);padding-bottom:14px;margin-bottom:16px;border-bottom:1px dashed var(--mk-line)}
.mkNet__dot{width:8px;height:8px;border-radius:50%;background:var(--mk-led);animation:mkPing 1.8s infinite}
.mkNet__reply h3{font-family:var(--serif);font-size:24px;line-height:1.2;margin:0 0 12px;color:#fff}
.mkNet__reply p{margin:0;font-size:16px;line-height:1.7;color:rgba(255,255,255,.82)}
.mkNet__reply code{font-family:var(--mono);font-size:.92em;color:var(--mk-led)}
.mkNet__ask{display:inline-block;margin-top:20px;font-family:var(--sans);font-size:14.5px;font-weight:700;color:var(--mk-amber);text-decoration:none}
.mkNet__ask:hover{text-decoration:underline}
@media (max-width:900px){.mkNet{grid-template-columns:1fr;gap:24px}.mkNet__wire{display:none}.mkNet__reply{position:relative;top:0}}
@media (max-width:620px){.mkNet__reply{padding:22px 20px}.mkHop{font-size:14.5px}}
@media (prefers-reduced-motion:reduce){.mkNet__wire i,.mkNet__reply{animation:none}}

/* steps as simple road */
.mkBoot{background:var(--bg-2)}
.mkRoad{list-style:none;margin:0 auto;padding:0;max-width:1080px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
.mkRoad::before{content:"";position:absolute;left:8%;right:8%;top:30px;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 15px)}
.mkRoad__step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.mkRoad__ic{position:relative;z-index:1;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;border:4px solid var(--bg-2);box-shadow:0 0 0 2px var(--accent)}
.mkRoad__step:last-child .mkRoad__ic{background:var(--accent)}
.mkRoad__body{margin-top:16px;background:var(--bg);border:1.5px solid color-mix(in oklab,var(--ink) 12%,transparent);border-radius:16px;padding:18px 18px 20px;width:100%;flex:1}
.mkRoad__time{display:inline-block;font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent);padding:3px 9px;border-radius:6px;margin-bottom:10px}
.mkRoad__body h3{font-family:var(--serif);font-size:20px;margin:0 0 6px}
.mkRoad__body p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}
@media (max-width:900px){.mkRoad{grid-template-columns:1fr;max-width:560px;gap:14px}.mkRoad::before{left:29px;right:auto;top:30px;bottom:30px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--accent) 0 8px,transparent 8px 15px)}.mkRoad__step{flex-direction:row;align-items:flex-start;text-align:left;gap:16px}.mkRoad__ic{flex-shrink:0}.mkRoad__body{margin-top:0}}
.mkCtaSec{padding:72px 0 88px}.mkCta>div{position:relative;z-index:1}.mkCta .mkBtns{gap:14px}.mkNet__reply{position:relative;top:auto}@media (max-width:620px){.mkCtaSec{padding:48px 0 64px}}
#faq.mkDark::before{display:none}#faq .mkNet__wire i{animation:none;left:auto;right:0}#faq .mkNet__dot{animation:none}#faq .mkNet__reply{animation:none;box-shadow:6px 6px 0 var(--accent)}#faq .mkHop,#faq .mkHop__node,#faq .mkHop__node::after{transition:color .15s,background-color .15s,border-color .15s}#faq .mkHop.on .mkHop__node{box-shadow:0 0 0 4px rgba(236,101,42,.22)}#faq{content-visibility:auto;contain-intrinsic-size:auto 640px}
@media (max-width:380px){.mkReg{width:100%;max-width:100%;flex-wrap:wrap}.mkReg button{flex:1 1 0;min-width:0;padding-left:10px;padding-right:10px;font-size:13px}}

@media (max-width:720px){.mkNode__n{font-size:11.5px}.mkPlan__badge{font-size:11.5px}.mkNet__ask{min-height:40px;display:inline-flex;align-items:center}}
/* region v2 */
.mkReg{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;padding:0;background:none;border:0;border-radius:0}
.mkReg button{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 0 0 1.5px rgba(40,40,40,.12);transition:box-shadow .15s,transform .15s}
.mkReg button:hover{box-shadow:0 0 0 1.5px var(--accent);transform:translateY(-1px)}
.mkReg button.on{background:#fff;color:var(--ink);box-shadow:0 0 0 2px var(--accent),0 14px 26px -16px rgba(236,101,42,.7)}
.mkReg__f{display:flex;flex-shrink:0;border-radius:3px;overflow:hidden}
.mkReg__t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.mkReg__t b{font:700 15.5px/1.2 var(--sans)}
.mkReg__t small{font:500 12px/1.2 var(--sans);opacity:1;color:#7A7067}
.mkReg__ck{flex-shrink:0;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(40,40,40,.25)}
.mkReg button.on .mkReg__ck{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:none}
@media (max-width:480px){.mkReg{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.mkReg button{padding:12px;gap:9px;flex:initial}.mkReg__f svg{width:24px;height:16px}.mkReg__t b{font-size:14.5px}.mkReg__ck{width:18px;height:18px}}
/* section label v2 */
.mkTag{display:inline-block!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:700 13px/1.2 var(--sans)!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--accent)!important}
.mkTag i{display:none!important}
/* features mobile compact */
@media (max-width:640px){
.mkFeat{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:16px}
.mkFeat>div{padding:14px 14px 15px!important;border-bottom:1.5px solid color-mix(in oklab,var(--ink) 9%,transparent)!important}
.mkFeat>div:nth-child(odd){border-right:1.5px solid color-mix(in oklab,var(--ink) 9%,transparent)!important}
.mkFeat>div:nth-last-child(-n+2){border-bottom:0!important}
.mkFeat code{font-size:11px;padding:3px 7px;margin-bottom:8px}
.mkFeat h3{font-size:14.5px;line-height:1.3;margin-bottom:4px}
.mkFeat p{font-size:12.5px;line-height:1.45}
}
/* heading eyebrow: simple text, no decoration */
.mkHead .mkTag{font:600 14px/1.3 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--accent)!important;margin-bottom:6px}
@media (max-width:640px){.mkHero__chips{display:none!important}}