/* owaisnaseem.com: styles for the privacy, thank-you and 404 pages, plus the cookie settings panel (all pages). */

/* ---------- cookie settings panel ---------- */
.cc{position:fixed;left:clamp(16px,3.4vw,44px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:80;width:min(440px,calc(100% - 32px));
  background:#f3f4f7;color:#111216;border:1px solid rgba(17,18,22,.1);border-radius:6px;box-shadow:0 40px 60px -30px rgba(17,18,22,.45);
  padding:20px 22px 22px;font:400 14px/1.55 "Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.cc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.cc-title{font:500 10.5px/1.5 "Geist Mono",ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#6c6f7b}
.cc p{margin:0;color:#111216}
.cc p a{color:#5a57ff;text-decoration:underline;text-underline-offset:3px}
.cc .cc-x{font-size:13px;color:#6c6f7b;padding:4px 6px;background:none;border:0;cursor:pointer}
.cc-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.cc-btns button{flex:1 1 150px;cursor:pointer;border-radius:999px;padding:13px 18px;border:1px solid #111216;background:transparent;color:#111216;
  font:500 10.5px "Geist Mono",ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;transition:background .3s,color .3s,border-color .3s}
.cc-btns button[aria-pressed="true"]{background:#111216;color:#f3f4f7}
.cc-btns button:hover{background:#5a57ff;border-color:#5a57ff;color:#fff}
.cc button:focus-visible,.cc a:focus-visible{outline:1.5px solid #5a57ff;outline-offset:3px}

/* ---------- inner pages ---------- */
.pg{--paper:#e9eaee;--paper-2:#f3f4f7;--ink:#111216;--muted:#6c6f7b;--hair:rgba(17,18,22,.1);
  --night:#08080c;--night-ink:#f1f1f5;--night-muted:#8b8c99;--night-hair:rgba(255,255,255,.09);--violet:#5a57ff;--violet-2:#a5a3ff;
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,Menlo,Consolas,monospace;
  --gutter:clamp(16px,3.4vw,44px);--ease:cubic-bezier(.2,.8,.1,1);
  margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.pg *{box-sizing:border-box}
.pg a{color:inherit;text-decoration:none}
.pg :focus-visible{outline:1.5px solid var(--violet);outline-offset:4px;border-radius:2px}
.pg .mono{font:500 10.5px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.pg .dim{color:var(--muted)}
.pg .skip{position:absolute;left:-10000px;top:0}
.pg .skip:focus{left:16px;top:16px;z-index:90;background:var(--paper-2);padding:10px 14px;border-radius:999px}

.pg-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 22px) var(--gutter) 22px;border-bottom:1px solid var(--hair)}
.pg-top .brand{display:flex;align-items:center;gap:9px;font:500 13px var(--sans);letter-spacing:.02em}
.pg-top .brand i{width:7px;height:7px;border-radius:50%;background:var(--violet)}
.pg-nav{display:flex;gap:26px}
.pg-nav a{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:color .3s}
.pg-nav a:hover{color:var(--violet)}
.pg-pill{justify-self:end;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink);border-radius:999px;padding:8px 14px;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:background .3s,color .3s,border-color .3s}
.pg-pill i{width:5px;height:5px;border-radius:50%;background:var(--violet)}
.pg-pill:hover{background:var(--violet);border-color:var(--violet);color:#fff}
.pg-pill:hover i{background:#fff}
@media (max-width:760px){.pg-nav{display:none}.pg-top{grid-template-columns:1fr auto}}

.pg-main{padding:clamp(64px,10vw,130px) var(--gutter) clamp(80px,10vw,130px)}
.pg-h1{font:300 clamp(3rem,9vw,7.4rem)/.94 var(--sans);letter-spacing:-.055em;margin:22px 0 0;max-width:14ch;text-wrap:balance}
.pg-h1 em{font-style:normal;color:var(--violet)}
.pg-lead{margin:26px 0 0;max-width:52ch;font:300 clamp(1.1rem,1.6vw,1.35rem)/1.5 var(--sans);letter-spacing:-.01em;color:#3b3d46}

/* privacy text */
.pg-doc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:24px 56px;margin-top:clamp(48px,7vw,90px);border-top:1px solid var(--ink);padding-top:28px}
.pg-doc aside{position:sticky;top:24px;align-self:start}
.pg-doc aside p{margin:6px 0 0}
.pg-prose{max-width:70ch}
.pg-prose h2{font:300 clamp(1.6rem,2.6vw,2.1rem)/1.1 var(--sans);letter-spacing:-.035em;margin:52px 0 0;padding-top:24px;border-top:1px solid var(--hair)}
.pg-prose h2:first-child{margin-top:0;padding-top:0;border-top:0}
.pg-prose p,.pg-prose ul{margin:14px 0 0;color:#2b2d35}
.pg-prose ul{padding-left:20px}
.pg-prose li{margin-top:7px}
.pg-prose li::marker{color:var(--violet)}
.pg-prose a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.pg-prose b{font-weight:500;color:var(--ink)}
@media (max-width:860px){.pg-doc{grid-template-columns:1fr}.pg-doc aside{position:static}}

/* thank-you + 404 */
.pg-card{margin-top:clamp(40px,6vw,72px);max-width:640px;background:var(--paper-2);border:1px solid var(--hair);border-radius:6px;padding:clamp(26px,4vw,40px)}
.pg-card .dot{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c8c9ff 40%,#6e6cff 75%,#2a2a55);margin-bottom:22px}
.pg-card h2{font:300 clamp(1.7rem,3vw,2.3rem)/1.1 var(--sans);letter-spacing:-.035em;margin:0}
.pg-card p{margin:12px 0 0;color:#3b3d46}
.pg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pg .pg-btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper-2);border-radius:999px;padding:15px 24px;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:background .3s}
.pg .pg-btn i{width:5px;height:5px;border-radius:50%;background:var(--violet-2)}
.pg .pg-btn:hover{background:var(--violet)}
.pg .pg-btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.pg .pg-btn.ghost:hover{background:var(--ink);color:var(--paper-2)}

/* footer */
.pg-foot{background:var(--night);color:var(--night-muted);padding:60px var(--gutter) calc(env(safe-area-inset-bottom,0px) + 28px);overflow:hidden}
.pg-word{font:400 calc((100vw - 2 * var(--gutter)) / 8.4)/.82 var(--sans);letter-spacing:-.065em;color:var(--night-ink);white-space:nowrap;margin-bottom:34px}
.pg-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--night-hair);padding-top:22px}
.pg-row b{color:var(--night-ink);font-weight:500}
.pg-row a:hover{color:var(--night-ink)}

/* ---------- phones: bigger labels and bigger tap areas (desktop unchanged) ---------- */
@media (max-width:760px){
  /* homepage */
  .mono,.scr,.menu-btn,.pill,.flt,.f-row,.reach button,.field label,.svc .tools,.tag,.p-count,.n{font-size:12px!important}
  .tab{font-size:12.5px!important;padding-top:12px!important;padding-bottom:12px!important}
  .tab small{font-size:10px!important}
  .btn{font-size:12px!important;padding:17px 26px!important}
  .menu-btn{padding:14px 0 14px 10px}
  .brand{padding:14px 0}
  .flt{min-height:44px}
  .reach button{padding:12px 16px!important}
  .f-row{row-gap:4px!important;letter-spacing:.06em!important}
  .f-row a{display:inline-block;padding:14px 0}
  /* privacy, thank-you and 404 pages */
  .pg .mono,.pg-pill,.pg-row{font-size:12px}
  .pg .pg-row{row-gap:4px;letter-spacing:.06em}
  .pg-row a{display:inline-block;padding:14px 0}
  .pg-top .brand{padding:14px 0}
  .pg-pill{padding:13px 16px}
  .pg .pg-btn{font-size:12px;padding:17px 26px}
  /* cookie settings panel */
  .cc-title{font-size:12px}
  .cc-btns button{font-size:12px;padding:15px 18px}
}