/*
Theme Name: Startup Pakistan
Description: Black and gold theme for Startup Pakistan, a digital marketing agency in Swat.
Version: 1.0.0
Author: Startup Pakistan
Text Domain: startup-pakistan
Requires at least: 5.8
Requires PHP: 7.4
*/
:root{--bg:#0a0a0a;--alt:#101010;--card:#151515;--gold:#c28a2c;--t:#fff;--m:#b8b8b8;--s:#8a8a8a;--line:rgba(255,255,255,.12);--gl:rgba(194,138,44,.4)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font-family:Poppins,system-ui,sans-serif;background:var(--bg);color:var(--m);line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}img,svg{max-width:100%}
.w{max-width:1120px;margin:0 auto;padding:0 20px}
h1,h2,h3{color:var(--t);line-height:1.2}
h1{font-size:clamp(2.2rem,6vw,4rem);max-width:15ch}h2{font-size:clamp(1.7rem,4vw,2.5rem);margin-bottom:14px}h3{font-size:1.1rem;margin-bottom:6px}
.k{color:var(--gold);font-size:.85rem;font-weight:500;margin-bottom:10px;display:block}
header{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.96);border-bottom:1px solid var(--line)}
header .w{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{font-weight:700;color:var(--t);line-height:1.1}.logo b{color:var(--gold);display:block}
nav{display:flex;align-items:center;gap:26px;font-size:.9rem}
nav a[aria-current]{color:var(--t);border-bottom:2px solid var(--gold)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.btn{display:inline-flex;gap:8px;align-items:center;padding:12px 22px;border-radius:4px;font-weight:500;font-size:.9rem;background:var(--gold);color:#000;border:1px solid var(--gold);cursor:pointer;font-family:inherit}
.btn.o{background:none;color:var(--t);border-color:var(--line)}.btn:hover{filter:brightness(1.12)}
#mb{display:none;background:none;border:1px solid var(--line);color:var(--t);padding:8px 12px;border-radius:4px;font-family:inherit}
section{padding:88px 0}.alt{background:var(--alt)}
.hero{padding:110px 0 90px}.hero p{max-width:620px;margin:22px 0 30px;font-size:1.05rem}
.row{display:flex;gap:14px;flex-wrap:wrap}
.grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--gl);border-radius:6px;padding:26px;display:flex;flex-direction:column;gap:6px}
a.card:hover{border-color:var(--gold)}
.card ul{list-style:none;padding:0;margin:10px 0 16px;font-size:.9rem}.card li:before{content:"\2713\00a0";color:var(--gold)}
.card .btn{margin-top:auto;align-self:flex-start}
.two{display:grid;gap:44px;grid-template-columns:1fr 1fr;align-items:start}
.big{font-size:clamp(6rem,16vw,11rem);color:var(--gold);font-weight:700;line-height:1}
details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;color:var(--t);font-weight:600}details p{margin-top:10px;max-width:70ch}
.ph{aspect-ratio:4/3;background:var(--card);border:1px solid var(--gl);border-radius:6px;display:grid;place-items:center;color:var(--gold);font-size:2.4rem;font-weight:700}
.team{grid-template-columns:repeat(4,1fr)}.team .ph{aspect-ratio:1;margin-bottom:12px}
form{background:var(--card);border:1px solid var(--gl);border-top:3px solid var(--gold);padding:28px;border-radius:6px;display:grid;gap:14px}
label{color:var(--t);font-size:.85rem;font-weight:500;display:grid;gap:6px}
input,select,textarea{background:#0a0a0a;border:1px solid var(--gl);border-radius:4px;color:var(--t);padding:12px;font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold)}
iframe{width:100%;height:380px;border:1px solid var(--line);border-radius:6px}
.lead{max-width:62ch;font-size:1.05rem}.proc{border-top:1px solid var(--gl);padding-top:14px}
footer{border-top:1px solid var(--line);padding:56px 0 28px;font-size:.88rem}
.fg{display:grid;gap:30px;grid-template-columns:1.4fr 1fr 1.4fr 1.2fr}footer h4{color:var(--t);margin-bottom:12px}footer ul{padding:0}footer li{list-style:none;margin-bottom:8px}
.cp{border-top:1px solid var(--line);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.8rem}
.wa{position:fixed;right:18px;bottom:18px;z-index:60;background:var(--gold);color:#000;border-radius:30px;padding:13px 18px;display:flex;gap:8px;align-items:center;font-weight:600;font-size:.9rem;box-shadow:0 6px 20px rgba(0,0,0,.5)}
svg.i{width:20px;height:20px;fill:currentColor}
@media(max-width:900px){.grid,.team{grid-template-columns:1fr 1fr}.fg,.two{grid-template-columns:1fr 1fr}}
@media(max-width:640px){#mb{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg);flex-direction:column;padding:20px;border-bottom:1px solid var(--line);align-items:flex-start}nav.open{display:flex}.grid,.team,.fg,.two{grid-template-columns:1fr}section{padding:60px 0}.wa span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

img.ph{width:100%;height:auto;object-fit:cover;display:block}.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}