/* Prop Desk Tools - site styles (MKW Consulting) */
:root{--bg:#0d1017;--bg2:#131826;--card:#171d2c;--line:#262f45;--text:#e7ebf3;--muted:#9aa5bb;--teal:#28dcbe;--teal2:#0e9680;--blue:#48aaff;--red:#ff5c5c;--green:#2ee078;--amber:#ffbe28;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
header.top{position:sticky;top:0;z-index:20;background:rgba(13,16,23,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:24px;height:64px}
.logo{font-weight:800;font-size:19px;color:var(--text);letter-spacing:.2px;display:flex;align-items:center;gap:9px}
.logo .mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--teal),var(--blue));display:grid;place-items:center;color:#06231e;font-weight:900;font-size:15px}
.logo small{display:block;font-size:10px;font-weight:600;color:var(--muted);letter-spacing:1.5px;margin-top:-3px}
nav.main{margin-left:auto;display:flex;gap:22px;align-items:center}
nav.main a{color:var(--muted);font-weight:600;font-size:15px}nav.main a:hover,nav.main a.on{color:var(--text);text-decoration:none}
.btn{display:inline-block;padding:11px 20px;border-radius:9px;font-weight:700;font-size:15px;border:1px solid transparent;cursor:pointer;text-decoration:none!important}
.btn.pri{background:linear-gradient(180deg,var(--teal),var(--teal2));color:#04201b}
.btn.sec{border-color:var(--line);color:var(--text);background:var(--bg2)}
.btn.sm{padding:8px 14px;font-size:14px}
.hero{padding:84px 0 56px;background:radial-gradient(900px 400px at 75% 0%,rgba(40,220,190,.12),transparent),radial-gradient(700px 380px at 10% 10%,rgba(72,170,255,.10),transparent)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.eyebrow{color:var(--teal);font-weight:700;letter-spacing:1.6px;font-size:13px;text-transform:uppercase}
h1{font-size:46px;line-height:1.12;margin:12px 0 18px;letter-spacing:-.5px}
h2{font-size:32px;line-height:1.2;margin:0 0 12px;letter-spacing:-.3px}
h3{font-size:19px;margin:0 0 8px}
.lead{font-size:19px;color:var(--muted);max-width:560px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.note{font-size:13px;color:var(--muted);margin-top:14px}
section{padding:72px 0}section.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.center{text-align:center}.center .lead{margin:0 auto}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}
.card p{color:var(--muted);margin:0}
.ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:14px;font-size:19px;background:rgba(40,220,190,.12);color:var(--teal)}
.ic.r{background:rgba(255,92,92,.12);color:var(--red)}.ic.b{background:rgba(72,170,255,.12);color:var(--blue)}.ic.a{background:rgba(255,190,40,.12);color:var(--amber)}
.prod{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.prod.rev .txt{order:2}
ul.ticks{list-style:none;padding:0;margin:16px 0 0}ul.ticks li{padding:6px 0 6px 28px;position:relative;color:var(--muted)}
ul.ticks li b{color:var(--text);font-weight:600}
ul.ticks li:before{content:"";position:absolute;left:0;top:12px;width:16px;height:16px;border-radius:50%;background:rgba(40,220,190,.18);box-shadow:inset 0 0 0 5px var(--teal)}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.steps .card:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--teal);color:#04201b;font-weight:800;margin-bottom:12px}
.price{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;align-items:stretch}
.price .card{display:flex;flex-direction:column}.price .card.best{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal),0 18px 50px rgba(40,220,190,.12)}
.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#04201b;background:var(--teal);border-radius:20px;padding:3px 10px;margin-bottom:10px}
.amt{font-size:38px;font-weight:800;margin:10px 0 2px}.amt span{font-size:15px;color:var(--muted);font-weight:600}
.price ul.ticks{flex:1}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-top:12px}
details summary{cursor:pointer;font-weight:650;list-style:none}details summary::-webkit-details-marker{display:none}
details summary:after{content:"+";float:right;color:var(--teal);font-weight:800}details[open] summary:after{content:"\2013"}
details p{color:var(--muted);margin:10px 0 0}
.soon{border-style:dashed}.soon .tag{background:var(--line);color:var(--muted)}
footer{border-top:1px solid var(--line);padding:40px 0 30px;color:var(--muted);font-size:14px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
footer h4{color:var(--text);font-size:14px;margin:0 0 10px}footer a{color:var(--muted);display:block;padding:3px 0}
.risk{margin-top:28px;font-size:12px;line-height:1.55;color:#7c869b;border-top:1px solid var(--line);padding-top:18px}
.legal{max-width:820px}.legal h1{font-size:36px}.legal h2{font-size:22px;margin-top:30px}.legal p,.legal li{color:#c3cad8}
.draft{background:rgba(255,190,40,.1);border:1px solid rgba(255,190,40,.35);color:var(--amber);border-radius:10px;padding:10px 14px;font-size:14px}
/* product mockups (drawn in CSS - no customer data) */
.mock{background:#16171c;border:1px solid #2c2f38;border-radius:14px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.45);font-size:13px}
.mock .bar{display:flex;align-items:center;gap:8px;color:#e1e4e8;font-weight:700;margin-bottom:10px}
.mock .pill{margin-left:auto;background:var(--green);color:#03240f;border-radius:20px;padding:1px 9px;font-size:11px;font-weight:800}
.mrow{display:flex;align-items:center;gap:4px;margin:4px 0}.mrow .lb{width:62px;font-weight:700;font-size:12px}
.mrow .b{width:24px;height:24px;border-radius:5px;display:grid;place-items:center;font-weight:800;border:1px solid}
.mrow .v{flex:1;height:26px;border-radius:5px;display:grid;place-items:center;font-weight:800;font-size:15px;border:1px solid}
.R .lb{color:var(--red)}.R .b{background:#4e1e20;border-color:#aa3732;color:#fff}.R .v{background:#341618;border-color:#aa3732;color:var(--red)}
.G .lb{color:var(--green)}.G .b{background:#18422a;border-color:#239650;color:#fff}.G .v{background:#122e1e;border-color:#239650;color:var(--green)}
.mbtns{display:flex;gap:5px;margin-top:8px}.mbtns div{flex:1;height:28px;border-radius:6px;display:grid;place-items:center;font-weight:800;color:#fff}
.mb1{background:linear-gradient(#48aaff,#1668d6)}.mb2{background:linear-gradient(#586070,#343942);border:1px solid #747c8c}.mb3{background:linear-gradient(#ff9632,#e25c0e)}
.mstat{border:1px solid #2fa36a;border-radius:6px;padding:8px 10px;margin:6px 0 10px;line-height:1.45;font-size:12px;color:#cfd5dd}
.mstat .h{color:#9ea2a8;font-size:10px;font-weight:700;letter-spacing:.6px;margin-top:4px}.mstat .g{color:var(--green);font-weight:700}.mstat .y{color:var(--amber);font-weight:700}
.desk{width:100%;border-collapse:collapse;font-size:12px}.desk th{background:#1f2a3c;color:#cdd6e4;text-align:left;padding:6px 8px;font-weight:700}
.desk td{padding:6px 8px;border-bottom:1px solid #262c38;color:#d5dbe5}.desk .g{color:var(--green);font-weight:700}.desk .r{color:var(--red);font-weight:700}.desk .y{color:var(--amber);font-weight:700}
.meter{height:6px;border-radius:4px;background:#2a3142;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--green))}
.meter.w i{background:linear-gradient(90deg,var(--amber),var(--red))}
@media(max-width:900px){.hero .wrap,.prod,.grid2{grid-template-columns:1fr}.prod.rev .txt{order:0}.grid3,.price{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}h1{font-size:36px}nav.main a:not(.btn){display:none}footer .cols{grid-template-columns:1fr 1fr}}
/* Prop Desk window mock-ups (made-up data) */
.pdwin{background:#1e1f22;border:1px solid #34363c;border-radius:10px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45);font:12px/1.45 "Segoe UI",system-ui,sans-serif;color:#d9dce1}
.pdwin .tb{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#f3f3f3;color:#333;font-size:12px}.pdwin .tb b{color:#d33}
.pdwin .tb .wc{margin-left:auto;letter-spacing:10px;color:#777}
.pdwin .sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;font-weight:700;color:#eef0f3}.pdwin .sum .g{color:#2ee078}
.pdwin .btns{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}.pdwin .btns span{background:#3a3c42;color:#e8e8e8;padding:2px 10px;font-weight:500;font-size:11px}
.pdwin table{width:100%;border-collapse:collapse;font-size:11.5px}.pdwin th{background:#26344a;color:#dbe3f0;text-align:left;padding:5px 8px;font-weight:600;white-space:nowrap}
.pdwin td{padding:4px 8px;border-bottom:1px solid #2a2c31;white-space:nowrap}.pdwin tr.grp td{background:#2a2c31;color:#5fb2ff;font-size:11px;padding:3px 8px}
.pdwin .g{color:#2ee078}.pdwin .r{color:#ff5c5c}.pdwin .y{color:#ffbe28}.pdwin .b{color:#5fb2ff}.pdwin .m{color:#9aa0a8}
.pdwin .bar2{display:inline-block;width:70px;height:7px;border-radius:2px;background:#3a3c42;vertical-align:middle;overflow:hidden}.pdwin .bar2 i{display:block;height:100%;background:#22c55e}.pdwin .bar2.w i{background:#ffbe28}
.pdwin .tabs{display:flex;align-items:center;gap:4px;padding:10px 12px 4px}.pdwin .tabs span{background:#33353b;padding:3px 10px;font-size:12px}.pdwin .tabs .on{background:#1e1f22;border:1px solid #2f7de1;color:#4aa3ff;font-weight:700}
.pdwin .dot{width:14px;height:14px;border-radius:50%;background:#e5a823;display:inline-block;margin-right:6px}
.pdwin .alerts{display:flex;flex-wrap:wrap;gap:6px;padding:4px 12px 6px}.pdwin .alerts span{border:1px solid #c9a227;color:#ffcf4a;padding:1px 6px;font-size:11px}.pdwin .alerts span.gr{border-color:#2fa36a;color:#5fe39a}
.pdwin .foot{padding:4px 12px 7px;color:#8a8f97;font-size:10.5px}
.pdwin tr.run td{background:#123a24}.pdwin tr.nxt td{background:#132a46}.pdwin .chk{padding:3px 12px;color:#e6e6e6}
.pdwin .scroll{overflow-x:auto}
.tour{display:grid;grid-template-columns:1fr;gap:18px;margin-top:56px}.tour>div{min-width:0}.tour .txt{order:-1;display:grid;grid-template-columns:1fr 1fr;column-gap:36px}.tour .txt h3{grid-column:1/-1}
.tour .txt h3{font-size:24px}.tour .txt p{color:var(--muted)}
@media(max-width:900px){.tour .txt{grid-template-columns:1fr}}
/* right-click menu mock */
.ctxwrap{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;margin:14px 0}
.ctxbtn{padding:7px 22px;border-radius:5px;font-weight:800;color:#fff;font-size:13px}.ctxbtn.be{background:linear-gradient(#48aaff,#1668d6)}.ctxbtn.tr{background:linear-gradient(#2fd6b6,#0e9680);color:#04201b}
.ctx{background:#f2f2f2;color:#1d1d1d;border:1px solid #9a9a9a;box-shadow:4px 6px 18px rgba(0,0,0,.45);font:12px/1.2 "Segoe UI",system-ui,sans-serif;min-width:260px;padding:3px 0}
.ctx div{padding:5px 14px 5px 26px;white-space:nowrap}.ctx .on{background:#cce4f7}.ctx hr{border:0;border-top:1px solid #c9c9c9;margin:3px 0}
.ctx .ck:before{content:"\2713";margin-left:-16px;margin-right:6px}
.dd{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.dd h3{font-size:22px}.dd p,.dd li{color:var(--muted)}
@media(max-width:900px){.dd{grid-template-columns:1fr}}