/* Digital Dashboard */
.dhero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#001040 0%,#0b2f6b 48%,#006a66 100%);padding:3.5rem 0 4rem}
.dbg{position:absolute;inset:0;background:radial-gradient(600px 400px at 85% 20%,rgba(19,184,163,.35),transparent 70%),radial-gradient(500px 380px at 10% 90%,rgba(10,134,220,.35),transparent 70%),url("../assets/images/hex-pattern.svg");background-size:auto,auto,520px;opacity:1}.dbg::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,16,64,.86),rgba(11,47,107,.82) 50%,rgba(0,90,92,.78))}
.dhg{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}
.dnew{display:inline-block;background:linear-gradient(120deg,#ffb938,#ff8a00);color:#3a2000;font-weight:900;font-size:.72rem;letter-spacing:.12em;padding:.28rem .7rem;border-radius:999px;margin-right:.6rem}
.eyebrow.lt{color:#8ff0df}
.dht h1{color:#fff;font-size:clamp(2rem,3.7vw,3.2rem);margin:.9rem 0 1rem;text-shadow:0 2px 20px rgba(0,0,0,.3)}
.dht .lead{color:#dbe9ff;max-width:34rem;font-size:1.15rem}
.dfe{list-style:none;padding:0;margin:1.8rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem}.dfe li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.4rem .95rem;font-weight:700;font-size:.85rem;backdrop-filter:blur(6px)}
.dmapc{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:28px;padding:1rem 1rem .8rem;backdrop-filter:blur(10px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.dmh{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.4rem}
.demo{font-style:normal;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#fff3d6;color:#8a5200;border:1px solid #f1cf8c;padding:.2rem .65rem;border-radius:999px;vertical-align:middle;margin-left:.4rem}
.dmh .demo{margin:0}
.dtab{display:inline-flex;background:#eef4f9;border-radius:999px;padding:4px;gap:2px}.dtab button{border:0;background:transparent;font:700 .85rem inherit;font-family:inherit;color:var(--navy);padding:.45rem 1rem;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.dtab button.on{background:linear-gradient(120deg,#001868,#008878);color:#fff}
.dtab.sm2{background:rgba(255,255,255,.15)}.dtab.sm2 button{color:#fff}.dtab.sm2 button.on{background:#fff;color:#0b2f6b}
.dmap svg{width:100%;height:auto;max-height:560px;display:block}
.grat line{stroke:rgba(255,255,255,.12);stroke-width:1}
.cd{cursor:pointer;outline:none}.cd .hl{opacity:.0;transition:opacity .25s}.cd:hover .hl,.cd:focus-visible .hl{opacity:.35}.cd .dc{transition:r .2s}
.cd.sel .hl{opacity:.35;animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{transform:scale(.5);opacity:.6}100%{transform:scale(1.6);opacity:0}}
.cd .hl{transform-box:fill-box;transform-origin:center}
.sl{fill:#fff;font:800 14px "Plus Jakarta Sans",sans-serif;paint-order:stroke;stroke:#001040;stroke-width:4px}
.dleg{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.78rem;font-weight:700;color:#dbe9ff;justify-content:center}.dleg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.35rem}
/* sticky selectors */
.dnav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 8px 20px -18px rgba(11,47,107,.6)}
.dnav .wrap{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;align-items:flex-end;justify-content:space-between;padding:.7rem 0}
.dsel{display:flex;gap:.7rem;flex-wrap:wrap}.dsel label{display:grid;gap:.15rem;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.dsel select{font:600 .95rem inherit;font-family:inherit;padding:.5rem 2rem .5rem .8rem;border:1.5px solid #c6dce6;border-radius:12px;background:#fff;color:var(--navy);min-width:150px}
.dlk{display:flex;gap:.3rem;flex-wrap:wrap}.dlk a{text-decoration:none;font-weight:700;font-size:.9rem;color:var(--navy);padding:.5rem .9rem;border-radius:999px}.dlk a:hover{background:var(--mint);color:var(--teal)}
/* sections */
.ds{padding:3.4rem 0}.ds.alt{background:linear-gradient(180deg,#f2faf8,#eef6fc)}
.dsh{margin-bottom:1.6rem}.dsh h2{margin:.3rem 0 0;font-size:clamp(1.6rem,3vw,2.3rem)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.kc{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.1rem 1.1rem 1rem;box-shadow:var(--sh);display:flex;flex-direction:column;gap:.35rem;min-width:0;transition:transform .25s}
.kc:hover{transform:translateY(-4px)}.kc h3{margin:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}.kc small{color:var(--mute);font-size:.78rem;line-height:1.35}
.kc.acc{background:linear-gradient(135deg,#001868,#008878);color:#fff;border:0}.kc.acc h3,.kc.acc small{color:#cfeee9}
.gg{width:100%;max-width:240px;margin:0 auto}.kv{font-size:2.6rem;font-weight:900;line-height:1;text-align:center;margin-top:.1rem}
.kb{align-self:center;color:#fff;font-weight:800;font-size:.8rem;padding:.2rem .8rem;border-radius:999px}
.kc>small{text-align:center}
.wq{display:flex;align-items:center;gap:.8rem;margin-top:.6rem}.wq b{font-size:2.6rem;font-weight:900;line-height:1}
.mbar{height:12px;background:#e6eef5;border-radius:99px;overflow:hidden;margin-top:.6rem}.mbar i{display:block;height:100%;width:var(--w);background:var(--c);border-radius:99px;transition:width .8s}
.mscale{display:flex;justify-content:space-between;font-size:.7rem;color:var(--mute);font-weight:700}
.two2k{display:flex;gap:1rem;margin:.3rem 0}.two2k b{display:block;font-size:2rem;font-weight:900;line-height:1.05;color:var(--navy)}.kc.acc .two2k b{color:#fff}.two2k small{display:block}
.btn.sm{height:auto;padding:.55rem 1.2rem;font-size:.85rem}.btn.pill-solid.sm{height:44px;padding:0 1.4rem;font-size:.9rem;margin-top:.3rem;align-self:flex-start}
/* cards */
.dg2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.2rem}.dg2:first-of-type{margin-top:0}
.dcard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.4rem;box-shadow:var(--sh);min-width:0}.dcard h3{margin:0 0 .8rem;font-size:1.1rem}.dcard h3 small{color:var(--mute);font-weight:600;font-size:.8rem}
.dcard .dtab{margin-bottom:.8rem}
.lc{width:100%;height:auto}.lc text{font:600 11px "Plus Jakarta Sans",sans-serif;fill:#54687c}
.dt{width:100%;border-collapse:collapse;font-size:.92rem}.dt th{text-align:left;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);padding:.5rem .5rem;border-bottom:2px solid var(--line)}.dt td{padding:.6rem .5rem;border-bottom:1px solid #e8f0f3;vertical-align:middle}.dt td small{color:var(--mute)}
.chp{display:inline-block;font-weight:800;font-size:.72rem;padding:.22rem .65rem;border-radius:999px;white-space:nowrap}.chp.ok{background:#e1f6ea;color:#0a6b3b}.chp.warn{background:#fff1d6;color:#8a5200}.chp.bad{background:#fde3e1;color:#a02318}
.rk{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.rk li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk li{display:grid;grid-template-columns:150px 1fr 44px;gap:.7rem;align-items:center;font-size:.9rem;font-weight:600}.rk i{display:block;height:10px;border-radius:99px;background:linear-gradient(90deg,var(--c),var(--c)) left/var(--w) 100% no-repeat,#e8eff5}.rk b{text-align:right}
.nz{display:grid;gap:.9rem}.nz>div{display:grid;grid-template-columns:130px 1fr auto;gap:.2rem .8rem;align-items:center;font-size:.88rem;font-weight:600}.nz small{grid-column:2/4;color:var(--mute);margin-top:-.4rem}
.nb{position:relative;height:12px;background:#e6eef5;border-radius:99px;overflow:visible}.nb i{display:block;height:100%;width:var(--w);border-radius:99px}.nb i.g{background:#18a058}.nb i.r{background:#e0432f}.nb em{position:absolute;top:-4px;width:3px;height:20px;background:#0b2f6b;border-radius:2px}
.cn{font-size:.82rem;color:var(--mute);margin:.8rem 0 0;font-style:italic}
/* request + tracker */
.dcard .f{display:grid;gap:.8rem}.dcard .f label{display:grid;gap:.25rem;font-weight:700;font-size:.85rem;color:var(--navy)}
.dcard .f input,.dcard .f select,.dcard .f textarea,.tkf input{font:500 .95rem inherit;font-family:inherit;padding:.65rem .8rem;border:1.5px solid #c6dce6;border-radius:12px;background:#fff;color:var(--ink);width:100%}
.dcard .f input:focus,.dcard .f select:focus,.dcard .f textarea:focus,.tkf input:focus,.dsel select:focus{outline:3px solid rgba(19,184,163,.35);border-color:var(--teal)}
.tkf{display:flex;gap:.6rem}.tkf .btn{flex:none}
.demos{display:flex;gap:.4rem;flex-wrap:wrap;margin:.7rem 0 1rem}.demos button{border:1.5px dashed #9fd2cb;background:var(--mint);color:var(--teal);font:700 .75rem inherit;font-family:inherit;padding:.3rem .7rem;border-radius:999px;cursor:pointer}.demos button.mine{border-style:solid;background:#eef0ff;color:#3b3bb0;border-color:#b8bdf0}
.tkh{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;margin-bottom:.8rem}.tkh b{display:block}.tkh small{color:var(--mute)}
.tl{list-style:none;margin:0;padding:0;position:relative}.tl li{display:flex;gap:.9rem;padding-bottom:1.1rem;position:relative}.tl li:not(:last-child)::before{content:"";position:absolute;left:19px;top:40px;bottom:0;width:3px;background:#dbe7ee;border-radius:3px}
.tl li.done:not(:last-child)::before{background:linear-gradient(#18a058,#13b8a3)}.tl .tdot{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eaf1f6;color:var(--mute);font-weight:800}.tl .done .tdot{background:#18a058;color:#fff}.tl .now .tdot{background:linear-gradient(135deg,#001868,#008878);color:#fff;box-shadow:0 0 0 6px rgba(19,184,163,.25);animation:nowp 1.8s infinite}
@keyframes nowp{50%{box-shadow:0 0 0 10px rgba(19,184,163,.08)}}
.tl b{display:block}.tl small{color:var(--mute)}.eta{font-weight:700;color:var(--teal);margin:.2rem 0 0}
/* reports + AI */
.repg{display:grid;grid-template-columns:300px 1fr;gap:1.2rem;align-items:start}
.replist{display:grid;gap:.7rem}.replist button{text-align:left;font:inherit;display:grid;gap:.2rem;background:#fff;border:2px solid var(--line);border-radius:18px;padding:.9rem 1rem;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}.replist button:hover{transform:translateX(3px)}.replist button.on{border-color:var(--teal);box-shadow:0 12px 26px -16px var(--teal)}.replist b{color:var(--navy)}.replist small{color:var(--mute);line-height:1.4}.replist .chp{justify-self:start;margin-top:.2rem}
.rh{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.rh small{display:block;color:var(--mute)}.ra{display:flex;gap:.5rem;align-items:flex-start}
.btn.line.sm{border-radius:999px;padding:.5rem 1rem;font-size:.82rem}
.ai{margin-top:1.4rem;background:linear-gradient(135deg,#0a1f55,#0b2f6b 55%,#0a6f78);color:#fff;border-radius:28px;padding:1.5rem;box-shadow:0 30px 60px -30px rgba(0,16,60,.8)}
.aih{display:flex;gap:.9rem;align-items:center;margin-bottom:1rem}.aih h3{color:#fff;margin:0}.aih small{color:#b8d7f0}.aib{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;background:linear-gradient(135deg,#ffb938,#ff8a00);color:#3a2000;box-shadow:0 0 0 6px rgba(255,185,56,.2)}
.aiq{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.aiq button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff;font:700 .82rem inherit;font-family:inherit;padding:.45rem .9rem;border-radius:999px;cursor:pointer;transition:background .2s}.aiq button:hover{background:linear-gradient(120deg,#008878,#13b8a3)}
.aim{max-height:380px;overflow:auto;display:grid;gap:.7rem;padding:.2rem .2rem .6rem;margin-bottom:.6rem}
.m{max-width:88%;padding:.8rem 1rem;border-radius:18px;font-size:.93rem;line-height:1.55}.m p{margin:.2rem 0}.m.u{justify-self:end;background:linear-gradient(120deg,#008878,#13b8a3);color:#fff;border-bottom-right-radius:6px}.m.b{background:#fff;color:var(--ink);border-bottom-left-radius:6px}.m.b small{display:block;color:var(--mute);font-size:.72rem;margin-top:.4rem;font-weight:700}
.m .al{margin:.3rem 0;padding-left:1.1rem}.m .bd{color:#a02318;font-weight:800}
.dots i{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:#13b8a3;animation:dt 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dt{50%{transform:translateY(-5px);opacity:.4}}
.ai .tkf input{background:rgba(255,255,255,.95)}.ai .cn{color:#b8d7f0}
.dhow .hw{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.hwc{background:#fff;border-radius:22px;padding:1.3rem;border:1px solid var(--line);box-shadow:var(--sh);position:relative;overflow:hidden}.hwc>span{font-size:1.8rem}.hwc>b{position:absolute;right:1rem;top:.4rem;font-size:3.4rem;font-weight:900;color:#e4f3f0;line-height:1}.hwc h3{margin:.5rem 0 .3rem}.hwc p{margin:0;color:var(--mute);font-size:.92rem}
.dnote{margin:1.4rem 0 0;background:#fff;border-left:5px solid var(--sun);border-radius:0 16px 16px 0;padding:1rem 1.3rem;color:var(--mute);font-size:.92rem}
/* responsive */
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.dhow .hw{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.dhg{grid-template-columns:1fr}.dg2,.repg{grid-template-columns:1fr}.dhero{padding:2.4rem 0 2.8rem}.dnav{position:static}.dlk{display:none}.dmap svg{max-height:440px}.replist{grid-template-columns:1fr}}
@media(max-width:560px){.kpis{grid-template-columns:1fr}.dsel select{min-width:0;width:100%}.dsel label{flex:1 1 30%}.dhow .hw{grid-template-columns:1fr}.rk li{grid-template-columns:110px 1fr 40px}.nz>div{grid-template-columns:1fr auto}.nz>div .nb{grid-column:1/3}.nz small{grid-column:1/3}.dt{font-size:.82rem}.dt td,.dt th{padding:.5rem .3rem}.tkf{flex-direction:column}.m{max-width:96%}.dtab button{padding:.45rem .7rem}}
@media(prefers-reduced-motion:reduce){.cd.sel .hl,.tl .now .tdot,.dots i{animation:none}}
@media print{body.print-rep header,body.print-rep .top,body.print-rep footer,body.print-rep .dhero,body.print-rep .dnav,body.print-rep #d-over,body.print-rep #d-env,body.print-rep #d-water,body.print-rep #d-req,body.print-rep .dhow,body.print-rep .replist,body.print-rep .ai,body.print-rep .ra,body.print-rep .mcta,body.print-rep .fab{display:none!important}body.print-rep .repg{display:block}}

.ts{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.9rem}.ts span{background:#f2f8fb;border-radius:14px;padding:.6rem .8rem}.ts small{display:block;color:var(--mute);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ts b{font-size:1.3rem;color:var(--navy)}
.wv{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .8rem;background:linear-gradient(120deg,#f2faf8,#eef6fc);border-radius:16px;padding:.9rem 1rem;margin-bottom:1.1rem}.wv b{font-size:1.8rem;color:var(--navy);line-height:1}.wv span{color:var(--mute);font-weight:600;flex:1 1 180px}.wv em{font-style:normal}

/* ===== Dashboard preview: browser-frame mock (hero slide 3 + home showcase) ===== */
.mk{position:relative;width:100%;font-size:14px;color:var(--ink);text-align:left}
.mkb{display:flex;align-items:center;gap:6px;background:#dfe9f1;border-radius:16px 16px 0 0;padding:.55rem .8rem}.mkb i{width:10px;height:10px;border-radius:50%;background:#ff6b5f}.mkb i:nth-child(2){background:#ffbe2e}.mkb i:nth-child(3){background:#28c941}
.mkb span{margin-left:.6rem;flex:1;background:#fff;border-radius:99px;padding:.15rem .8rem;font-size:.72rem;color:var(--mute);font-weight:600}
.mkc{background:#f6fafc;border-radius:0 0 16px 16px;padding:.8rem;box-shadow:0 40px 70px -30px rgba(0,10,50,.9);display:grid;gap:.6rem}
.mkh{display:flex;justify-content:space-between;align-items:center}.mkh b{color:var(--navy);font-size:.85rem}.mkh .demo{margin:0;font-size:.58rem}
.mkk{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:.55rem}.mkk>div{background:#fff;border:1px solid #e1ecf3;border-radius:14px;padding:.55rem;display:grid;align-content:start;gap:.1rem;text-align:center}
.mkk small{font-size:.62rem;color:var(--mute);font-weight:700}.mkk b{font-size:1.7rem;font-weight:900;line-height:1.1}
.mkg .gg{max-width:130px;margin:0 auto}.mkg b{margin-top:-.2rem}.mkk .kb{font-size:.62rem;padding:.1rem .6rem;justify-self:center}.mkp b{color:var(--navy)}
.mkk .mbar{height:8px}
.mkr{display:grid;grid-template-columns:1.25fr 1fr;gap:.55rem}.mkt{background:#fff;border:1px solid #e1ecf3;border-radius:14px;padding:.5rem .6rem}.mkt small{font-size:.62rem;color:var(--mute);font-weight:700}.mkt .lc text{font-size:12px}
.mkm{background:linear-gradient(135deg,#001040,#0b2f6b 60%,#006a66);border-radius:14px;overflow:hidden;display:grid;place-items:center}.mkm svg{width:100%;height:100%;max-height:170px}.mkm .sl{font-size:22px}
.mkf{position:absolute;display:flex;gap:.6rem;align-items:center;background:#fff;border-radius:16px;padding:.6rem .85rem;box-shadow:0 22px 40px -16px rgba(0,10,50,.7);max-width:260px;border:1px solid #e1ecf3}
.mkf span{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--mint);font-size:1rem}.mkf b{display:block;font-size:.78rem;color:var(--navy)}.mkf small{display:block;font-size:.68rem;color:var(--mute);line-height:1.35}
.mkf.f1{left:-26px;bottom:-26px;animation:flt 5s ease-in-out infinite}.mkf.f2{right:24px;top:-30px;animation:flt 6s ease-in-out -2s infinite}.mkf.f2 span{background:linear-gradient(135deg,#ffb938,#ff8a00);color:#3a2000;font-weight:900}
@keyframes flt{50%{transform:translateY(-9px)}}
/* hero slide 3 */
.s-dash .hbg{background:radial-gradient(700px 480px at 78% 40%,rgba(19,184,163,.38),transparent 70%),radial-gradient(520px 420px at 6% 100%,rgba(10,134,220,.4),transparent 70%),linear-gradient(135deg,#001040,#0b2f6b 55%,#006a66);transform:none!important;animation:none!important}
.s-dash .hbg::after{content:"";position:absolute;inset:0;background:url("../assets/images/hex-pattern.svg") center/520px;opacity:.16}
.s-dash .hpanel{background:linear-gradient(90deg,rgba(0,16,64,.55),rgba(0,16,64,0) 60%)}
.s-dash .htxt{max-width:min(660px,53%)}.s-dash .btn.pill-solid,.s-dash .btn.pill-glass{padding:0 1.9rem}.s-dash .hh{font-size:clamp(2rem,3.5vw,3.2rem)}
.hdash{position:absolute;z-index:2;right:max(1.25rem,calc((100% - 1240px)/2));top:50%;width:min(590px,44%);transform:translateY(-52%) perspective(1400px) rotateY(-9deg) rotateX(2deg);transform-origin:right center;display:block;text-decoration:none;transition:transform .5s}
.hdash:hover{transform:translateY(-52%) perspective(1400px) rotateY(-3deg)}
@media(max-width:900px){.hdash{display:none}.s-dash .htxt{max-width:100%}}
/* home showcase section */
.dsx{position:relative;overflow:hidden;color:#fff;padding:5rem 0;background:linear-gradient(135deg,#001040,#0b2f6b 55%,#006a66)}
.dsx-bg{position:absolute;inset:0;background:radial-gradient(640px 460px at 82% 30%,rgba(19,184,163,.4),transparent 70%),radial-gradient(520px 420px at 0% 100%,rgba(10,134,220,.4),transparent 70%),url("../assets/images/hex-pattern.svg") center/560px;background-blend-mode:normal;opacity:1}
.dsx-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,16,64,.8),rgba(11,47,107,.7) 55%,rgba(0,90,92,.6))}
.dsx-g{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:3.5rem;align-items:center}
.dsx-t h2{color:#fff;font-size:clamp(1.9rem,3.4vw,2.9rem);margin:.9rem 0 .8rem}.dsx-t>p{color:#d6e6fb;font-size:1.08rem;max-width:34rem}
.dsx-f{list-style:none;margin:1.5rem 0 1.8rem;padding:0;display:grid;gap:.8rem}.dsx-f li{display:flex;gap:.9rem;align-items:flex-start}.dsx-f li>span{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.2rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px)}.dsx-f b{display:block;font-size:1.02rem}.dsx-f small{color:#b9d3ee;font-size:.88rem}
.dsx-v{position:relative;display:block;text-decoration:none;padding:1rem 1.6rem 1.4rem 1.6rem;transform:perspective(1600px) rotateY(-7deg);transition:transform .5s}.dsx-v:hover{transform:perspective(1600px) rotateY(0)}
.dsx-go{position:absolute;right:2.4rem;bottom:-.2rem;background:linear-gradient(120deg,#ffb938,#ff8a00);color:#3a2000;font-weight:800;font-size:.85rem;padding:.5rem 1.1rem;border-radius:999px;box-shadow:0 12px 24px -10px rgba(255,138,0,.8)}
@media(max-width:1000px){.dsx{padding:3.2rem 0}.dsx-g{grid-template-columns:1fr;gap:2rem}.dsx-v{transform:none;padding:.5rem 1rem 1.6rem}.mkf.f1{left:0}.mkf.f2{right:0}}
@media(max-width:560px){.mk{font-size:12px}.mkk{grid-template-columns:1fr 1fr}.mkp{display:none}.mkr{grid-template-columns:1fr}.mkm{display:none}.mkf{position:static;margin-top:.6rem;max-width:none;animation:none}.dsx-go{position:static;display:inline-block;margin-top:.4rem}}
@media(prefers-reduced-motion:reduce){.mkf{animation:none}}