:root{--luna:#0A2A8C;--luna2:#1F63D6;--chrome:#ECE9D8;--sh:#93917E;--txt:#1A1A22;--paper:#F5F2E6;--paper2:#E7E3D2;--red:#C4341A;--red2:#E2542A;--green:#4F9E1E;--lime:#B8EF3C;--orange:#F08A24;--mut:#5A5E6B;--sky:#63A9E5}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--txt);font-family:'Trebuchet MS',Tahoma,Verdana,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden;background:var(--paper)}
a{color:var(--luna)}a:hover{color:#0b1f5e}
h1,h2,h3,h4{margin:0;font-family:'Trebuchet MS',Tahoma,sans-serif;line-height:1.08}
img,svg{max-width:100%}

/* ---------- shared bits ---------- */
.w{max-width:1200px;margin:0 auto;padding:0 clamp(12px,3vw,32px)}
.k{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.tape{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;background:var(--lime);color:#1b2410;padding:5px 11px;transform:rotate(-1.8deg);box-shadow:1px 2px 4px rgba(0,0,0,.18)}
.stamp{display:inline-block;border:3px double var(--red);color:var(--red);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:6px 10px;transform:rotate(-3deg);line-height:1.2}
.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:none;font-family:'Trebuchet MS',Tahoma,sans-serif;font-size:14px;font-weight:700;padding:11px 20px;border-radius:4px;color:#0d2451;text-decoration:none;background:linear-gradient(180deg,#fdfdfd,#eceade 45%,#dcd8c6);box-shadow:inset 0 0 0 1px #fff,0 0 0 1px #8d8b78,0 1px 1px rgba(0,0,0,.15);cursor:pointer;min-height:44px}
.btn:hover{background:linear-gradient(180deg,#fff,#f6f2d8 45%,#f0e9b8);color:#0d2451}
.btn.go{background:linear-gradient(180deg,#8ED14E,#4F9E1E 48%,#3C8215);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px #2f6a11,0 1px 2px rgba(0,0,0,.25)}
.btn.go:hover{background:linear-gradient(180deg,#A2E162,#5CB325 48%,#468F19);color:#fff}
.acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.ph{background:repeating-linear-gradient(135deg,#d8d5c6 0 7px,#e6e3d5 7px 14px);border:1px solid var(--sh);display:flex;align-items:flex-end;padding:11px}
.ph span{font-size:11.5px;color:#4a4d59;line-height:1.4}

/* ---------- window chrome ---------- */
.win{background:var(--chrome);border-radius:9px 9px 4px 4px;box-shadow:0 10px 26px rgba(8,30,70,.4),0 0 0 1px rgba(10,42,140,.45);padding:0 4px 4px;background-image:linear-gradient(180deg,var(--luna2),var(--luna) 60%);overflow:hidden}
.tb{min-height:32px;display:flex;align-items:center;gap:7px;padding:5px 5px 5px 9px;color:#fff;font-weight:700;font-size:13.5px;text-shadow:1px 1px 1px rgba(0,0,0,.5);user-select:none;background:linear-gradient(180deg,#5A9BF5 0 8%,#256DE0 40%,#1354C4 88%,#0B3EA0);border-radius:7px 7px 0 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.win.blur .tb{background:linear-gradient(180deg,#9FB6DA 0 8%,#7D96C4 45%,#6C86B4 90%,#5F79A6)}
.drag .tb{cursor:grab}
.tb .ico{width:16px;height:16px;border-radius:3px;background:#0d0d14 url("SNDR-lettermark-animated.gif") center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);flex:none}
.tb .ttl{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tb .btns{margin-left:auto;display:flex;gap:3px;flex:none}
.tb .btns b{width:22px;height:20px;border-radius:4px;font-size:11px;line-height:19px;text-align:center;color:#fff;background:linear-gradient(180deg,#6FA6F7,#2A6ADF 55%,#134FBD);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(8,34,96,.6)}
.tb .btns b.x{background:linear-gradient(180deg,#F49B7A,#E2542A 52%,#C13712)}
.bd{background:var(--chrome);border-radius:0 0 3px 3px;padding:clamp(12px,2vw,16px)}
.bd.flush{padding:0}
.sunk{background:#fff;border:1px solid var(--sh);box-shadow:inset 1px 1px 0 rgba(0,0,0,.12)}

/* ---------- desktop ---------- */
.desk{padding:clamp(12px,2.4vw,22px) 0 clamp(26px,4vw,44px);background:var(--sky);background-image:radial-gradient(130% 78% at 50% 122%,#7CB93F 0 26%,transparent 27%),radial-gradient(170% 58% at 8% 120%,#5FA02E 0 30%,transparent 31%),radial-gradient(62% 34% at 78% 16%,rgba(255,255,255,.55),transparent 70%),radial-gradient(52% 26% at 22% 10%,rgba(255,255,255,.45),transparent 70%),linear-gradient(180deg,#2E6FC0,#63A9E5 52%,#9CCFF0 76%,#8FC24A 77%,#6DAE33);border-bottom:3px solid #2c5c14}
.deskgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.42fr);gap:clamp(12px,2vw,18px);align-items:start}
.hero-in{display:grid;grid-template-columns:170px minmax(0,1fr)}
.stack{display:flex;flex-direction:column;gap:clamp(10px,1.4vw,14px)}
.wh1{font-size:clamp(29px,6.4vw,42px);line-height:1.03;letter-spacing:-.025em;margin:0 0 12px;color:#0d2451;text-wrap:balance}
.wlede{margin:0 0 clamp(15px,2vw,19px);font-size:clamp(16px,4vw,17.5px);line-height:1.48;font-weight:500;color:#1e2a40;max-width:46ch;text-wrap:pretty}
.qlede{margin:0 0 13px;font-size:14.5px;line-height:1.5;color:#2b3346;text-wrap:pretty}
.qstats{list-style:none;margin:0 0 13px;padding:0;display:flex;flex-direction:column;gap:7px}
.qstats li{display:flex;align-items:baseline;gap:9px;font-size:13px;color:#2b3346;padding-bottom:7px;border-bottom:1px solid var(--sh)}
.qstats li:last-child{border-bottom:0;padding-bottom:0}
.qstats b{flex:none;min-width:56px;font-size:17px;color:#12233f}
.bignum.tight{gap:14px;padding-bottom:12px;margin-bottom:12px}
.bignum.tight>b{font-size:clamp(46px,6vw,62px)}
.bignum.tight p{font-size:13.5px;margin-bottom:4px}
.win.min>.bd{display:none}
.win:not(.min) .tb .btns b[data-mx]{display:none}
.win.min .tb .btns b[data-mn]{display:none}
.win.max .tb .btns b[data-mx]{display:inline-block}
.win.min .tb{cursor:pointer}
.win.min{box-shadow:0 4px 14px rgba(8,30,70,.3),0 0 0 1px rgba(10,40,90,.5)}
.win.min .tb .ttl{font-size:14px}
.winsh i{width:11px;height:11px;flex:none;border-radius:2px;background:linear-gradient(180deg,#F49B7A,#E2542A 52%,#C13712);box-shadow:inset 0 0 0 1px rgba(0,0,0,.28)}
.win.min{padding-bottom:0}
.win.max{position:fixed;left:8px;right:8px;top:8px;bottom:56px;z-index:9000;overflow:auto;transform:none!important;margin:0}
.win.max>.bd{min-height:calc(100% - 34px)}
.winsh{background:rgba(255,255,255,.9);border:1px solid var(--sh);border-radius:5px;padding:8px 11px;display:flex;align-items:center;gap:9px;font-size:12.5px;color:#12233f;box-shadow:0 2px 8px rgba(8,30,70,.22)}
.winsh button{font:inherit;font-weight:700;cursor:pointer;margin-left:auto;background:linear-gradient(180deg,#fff,#E4E9F2);border:1px solid var(--sh);border-radius:4px;padding:4px 10px;color:#12233f}
.winsh button:hover{background:linear-gradient(180deg,#fff,#D3DCEC)}
.side{background:linear-gradient(180deg,#4E86D8,#2E5FB8);color:#fff;padding:14px 13px}
.side h4{margin:0 0 9px;font-size:12.5px;text-shadow:1px 1px 1px rgba(0,0,0,.35);letter-spacing:.04em;text-transform:uppercase}
.side ul{list-style:none;margin:0 0 14px;padding:0;font-size:13px}
.side li{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.side li:last-child{border-bottom:0}
.side .pill{background:rgba(255,255,255,.16);border-radius:5px;padding:9px 10px;font-size:12.5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.bignum{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,2.4vw,26px);padding-bottom:clamp(14px,2vw,20px);margin-bottom:clamp(14px,2vw,20px);border-bottom:1px solid var(--sh)}
.bignum>b{font-size:clamp(58px,10vw,116px);line-height:.82;color:#12233f;letter-spacing:-.04em;font-weight:700}
.bignum>b s{text-decoration:none;font-size:.44em;vertical-align:.62em;margin-right:.02em;color:var(--luna)}
.bignum>div{flex:1 1 260px;min-width:0}
.bignum p{margin:0 0 6px;font-size:clamp(15px,1.7vw,19px);line-height:1.42;max-width:34ch;color:#2b3346;text-wrap:pretty}
.main{padding:clamp(16px,2.4vw,24px)}
.hnav{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:2px}
.hnav button{display:block;width:100%;text-align:left;font:inherit;font-size:13.5px;color:#fff;padding:7px 9px;border:1px solid transparent;border-radius:3px;background:none;cursor:pointer}
.hnav button:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28)}
.hnav button.on{background:linear-gradient(180deg,#fff,#E8EDF7);color:#0d2451;font-weight:700;border-color:#fff;box-shadow:0 1px 2px rgba(6,26,64,.28)}
.pane{display:none}
.pane.on{display:flex;flex-direction:column}
.pane.on>.pvis{order:-1}
.pane h1,.pane .ph1{font-size:clamp(24px,3.1vw,38px);line-height:1.08;margin:0 0 10px;color:#0d2451;letter-spacing:-.02em;text-wrap:pretty}
.pane .lede{margin:0 0 clamp(14px,1.8vw,20px);font-size:clamp(14.5px,1.5vw,16.5px);line-height:1.5;max-width:52ch;color:#2b3346;text-wrap:pretty}
.rot{margin-bottom:2px}
.rothd{display:flex;align-items:center;gap:10px;margin-bottom:clamp(8px,1.2vw,12px)}
.rothd .tag{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0d2451;background:linear-gradient(180deg,#fff,#E8EDF7);border:1px solid var(--sh);border-radius:999px;padding:5px 11px 5px 9px;display:inline-flex;align-items:center;gap:7px;box-shadow:inset 0 1px 0 #fff}
.rothd .tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#2E7BE8;box-shadow:0 0 0 2px rgba(46,123,232,.22)}
.rothd .cnt{margin-left:auto;font-size:11.5px;font-weight:700;letter-spacing:.08em;color:#0d2451}
.rothd .cnt i{font-style:normal;color:#8a90a3;margin:0 2px}
.bars{display:flex;gap:7px;margin-top:clamp(10px,1.4vw,14px);max-width:340px}
.bars button{flex:1;padding:6px 0;background:none;border:0;cursor:pointer}
.bars i{display:block;height:5px;border-radius:3px;background:#D3D9E6;box-shadow:inset 0 1px 1px rgba(8,30,70,.14);overflow:hidden;position:relative}
.bars i::after{content:"";position:absolute;inset:0;width:var(--p,0%);border-radius:3px;background:linear-gradient(180deg,#4E97F2,#0C2F86)}
.rot .num s.pre{font-size:.5em;letter-spacing:-.02em;margin-right:.02em}
.numwrap{display:flex;align-items:baseline;gap:clamp(10px,1.6vw,16px);flex-wrap:wrap}
.num{font-size:clamp(72px,12vw,146px);line-height:.8;font-weight:700;letter-spacing:-.035em;background:linear-gradient(180deg,#2E7BE8,#0C2F86);-webkit-background-clip:text;background-clip:text;color:transparent}
.num s{text-decoration:none;font-size:.36em}
.numwrap p{margin:0;font-size:clamp(15px,1.5vw,17px);max-width:24ch;color:#20304f}
.numwrap p b{background:#F7F3C6;padding:0 3px}
.main h1{font-size:clamp(21px,2.6vw,29px);margin:15px 0 9px;color:#0d2451}
.main .lede{margin:0;font-size:14.5px;max-width:56ch;color:#2b3346}
.src{font-size:11.5px;color:#55596a;margin:14px 0 0}

/* explorer list */
.head{display:flex;gap:8px;background:linear-gradient(180deg,#fff,#e8e5d4);border-bottom:1px solid var(--sh);padding:6px 9px;font-weight:700;font-size:11.5px;color:#3a3d4a}
.head span:last-child{margin-left:auto}
.list{margin:0;padding:0;list-style:none;font-size:13.5px}
.list li{display:flex;gap:9px;align-items:center;padding:9px;border-bottom:1px solid #eeece0;min-height:44px}
.list li:last-child{border-bottom:0}
.list li.on{background:linear-gradient(180deg,#5A9BF5,#2A6ADF);color:#fff}
.list .dot{width:12px;height:12px;border-radius:3px;flex:none;background:linear-gradient(160deg,#F09A7C,#C4341A);box-shadow:inset 0 0 0 1px rgba(0,0,0,.3)}
.list li.ok .dot{background:linear-gradient(160deg,#A8E85E,#4E9C1C)}
.list .nm{font-weight:700}
.list .st{margin-left:auto;font-size:12px;white-space:nowrap}
.bal{display:flex;gap:10px;align-items:flex-start;background:#FFFFE1;border:1px solid #A9A78E;border-radius:5px;padding:11px;font-size:13px;margin:12px 0 0;box-shadow:0 2px 4px rgba(0,0,0,.15)}
.bal i{width:16px;height:16px;border-radius:50%;background:linear-gradient(160deg,#FFD866,var(--orange));flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);margin-top:2px}

/* ---------- marquee ---------- */
.strip{background:linear-gradient(180deg,#3D8BE8 0 8%,#2B6BD6 42%,#1B4FA8 92%,#12408F);color:#fff;overflow:hidden;padding:11px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.mq{width:max-content;display:flex;gap:0;white-space:nowrap;font-weight:700;font-size:clamp(19px,3vw,34px);line-height:1.1;animation:sl 26s linear infinite;will-change:transform;text-shadow:1px 1px 2px rgba(0,0,0,.35)}
.mq span{flex:none;display:flex;gap:30px;align-items:center;padding-right:30px}
.mq i{color:var(--lime);font-style:normal;letter-spacing:.06em;text-transform:uppercase;font-size:.62em}
@keyframes sl{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mq{animation:none}}

/* ---------- page below ---------- */
.page{background:var(--paper);background-image:radial-gradient(rgba(26,26,34,.35) 30%,transparent 31%);background-size:3px 3px}
section{padding:clamp(30px,4.4vw,58px) 0}
.hd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:clamp(16px,2.4vw,26px);border-bottom:2px solid var(--paper2);padding-bottom:12px}
.hd h2{font-size:clamp(24px,4vw,40px);color:#12233f}
.hd .k{margin-left:auto}
.leadin{max-width:74ch;margin:-6px 0 clamp(16px,2.2vw,24px);font-size:15px;line-height:1.55;color:#2b3346;text-wrap:pretty}
.leadin b{color:#12233f}

.table{position:relative;background:linear-gradient(180deg,#E9E5D4,#DEDACA);border:1px solid var(--sh);border-radius:5px;box-shadow:inset 0 2px 10px rgba(0,0,0,.1);padding:clamp(14px,2.2vw,24px);overflow:hidden}
.hint{position:static;display:inline-block;white-space:nowrap;margin:0 0 20px}
.spread{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.pc{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--sh);border-radius:5px;box-shadow:0 6px 14px rgba(8,30,70,.2);padding:15px 15px 17px;transform:rotate(var(--r,0deg))}
.pc:nth-child(2){--r:1.2deg}.pc:nth-child(3){--r:-1.4deg}.pc:nth-child(4){--r:.9deg}
.pc .grip{display:none}
.pc .hd2{display:flex;align-items:baseline;gap:8px;border-bottom:1px solid #e4e0cf;padding-bottom:8px}
.pc .nm{font-size:16px;font-weight:700;color:#12233f;letter-spacing:-.01em;white-space:nowrap}
.pc .hp{margin-left:auto;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.pc>*{flex-shrink:0}
.pc .art{flex:1 1 auto;min-height:110px;margin:11px 0 0;aspect-ratio:1.5;border:1px solid var(--sh);background:repeating-linear-gradient(135deg,#e2dece 0 7px,#eeebdc 7px 14px);display:flex;align-items:flex-end;padding:9px}
.pc .art span{font-size:11px;line-height:1.35;color:#4a4d59}
.pc b.stat{display:block;font-size:clamp(38px,5vw,56px);line-height:.9;font-weight:700;letter-spacing:-.03em;color:var(--luna);margin:12px 0 7px}
.pc p{margin:0;font-size:13.5px;line-height:1.4;color:#333849}
.pc .flav{font-style:italic;font-size:12.5px;color:var(--mut);border-top:1px solid #e4e0cf;margin-top:11px;padding-top:9px}
.pc .what{font-size:12.5px;line-height:1.45;color:#4a4d59;margin:9px 0 0}
.pc .what b{color:#12233f}
.pc .n{position:absolute;top:-12px;left:-10px;width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,#E2542A,#C13712);color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 4px rgba(0,0,0,.3)}
body.can-drag .pc{cursor:grab;touch-action:none;user-select:none}
body.can-drag .pc.up{box-shadow:0 16px 34px rgba(8,30,70,.35);cursor:grabbing}

.specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--sh);border:1px solid var(--sh);border-radius:3px;overflow:hidden}
.specs>div{background:#fff;padding:14px 15px 16px}
.specs .k{display:block;margin-bottom:7px}
.specs b{display:block;font-size:clamp(26px,3vw,36px);line-height:1;font-weight:700;letter-spacing:-.03em;color:var(--luna)}
.specs p{margin:8px 0 0;font-size:13px;line-height:1.45;color:#333849}
@media(max-width:860px){.specs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.specs{grid-template-columns:minmax(0,1fr)}}

.job{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,20px)}
.job>div{background:#fff;border:1px solid var(--sh);border-radius:5px;padding:18px}
.job h3{font-size:clamp(19px,2.4vw,25px);margin:11px 0 9px;color:#12233f}
.job p{margin:0;font-size:14px;color:#333849}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,44px);align-items:center}
.two p{font-size:16px;max-width:44ch;color:#2b3346}
.pin{position:relative}.two .pin .ph{aspect-ratio:4/3;width:100%}.pin .tape{position:absolute;top:-12px;left:16px;z-index:2}
table.xl{border-collapse:collapse;width:100%;background:#fff;font-size:13.5px}
table.xl th,table.xl td{border:1px solid #cfcdbc;padding:10px;text-align:left}
table.xl th{background:linear-gradient(180deg,#fff,#e8e5d4);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
table.xl td.n{text-align:right;font-weight:700}
table.xl tr.hi td{background:#EDF7DF}
table.xl tr.rule td{border-top:2px solid #12233f}
table.xl.bun th.n,table.xl td.n{text-align:right}
table.xl.bun th.n{color:#12233f;font-size:13px}
table.xl td.n s{display:block;font-weight:400;font-size:11.5px;color:var(--mut);text-decoration:line-through}
table.xl tr.save td{background:linear-gradient(180deg,#3f8ce8,#1E5BC6 42%,#0A3C9E);color:#fff;font-size:11px;line-height:1.3;font-weight:700;border-color:#0A246A;text-shadow:1px 1px 1px rgba(0,0,0,.4);vertical-align:middle}
table.xl tr.save td:first-child{letter-spacing:.1em;text-transform:uppercase;font-size:11px}
.pct{display:block;white-space:nowrap;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin-top:4px}
table.xl tr.save td.n{padding:8px}
.chip{display:block;margin:0 0 4px auto;width:max-content;font-family:'Trebuchet MS',Tahoma,sans-serif;font-size:11.5px;font-weight:700;color:#12233f;text-shadow:none;padding:3px 9px;background:linear-gradient(180deg,#FBFAF4,#E4E1D1);border:1px solid;border-color:#fff #8f8d7c #8f8d7c #fff}
h4.sub.first{margin-top:0}
h4.sub{margin:26px 0 10px;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#12233f}
.pnote{position:relative;margin:22px 0 0;padding:20px 20px 16px;background:#fff;border:2px solid #12233f;box-shadow:5px 5px 0 rgba(18,35,63,.14)}
.pnote h4{margin:0 0 8px;font-size:clamp(17px,2.1vw,23px);color:#12233f;letter-spacing:-.01em}
.pnote p{margin:0;font-size:14px;line-height:1.55;color:#2b3346;max-width:66ch;text-wrap:pretty}
.pnote .src{margin-top:10px}
.pnote .tape{position:absolute;top:-13px;left:16px}
.pnote.spaced{margin-top:30px}
.end{background:linear-gradient(180deg,#2E6FC0,#0F317F);color:#fff;padding:clamp(34px,5vw,74px) 0;text-align:center;border-top:3px solid #0a1f52}
.end h2{font-size:clamp(28px,6vw,66px);margin:16px 0 18px;text-shadow:1px 2px 3px rgba(0,0,0,.35)}
.end .acts{justify-content:center}
.end .k{color:#BBD3F2}
footer{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:baseline;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);padding:20px 0 26px}
footer a{color:var(--mut)}footer a:hover{color:var(--luna)}

/* ---------- taskbar ---------- */
.task{position:fixed;left:0;right:0;bottom:0;height:42px;z-index:99;display:flex;align-items:center;gap:5px;padding-right:0;background:linear-gradient(180deg,#3D8BE8 0 8%,#2B6BD6 42%,#1B4FA8 92%,#12408F);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 -2px 8px rgba(0,0,0,.2)}
.start{display:flex;align-items:center;gap:8px;height:100%;padding:0 20px 0 11px;font-size:16px;font-weight:700;font-style:italic;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.45);background:linear-gradient(180deg,#7CC94A 0 10%,#4FA323 45%,#3C8215 92%);border-radius:0 12px 12px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);text-decoration:none}
.start:hover{color:#fff}
.start i{width:18px;height:18px;border-radius:4px;background:#0d0d14 url("SNDR-lettermark-animated.gif") center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.35);display:block;flex:none}
.task .tk{height:28px;display:flex;align-items:center;padding:0 12px;font-size:12.5px;color:#fff;text-decoration:none;border-radius:3px;background:linear-gradient(180deg,#5A97EC,#2C6BCE);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);max-width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.task .tk:hover{color:#fff;background:linear-gradient(180deg,#6CA6F5,#3877DA)}
.tray{margin-left:auto;display:flex;align-items:center;gap:12px;height:100%;padding:0 13px;color:#fff;font-size:12.5px;background:linear-gradient(180deg,#3B8BE0,#1C55B2);box-shadow:inset 1px 0 0 rgba(255,255,255,.25)}
.tray a{color:#fff;text-decoration:none}.tray a:hover{color:#fff;text-decoration:underline}
body{padding-bottom:52px}

@media(max-width:1000px){.deskgrid,.two{grid-template-columns:minmax(0,1fr)}.spread{grid-template-columns:repeat(2,minmax(0,1fr))}.job{grid-template-columns:minmax(0,1fr)}.two .pin .ph{aspect-ratio:16/9;max-height:340px}}
@media(max-width:760px){.hero-in{grid-template-columns:minmax(0,1fr)}.side{order:2;padding:13px}.side ul{margin-bottom:11px}.tray a{display:none}}
@media(max-width:560px){.spread{grid-template-columns:minmax(0,1fr)}.pc{transform:none}.pc .n{left:auto;right:-8px}.num{font-size:clamp(66px,20vw,110px)}.numwrap p{max-width:none}}

/* ---------- start menu ---------- */
.start.on{background:linear-gradient(180deg,#5FA92F 0 10%,#3C8215 45%,#2E6910 92%);box-shadow:inset 0 2px 5px rgba(0,0,0,.35)}
.menu{position:fixed;left:0;bottom:42px;z-index:100;width:min(430px,calc(100vw - 12px));display:none;border:1px solid #0B3EA0;border-bottom:0;border-radius:9px 9px 0 0;overflow:hidden;box-shadow:0 -8px 34px rgba(0,0,0,.45);background:#fff}
.menu.open{display:block}
.menu .mhd{display:flex;align-items:center;gap:11px;padding:11px 13px;color:#fff;background:linear-gradient(180deg,#4E97F2 0 10%,#1F63D6 48%,#0F3F9E);border-bottom:2px solid #F5A623;text-shadow:1px 1px 2px rgba(0,0,0,.45)}
.menu .mhd i{width:36px;height:36px;flex:none;border-radius:6px;background:#0d0d14 url("SNDR-lettermark-animated.gif") center/cover no-repeat;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 1px 3px rgba(0,0,0,.35)}
.menu .mhd b{font-size:16px;font-style:italic;letter-spacing:-.01em}
.menu .mhd span{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-style:normal}
.menu .mbd{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);border-bottom:2px solid #0F3F9E}
.menu .col{padding:7px 6px}
.menu .col+.col{background:#D3E5FA;box-shadow:inset 1px 0 0 #A9C7EC}
.menu .col .k{display:block;padding:6px 9px 5px;font-size:10px}
.menu .mi{display:flex;gap:10px;align-items:center;min-height:44px;padding:7px 9px;border-radius:3px;text-decoration:none;color:#12233f;font-size:14px;font-weight:700;line-height:1.2}
.menu .mi:hover,.menu .mi:focus-visible{background:linear-gradient(180deg,#5A9BF5,#2A6ADF);color:#fff;outline:none}
.menu .mi small{display:block;font-weight:400;font-size:11.5px;color:var(--mut);margin-top:1px}
.menu .mi:hover small,.menu .mi:focus-visible small{color:#dbe9ff}
.menu .mi i{width:24px;height:24px;flex:none;border-radius:4px;background:linear-gradient(160deg,#8FC6FF,#2A6ADF);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.25)}
.menu .mi.cur{background:#C9DDF7}
.menu .col+.col .mi i{background:linear-gradient(160deg,#FFD37A,var(--orange))}
.menu .sep{height:1px;background:#C7C4B2;margin:5px 9px}
.menu .mft{display:flex;justify-content:flex-end;gap:16px;padding:9px 13px;background:linear-gradient(180deg,#4E97F2 0 10%,#1F63D6 48%,#0F3F9E)}
.menu .mft a{display:flex;align-items:center;gap:7px;color:#fff;font-size:12.5px;font-weight:700;text-decoration:none;text-shadow:1px 1px 1px rgba(0,0,0,.4)}
.menu .mft a:hover{color:#fff;text-decoration:underline}
.menu .mft i{width:18px;height:18px;border-radius:50%;background:linear-gradient(160deg,#F49B7A,#C13712);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.scrim{position:fixed;inset:0;z-index:98;display:none}
.scrim.on{display:block}
@media(max-width:480px){.menu .mbd{grid-template-columns:minmax(0,1fr)}.menu .col+.col{box-shadow:inset 0 1px 0 #A9C7EC}}

/* ---------- interior pages ---------- */
.top{background:var(--sky);background-image:radial-gradient(120% 70% at 50% 128%,#7CB93F 0 26%,transparent 27%),radial-gradient(60% 34% at 80% 12%,rgba(255,255,255,.5),transparent 70%),linear-gradient(180deg,#2E6FC0,#63A9E5 60%,#8FC24A 84%,#6DAE33);padding:clamp(14px,2.6vw,26px) 0 clamp(22px,3.4vw,38px);border-bottom:3px solid #2c5c14}
.top h1{font-size:clamp(26px,4.6vw,48px);color:#0d2451;margin:0 0 10px}
.top .lede{margin:0;font-size:clamp(15px,1.6vw,18px);max-width:56ch;color:#25314a}
.crumb{display:flex;gap:8px;align-items:center;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#e8f1ff;margin-bottom:11px;text-shadow:1px 1px 2px rgba(0,0,0,.4)}
.crumb a{color:#fff}
.plat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--sh);border:1px solid var(--sh);border-radius:3px;overflow:hidden}
.plat>div{background:#fff;padding:14px 15px 16px}
.plat b{display:block;font-size:16px;color:#12233f}
.plat p{margin:5px 0 0;font-size:13px;color:#333849}
.plat .badge{display:inline-block;margin-top:9px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3C8215}
@media(max-width:860px){.plat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.plat{grid-template-columns:minmax(0,1fr)}}
.steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:11px}
.steps li{counter-increment:s;display:flex;gap:13px;background:#fff;border:1px solid var(--sh);border-radius:5px;padding:15px 16px}
.steps li::before{content:counter(s,decimal-leading-zero);font-size:13px;font-weight:700;color:#fff;background:linear-gradient(180deg,#5A9BF5,#1F63D6);width:32px;height:32px;flex:none;border-radius:5px;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.steps h3{font-size:17px;color:#12233f;margin:0 0 4px}
.steps p{margin:0;font-size:14px;color:#333849}
.fld{display:block;margin-bottom:13px}
.fld span{display:block;margin-bottom:5px}
.fld input,.fld select,.fld textarea{width:100%;font:inherit;font-size:14px;padding:10px;border:1px solid var(--sh);border-radius:2px;background:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,.12);min-height:44px}
.fld textarea{min-height:110px;resize:vertical}
.faq{display:grid;gap:1px;background:var(--sh);border:1px solid var(--sh);border-radius:3px;overflow:hidden}
.faq>div{background:#fff;padding:15px 16px}
.faq h3{font-size:15.5px;color:#12233f;margin:0 0 5px}
.faq p{margin:0;font-size:14px;color:#333849}

/* ---------- taskbar nav + xp context menus ---------- */
.task .nav{display:flex;align-items:center;gap:4px;min-width:0}
.task .tk{gap:7px}
.task>.tk::before{content:none}
.menu .mbd .col .mi.brand i{background:#0d0d14 url("SNDR-lettermark-animated.gif") center/cover no-repeat}
.menu .mbd .col .mi.brand i svg{display:none}
.menu .mft i.brand{border-radius:4px;background:#0d0d14 url("SNDR-lettermark-animated.gif") center/cover no-repeat}
.task .tk svg{width:15px;height:15px;flex:none;color:#fff;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}
.task .tk.on{background:linear-gradient(180deg,#1B4FA8,#2C6BCE);box-shadow:inset 0 2px 4px rgba(0,0,0,.4)}
.task .tk.cur{background:linear-gradient(180deg,#7FB4F7,#3C7BDB);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.35)}
.ctx{position:fixed;bottom:44px;z-index:101;display:none;min-width:186px;background:#fff;border:1px solid #7F9DB9;box-shadow:3px 3px 7px rgba(0,0,0,.35);padding:2px;font-size:12.5px}
.ctx.open{display:block}
.ctx a{display:flex;align-items:center;gap:9px;padding:6px 18px 6px 9px;color:#12233f;text-decoration:none;line-height:1.2;white-space:nowrap}
.ctx a:hover,.ctx a:focus-visible{background:#316AC5;color:#fff;outline:none}
.ctx a.def{font-weight:700}
.ctx a svg{width:14px;height:14px;flex:none;color:#2A6ADF}
.ctx a:hover svg{color:#fff}
.ctx a .bul{width:14px;height:14px;flex:none;display:block;border-radius:2px;background:linear-gradient(160deg,#CFE2FB,#8FB6E8);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.ctx a:hover .bul{background:linear-gradient(160deg,#fff,#BBD4F5)}
.ctx hr{border:0;border-top:1px solid #D5D2C2;margin:3px 6px 3px 28px}
.menu .mi i{display:grid;place-items:center;color:#fff}
.menu .mi i svg{width:15px;height:15px}
.menu .mft i{display:grid;place-items:center;color:#fff}
.menu .mft i svg{width:11px;height:11px}
.menu .mi small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:480px){.menu .mi small{display:none}.menu .mi{min-height:40px;padding:6px 9px}.menu .col{padding:4px 6px}.menu .mhd{padding:9px 13px}}
@media(max-width:900px){.task .nav .tk span{display:none}.task .nav .tk{padding:0 9px}}
@media(max-width:760px){.task .nav{display:none}.task>.tk{display:none}}

.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tw table.xl{min-width:540px}
@media(max-width:680px){
.tw table.xl th,.tw table.xl td{padding:7px 8px;font-size:12px}
.tw table.xl td:first-child,.tw table.xl th:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 0 #cfcdbc}
.tw table.xl tr.hi td:first-child{background:#EDF7DF}
.tw table.xl tr.save td:first-child{background:linear-gradient(180deg,#3f8ce8,#1E5BC6 42%,#0A3C9E)}
.pct{font-size:9.5px;letter-spacing:0}
}
.pc.tip{padding:16px 18px 18px}
.pc.tip h3{margin:0 0 8px;font-size:17px;line-height:1.2;color:#12233f;letter-spacing:-.01em;max-width:26ch}
.pc.tip p{margin:0;font-size:14px;line-height:1.5;color:#3a4152}
.pc.tip .flav{font-style:normal;color:#12233f;font-size:13.5px;border-top:1px solid #e4e0cf;margin-top:11px;padding-top:10px}
.pc.tip .n{top:-12px;right:-10px}
.ms{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start}
.msbox{background:#C0C0B8;border:3px solid;border-color:#fff #808078 #808078 #fff;padding:8px;flex:none}
.mshd{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#C0C0B8;border:2px solid;border-color:#808078 #fff #fff #808078;padding:6px;margin-bottom:8px}
.lcd{font-family:'Courier New',monospace;font-weight:700;font-size:19px;letter-spacing:1px;color:#FF2B2B;background:#1b1b1b;padding:2px 7px;border:1px solid #808078}
.face{width:34px;height:34px;font:700 13px/1 'Trebuchet MS',Tahoma,sans-serif;color:#12233f;background:#D9D9D2;border:2px solid;border-color:#fff #808078 #808078 #fff;cursor:pointer}
.face:active{border-color:#808078 #fff #fff #808078}
.msgrid{display:grid;grid-template-columns:repeat(5,34px);gap:2px}
.cell{width:34px;height:34px;font:700 16px/1 'Trebuchet MS',Tahoma,sans-serif;background:#D9D9D2;border:3px solid;border-color:#fff #808078 #808078 #fff;cursor:pointer;padding:0;color:#12233f;display:flex;align-items:center;justify-content:center}
.cell.open{border:1px solid #A9A9A0;background:#E6E6DE;cursor:default}
.cell.flag{color:#C4302B}
.cell.mine{background:#F0B4B1}
.cell[data-c="1"]{color:#0000FF}.cell[data-c="2"]{color:#007B00}.cell[data-c="3"]{color:#C40000}.cell[data-c="4"]{color:#00007B}.cell[data-c="5"]{color:#7B0000}
.msside{flex:1 1 260px;min-width:0}
.msmsg{margin:0 0 10px;font-size:14px;line-height:1.5;color:#2b3346;max-width:46ch;background:#F7F5EA;border:2px solid;border-color:#808078 #fff #fff #808078;padding:8px 10px}
.msmsg.good{color:#0A2A8C;font-weight:700;background:#EDF2FB}
.msmsg.bad{color:#8E2620;font-weight:700;background:#F4EDEA}
.mscore{margin:0 0 14px;font-size:13px;color:var(--mut)}.mscore b{font-size:17px;color:#12233f}
.msside .acts{margin:0 0 12px}
.pc.tip{position:relative}
.pc.tip .seal{display:none}
.pc.tip.locked>h3,.pc.tip.locked>p{filter:blur(4px);opacity:.45;user-select:none}
.pc.tip.locked .seal{display:flex;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;background:rgba(236,233,216,.72)}
.pc.tip .seal b{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.pc.tip .seal span{font-size:20px;font-weight:700;color:#12233f}
.pc.tip .seal small{font-size:12px;color:var(--mut)}
.tipx{position:absolute;top:8px;right:8px;z-index:3;width:20px;height:18px;padding:0;font:700 12px/1 'Trebuchet MS',Tahoma,sans-serif;color:#fff;background:linear-gradient(180deg,#E86A5C,#C4302B 55%,#9E2620);border:1px solid #8E2620;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45);cursor:pointer}
.tipx:hover{background:linear-gradient(180deg,#F08276,#D13B34 55%,#A82A24)}
.pc.tip.locked .tipx{display:none}
.pc.tip.shut{cursor:pointer}
.pc.tip.shut .seal{display:none}
.pc.tip.shut>p{display:none}
.pc.tip.shut>h3{margin:0;filter:none;opacity:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc.tip.shut{padding:14px 40px 14px 18px;align-self:start}
.pc.tip.shut .tipx{display:block;background:linear-gradient(180deg,#FBFAF4,#E4E1D1);border:1px solid;border-color:#fff #8f8d7c #8f8d7c #fff;border-radius:0;color:#12233f;box-shadow:none;top:12px}
.pc.tip.shut .tipx:hover{background:linear-gradient(180deg,#fff,#EDEBDD)}
.pc.tip.just{outline:3px solid var(--luna2);box-shadow:0 0 0 6px rgba(31,99,214,.18),0 6px 14px rgba(8,30,70,.2)}
@media(max-width:520px){.msgrid{grid-template-columns:repeat(5,1fr)}.cell{width:100%;aspect-ratio:1;height:auto}.msbox{flex:1 1 100%}}
.job.gloss{grid-template-columns:repeat(3,minmax(0,1fr))}
.job.gloss h3{font-size:clamp(17px,2vw,21px);margin:9px 0 4px}
.job.gloss .tagl{font-size:13px;font-weight:700;color:var(--luna);margin:0 0 8px}
.job.gloss .does{margin:11px 0 0;padding-top:9px;border-top:1px solid #e4e0cf;font-size:12.5px;color:var(--mut)}
@media(max-width:1000px){.job.gloss{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.job.gloss{grid-template-columns:minmax(0,1fr)}}
.pc.tip[hidden]{display:none}
[data-tips][hidden]{display:none}
.tipwin{margin-top:18px}
.tipwin .spread{margin:0}
[data-mines]{max-width:720px}
.ms{gap:20px;align-items:stretch}
.msside{flex:1 1 250px;display:flex;flex-direction:column}
.msside .src{margin-top:auto;padding-top:10px}
.msmsg{max-width:34ch}
@media(min-width:1000px){
.msgrid{grid-template-columns:repeat(5,44px)}
.cell{width:44px;height:44px;font-size:19px}
.lcd{font-size:21px}
.face{width:38px;height:38px}
}
.modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:18px}
.modal[hidden]{display:none}
.mdrop{position:absolute;inset:0;background:rgba(8,24,58,.5)}
.mdlg{position:relative;width:min(520px,100%);animation:mpop .16s ease-out}
@keyframes mpop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}
.mdlg .bd{padding:20px}
.mrow{display:flex;gap:16px;align-items:flex-start}
.mico{flex:none;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:italic 700 24px/1 Georgia,serif;color:#fff;background:linear-gradient(180deg,#4E8FE0,#1E5BC6 55%,#0A3C9E);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px #0A246A}
.mdlg h3{margin:0 0 8px;font-size:clamp(19px,2.4vw,25px);color:#12233f;letter-spacing:-.01em}
.mdlg p{margin:0;font-size:14.5px;line-height:1.55;color:#2b3346}
.mdlg .acts{margin-top:18px}
.btn[hidden]{display:none}
@media(max-width:560px){
.mdlg .acts{flex-direction:column;align-items:stretch;gap:8px}
.mdlg .acts .btn{width:100%}
.mrow{gap:12px}
.mico{width:34px;height:34px;font-size:20px}
}
.fmark{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#12233f}
.fmark i{width:18px;height:18px;flex:none;border-radius:4px;background:#0d0d14 url("SNDR-lettermark-animated.gif") center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.3)}
.arts{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:9px}
.arts.rail{display:flex;grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}
.arts.rail::-webkit-scrollbar{display:none}
.railwrap{position:relative}
.rnext{position:absolute;top:50%;right:-6px;transform:translateY(-50%);z-index:3;width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #6e7c94;border-radius:50%;background:linear-gradient(180deg,#fff,#e6ecf5);box-shadow:0 1px 3px rgba(18,35,63,.25);color:#12233f;cursor:pointer}
.rprev{left:-6px;right:auto}
.rnext:hover{background:linear-gradient(180deg,#fff,#d3e0f5);border-color:#3C7BDB}
.rnext:disabled{opacity:0;pointer-events:none}
.rnext svg{width:14px;height:14px}
@media(max-width:640px){.rnext{display:none}}
.arts.rail>.art{flex:0 0 265px;scroll-snap-align:start}
.art{display:flex;flex-direction:column;gap:5px;padding:13px 15px;background:#fff;border:1px solid #B8C4D8;border-radius:4px;text-decoration:none;color:#12233f}
.art:hover,.art:focus-visible{border-color:#3C7BDB;background:#F2F7FF;color:#12233f;outline:none}
.art em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5C7699}
.art b{font-size:15px;line-height:1.25}
.art span{font-size:13px;line-height:1.45;color:var(--mut)}
.soon{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:12px 0 0}
.soon li{font-size:12.5px;white-space:nowrap;line-height:1.4;padding:5px 10px;border-radius:3px;background:#EDEAE0;border:1px solid #CFCBBB;color:#4a4a44}

/* blog post prose */
.tb h2.ttl{font:inherit;font-size:15px;font-weight:700;margin:0;color:#fff;letter-spacing:0}
.post p{font-size:15.5px;line-height:1.62;color:#2b3346;margin:0 0 12px;max-width:74ch;text-wrap:pretty}
.post>p:last-child{margin-bottom:0}
.post h3{font-size:16.5px;color:#12233f;margin:18px 0 6px}
.post h3:first-child{margin-top:0}
.post .acts{margin-top:14px}
.post .faq{margin:0}

/* blog: minimised section windows + mid CTA */
.post-win.min .tb h2.ttl::after{content:"  \25BE";opacity:.9}
.post-win .tb h2.ttl{cursor:pointer}
.midcta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;background:rgba(255,255,255,.72);border:1px solid rgba(10,30,70,.14);border-radius:4px;padding:13px 16px;margin:clamp(18px,2.6vw,26px) 0 0}
.midcta p{margin:0;font-size:14.5px;line-height:1.5;color:#33405c;flex:1 1 320px;max-width:62ch}
.midcta b{color:#12233f}
.midcta .acts{display:flex;gap:9px;flex-wrap:wrap}
.midcta .btn{font-size:13.5px;padding:8px 15px;box-shadow:none}
.end p{max-width:54ch;margin:0 auto 20px;font-size:16px;line-height:1.55;color:#DCE8FA}
@media(max-width:700px){
.tb{align-items:flex-start;padding:5px 5px 5px 8px}
.tb .ico{margin-top:2px}
.tb .ttl{flex:1 1 auto;min-width:0;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.28;padding:1px 0}
.tb h2.ttl{font-size:15.5px}
.win.min .tb .ttl{font-size:14.5px}
}

.ctasec{padding-top:0}
.ctasec .midcta{margin-top:0}
@media(min-width:900px){
body[data-page="blog"] .page>.w{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,3vw,38px);align-items:start;padding-top:clamp(18px,2.4vw,30px);padding-bottom:clamp(26px,3.4vw,44px)}
body[data-page="blog"] .page>.w>section{grid-column:span 1;padding:0}
body[data-page="blog"] .page>.w>section.ctasec,body[data-page="blog"] .page>.w>footer,body[data-page="blog"] .page>.w>.hd{grid-column:1/-1}
body[data-page="blog"] .page>.w>section>.win{height:auto}
body[data-page="blog"] .post p{max-width:none}
}

.pfrom{display:flex;align-items:center;gap:14px;margin:0 0 12px;padding:11px 14px;background:#fff;border:1px solid var(--sh);border-left:4px solid #4F9E1E;border-radius:5px}
.pf{display:flex;align-items:baseline;gap:5px;flex:0 0 auto}
.pf i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.pf b{font-size:clamp(26px,3vw,34px);line-height:1;font-weight:700;letter-spacing:-.035em;color:#3C8215}
.pt{font-size:13px;line-height:1.45;color:#333849}
@media(max-width:560px){.pfrom{align-items:flex-start;flex-direction:column;gap:6px}}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tier{background:#fff;border:1px solid var(--sh);border-radius:5px;padding:12px 13px;display:flex;flex-direction:column;gap:1px}
.tier .tn{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3C8215}
.tier b{font-size:clamp(16px,1.7vw,19px);line-height:1.2;font-weight:700;letter-spacing:-.01em;color:var(--luna);margin-top:2px}
.tier .tl{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.tier .tm{margin-top:6px;padding-top:6px;border-top:1px solid #e4e0cf;font-size:12.5px;line-height:1.5;color:#333849}
.tier ul{margin:6px 0 0;padding:6px 0 0;border-top:1px solid #e4e0cf;list-style:none;display:flex;flex-direction:column;gap:3px}
.tier li{font-size:12.5px;line-height:1.45;color:#333849;padding-left:13px;position:relative}
.tier li:before{content:"";position:absolute;left:2px;top:6px;width:5px;height:5px;border:1px solid #7a9a5e;background:#cfe3b6}
@media(max-width:560px){.tiers{grid-template-columns:minmax(0,1fr)}}

/* homepage hero: even the two columns out */
@media(min-width:1001px){
.deskgrid{align-items:stretch}
.deskgrid>.stack,.deskgrid>.win{height:100%}
.deskgrid>.win.drag{display:flex;flex-direction:column}
.deskgrid>.win.drag>.bd.flush{flex:1;display:flex}
.deskgrid>.win.drag .hero-in{flex:1;width:100%}
.hero-in .main{display:flex;flex-direction:column;justify-content:center}
}

/* hero pane visuals */
.pvis{margin:0 0 clamp(14px,1.8vw,18px);background:rgba(255,255,255,.66);border:1px solid rgba(10,30,70,.16);border-radius:4px;padding:11px 12px 12px}
.pvis h4{margin:0 0 9px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5b6580}
.pvcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 18px}
.pvlist{list-style:none;margin:0;padding:0;font-size:13px;color:#2b3346}
.pvlist li{padding:3px 0 3px 14px;position:relative;line-height:1.35}
.pvlist li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:1px;background:#4E86D8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.pvlist li.pvhd{padding-left:0;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0d2451;border-bottom:1px solid rgba(10,30,70,.14);margin-bottom:4px;padding-bottom:5px}
.pvlist li.pvhd::before{display:none}
.pvchips{display:flex;flex-wrap:wrap;gap:6px}
.pvchips span{font-size:12.5px;font-weight:700;color:#12233f;background:linear-gradient(180deg,#fff,#E8EDF7);border:1px solid rgba(10,30,70,.2);border-radius:3px;padding:5px 9px}
.pvprops{margin:0;font-size:13px}
.pvprops>div{display:flex;gap:12px;align-items:baseline;padding:5px 0;border-bottom:1px dotted rgba(10,30,70,.2)}
.pvprops>div:last-child{border-bottom:0}
.pvprops dt{margin:0;color:#5b6580;flex:0 0 auto}
.pvprops dd{margin:0 0 0 auto;text-align:right;font-weight:700;color:#12233f}
.pvsteps{list-style:none;counter-reset:pv;margin:0;padding:0;display:grid;gap:8px}
.pvsteps li{counter-increment:pv;display:grid;grid-template-columns:22px 1fr;gap:3px 10px;font-size:13px;line-height:1.4}
.pvsteps li::before{content:counter(pv);grid-row:1/3;width:22px;height:22px;display:grid;place-items:center;border-radius:3px;background:linear-gradient(180deg,#4E86D8,#2E5FB8);color:#fff;font-weight:700;font-size:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.pvsteps b{color:#0d2451;font-size:12.5px}
.pvsteps span{color:#2b3346}

/* ux pass */
@media(max-width:1100px){.task .nav .tk span{display:none}.task .nav .tk{padding:0 9px}}
.tb .opn{display:none;margin-left:auto;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:3px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);text-shadow:none;flex:none}
.win.min .tb .opn{display:inline-block}
.win.min .tb .opn+.btns{margin-left:6px}
.win.min .tb:hover .opn{background:rgba(255,255,255,.3)}
@media(pointer:coarse){.tb{min-height:44px}.tb .btns{gap:6px}.tb .btns b{width:34px;height:30px;line-height:29px;font-size:13px}.tb .opn{padding:6px 10px}}
body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
.task{height:calc(42px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
.wnew{margin:12px 0 0;font-size:13.5px;color:#2b3346}
footer .fco{color:var(--mut)}
.nolist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.nolist>div{background:#fff;border:1px solid var(--sh);border-radius:4px;padding:15px 16px}
.nolist h3{margin:0 0 6px;font-size:15.5px;color:#12233f}.nolist p{margin:0;font-size:13px;line-height:1.45;color:#333849}
@media(max-width:860px){.nolist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.nolist{grid-template-columns:minmax(0,1fr)}}
.wk{display:grid;gap:11px;list-style:none;margin:0;padding:0}
.wk li{background:#fff;border:1px solid var(--sh);border-radius:5px;padding:15px 16px}
.wk li b{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:4px}
.wk h3{margin:0 0 6px;font-size:17px;color:#12233f}.wk p{margin:0;font-size:14px;line-height:1.5;color:#333849}
.who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:680px){.who{grid-template-columns:minmax(0,1fr)}}
.who>div{background:#fff;border:1px solid var(--sh);border-radius:4px;padding:15px 16px}.who h3{margin:0 0 8px;font-size:16px;color:#12233f}.who ul{margin:0;padding-left:18px;font-size:14px;line-height:1.55;color:#333849}

.menu .msub{display:grid;gap:1px;margin:-2px 0 4px 43px;border-left:1px dotted #A9C7EC;padding-left:6px}.menu .msub a{display:flex;align-items:center;min-height:32px;padding:4px 8px;border-radius:3px;font-size:12.5px;font-weight:700;color:#1F4F9E;text-decoration:none}.menu .msub a:hover,.menu .msub a:focus-visible{background:linear-gradient(180deg,#5A9BF5,#2A6ADF);color:#fff;outline:none}.menu .msub a.cur{background:#C9DDF7;color:#12233f}
@media(max-width:480px){.menu .msub{margin-left:36px}.menu .msub a{min-height:36px}}

.loc{display:grid;background:#fff;border:1px solid var(--sh);border-radius:4px}.loc .lr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.3fr);gap:10px;align-items:center;padding:10px 14px;border-top:1px solid #e4e7ee;font-size:14px}.loc .lr.lh{border-top:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}.loc .lr b{color:#12233f}.loc .lr b small{display:block;font-weight:400;font-size:11.5px;color:var(--mut)}
@media(max-width:560px){.loc .lr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.loc .lr b{grid-column:1/-1}.loc .lr.lh span:first-child{display:none}}