:root{--bg:#111;--surface:#1B1B1B;--ink:#F7F7F7;--muted:#C2C2C2;--line:#2C2C2C;--gold:#D4A63F;--gold2:#F0CF7A;--wa:#25B864;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Readex Pro",system-ui,"Segoe UI",Tahoma,sans-serif;line-height:1.8;padding:0 16px 90px}
a{color:var(--gold2)}img{max-width:100%}.w{max-width:1100px;margin:auto}
header{position:sticky;top:0;z-index:5;background:rgba(17,17,17,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin:0 -16px;padding:10px 16px}
header .w{display:flex;align-items:center;gap:14px;justify-content:space-between}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--gold2);font-family:"Reem Kufi",sans-serif;font-weight:700;font-size:1.2rem}.logo img{width:38px;height:38px;border-radius:9px}
nav.top{display:flex;gap:4px;flex-wrap:wrap}nav.top a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:9px;font-size:.9rem}nav.top a:hover{color:var(--gold2);background:var(--surface)}
@media (max-width:760px){nav.top a:not(.keep){display:none}}
.crumb{font-size:.85rem;color:var(--muted);margin:16px 0}.crumb a{color:var(--gold2);text-decoration:none}
h1{font-family:"Reem Kufi","Readex Pro",sans-serif;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.4;margin:.3em 0}
h2{font-family:"Reem Kufi","Readex Pro",sans-serif;font-size:1.3rem;margin:1.6em 0 .6em}
.lead{color:var(--muted);font-size:1.05rem;max-width:760px}
.btns{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;border:1px solid transparent}
.btn.gold{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1405}.btn.wa{background:var(--wa);color:#fff}.btn.ghost{border-color:#3a3a3a;color:var(--ink)}
.panel{background:var(--surface);border:1px solid rgba(212,166,63,.25);border-radius:16px;padding:18px}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:8px}.ticks li::before{content:"✓ ";color:var(--gold);font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.card{display:grid;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink)}
.card .im{aspect-ratio:1;background:#fff;display:grid;place-items:center}.card .im img{width:100%;height:100%;object-fit:contain}
.card b{font-size:.88rem;padding:0 10px;line-height:1.5}.card small{padding:0 10px;color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:.75rem}
.phm{font-family:"IBM Plex Mono",monospace;color:#8a8a8a;font-size:.8rem;padding:8px;text-align:center}.card .pr{padding:0 10px 10px;color:var(--gold2);font-weight:700}.oos{color:#e07a6a!important}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{padding:6px 12px;border-radius:999px;border:1px solid rgba(212,166,63,.35);background:rgba(212,166,63,.08);text-decoration:none;color:var(--ink);font-size:.9rem}
.svcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.svcs a{display:grid;gap:4px;padding:16px;border-radius:14px;background:var(--surface);border:1px solid rgba(212,166,63,.3);text-decoration:none;color:var(--ink)}.svcs small{color:var(--muted)}
.works{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.works img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:1px solid rgba(212,166,63,.3)}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;counter-reset:s}
.steps li{counter-increment:s;background:var(--surface);border-radius:12px;padding:12px;border:1px solid var(--line)}.steps li::before{content:counter(s);color:var(--gold);font-weight:700;margin-left:6px}
details{border:1px solid rgba(212,166,63,.25);border-radius:12px;background:var(--surface);padding:0 14px;margin-bottom:8px}summary{cursor:pointer;padding:12px 0;font-weight:700}details p{color:var(--muted);margin:0 0 12px}
.pd{display:grid;grid-template-columns:1fr 1.1fr;gap:22px;align-items:start}@media (max-width:760px){.pd{grid-template-columns:1fr}}
.pd .im{background:#fff;border-radius:16px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.pd .im img{width:100%;height:100%;object-fit:contain}
.price{font-family:"Reem Kufi",sans-serif;font-size:1.8rem;color:var(--gold2);font-weight:700}
table{width:100%;border-collapse:collapse;margin-top:10px}th,td{text-align:right;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:400;width:38%}
.mono{font-family:"IBM Plex Mono",monospace;direction:ltr;unicode-bidi:isolate}
ul.det{direction:ltr;text-align:left;color:var(--muted);font-size:.9rem;padding-left:18px}
footer{margin:50px -16px 0;padding:24px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--gold2)}footer b{color:var(--ink);display:block;margin-bottom:6px}
.fab{position:fixed;left:16px;bottom:18px;width:54px;height:54px;border-radius:50%;background:var(--wa);display:grid;place-items:center;z-index:15;box-shadow:0 10px 30px -8px rgba(37,184,100,.7)}.fab svg{width:28px;height:28px}