/* PTE Karachi page only. Scoped under .pte-karachi-page. */
.pte-karachi-page {
  --ptek-blue:#2456e6;
  --ptek-blue-dark:#173fa9;
  --ptek-navy:#0b2d72;
  --ptek-red:#ee3b4f;
  --ptek-ink:#17213c;
  --ptek-copy:#53617b;
  --ptek-line:#dfe7f4;
  --ptek-soft:#f6f9ff;
  --ptek-soft-blue:#edf3ff;
  --ptek-white:#fff;
  --ptek-shadow:0 18px 44px rgba(20,54,126,.09);
  --ptek-shadow-soft:0 8px 24px rgba(20,54,126,.065);
  background:#fff;
  color:var(--ptek-ink);
  overflow:hidden;
}
.pte-karachi-page *, .pte-karachi-page *::before, .pte-karachi-page *::after { box-sizing:border-box; }
.pte-karachi-page h1,.pte-karachi-page h2,.pte-karachi-page h3,.pte-karachi-page h4 { color:var(--ptek-navy); font-family:var(--font-head,"Poppins",sans-serif); }
.pte-karachi-page p { color:var(--ptek-copy); line-height:1.65; }
.pte-karachi-page a { color:var(--ptek-blue); text-underline-offset:3px; }

/* Hero */
.ptek-hero { position:relative; padding:clamp(58px,6vw,88px) 0 clamp(50px,5vw,72px); background:linear-gradient(135deg,#fff 0%,#f8fbff 53%,#eef4ff 100%); border-bottom:1px solid #edf1f8; }
.ptek-hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 85% 20%,rgba(36,86,230,.08),transparent 27%),linear-gradient(90deg,rgba(36,86,230,.024) 1px,transparent 1px),linear-gradient(rgba(36,86,230,.024) 1px,transparent 1px); background-size:auto,36px 36px,36px 36px; pointer-events:none; }
.ptek-hero::after { content:""; position:absolute; top:0; left:0; width:100%; height:4px; background:linear-gradient(90deg,var(--ptek-blue) 0 78%,var(--ptek-red) 78% 100%); }
.ptek-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); align-items:center; gap:clamp(34px,5vw,68px); }
.ptek-eyebrow,.ptek-section-tag { display:inline-flex; align-items:center; min-height:28px; padding:5px 11px; border:1px solid #d9e4f5; border-radius:999px; background:#fff; color:var(--ptek-blue); font-size:.75rem; font-weight:800; letter-spacing:.075em; text-transform:uppercase; box-shadow:0 4px 12px rgba(29,57,110,.04); }
.ptek-hero h1 { margin:14px 0 17px; max-width:780px; font-size:clamp(2.45rem,4.45vw,4.2rem); line-height:1.035; letter-spacing:-.043em; text-wrap:balance; }
.ptek-hero__copy p { max-width:760px; margin:0 0 10px; font-size:clamp(.99rem,1.1vw,1.075rem); }
.ptek-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.ptek-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:12px 18px; border-radius:12px; font-family:var(--font-head,"Poppins",sans-serif); font-size:.92rem; font-weight:800; text-decoration:none!important; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.ptek-button:hover { transform:translateY(-2px); }
.ptek-button--primary { color:#fff!important; background:linear-gradient(135deg,var(--ptek-blue),var(--ptek-blue-dark)); box-shadow:0 14px 28px rgba(36,86,230,.24); }
.ptek-button--secondary { color:var(--ptek-navy)!important; background:#fff; border:1px solid #d7e2f4; box-shadow:0 10px 24px rgba(17,47,111,.08); }
.ptek-hero__visual { position:relative; min-height:390px; overflow:hidden; border:1px solid rgba(194,210,238,.95); border-radius:32px; background:linear-gradient(145deg,#fff,#f6f9ff); box-shadow:var(--ptek-shadow); }
.ptek-hero__mesh { position:absolute; inset:0; background:linear-gradient(90deg,rgba(36,86,230,.06) 1px,transparent 1px),linear-gradient(rgba(36,86,230,.06) 1px,transparent 1px); background-size:28px 28px; }
.ptek-hero__mesh::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 50%,rgba(36,86,230,.12),rgba(36,86,230,.025) 34%,transparent 62%); }
.ptek-hero__ring { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; border:1px solid rgba(36,86,230,.18); }
.ptek-hero__ring--one { width:255px; height:255px; box-shadow:0 0 0 22px rgba(36,86,230,.028); }
.ptek-hero__ring--two { width:315px; height:315px; border-style:dashed; border-color:rgba(36,86,230,.24); }
.ptek-hero__core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:126px; height:126px; border-radius:34px; display:grid; place-content:center; text-align:center; color:#fff; background:linear-gradient(145deg,var(--ptek-navy),var(--ptek-blue)); box-shadow:0 22px 38px rgba(36,86,230,.27); }
.ptek-hero__core strong { font-size:2rem; line-height:1; letter-spacing:-.04em; }
.ptek-hero__core span { margin-top:7px; font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; opacity:.88; }
.ptek-float { position:absolute; display:flex; align-items:center; gap:8px; min-width:92px; padding:10px 12px; border-radius:16px; background:rgba(255,255,255,.96); border:1px solid var(--ptek-line); color:var(--ptek-blue); box-shadow:0 14px 28px rgba(20,54,126,.1); }
.ptek-float b { color:var(--ptek-navy); font-size:.76rem; }
.ptek-float--one { left:8%; top:13%; }
.ptek-float--two { right:8%; top:20%; }
.ptek-float--three { left:9%; bottom:14%; }
.ptek-float--four { right:10%; bottom:12%; color:var(--ptek-red); }

/* Shared */
.ptek-section { padding:clamp(38px,4.5vw,62px) 0; }
.ptek-section--soft { background:linear-gradient(180deg,#f8faff,#f4f7fd); border-top:1px solid #edf1f8; border-bottom:1px solid #edf1f8; }
.ptek-section--band { background:linear-gradient(135deg,#0b2d72,#1745ad 58%,#2456e6); }
.ptek-section-head { max-width:900px; margin:0 0 22px; }
.ptek-section-head h2 { margin:9px 0 8px; font-size:clamp(1.82rem,3vw,2.65rem); line-height:1.12; letter-spacing:-.03em; text-wrap:balance; }
.ptek-section-head p { margin:0 0 8px; }
.ptek-section-head--center { margin-left:auto; margin-right:auto; text-align:center; }
.ptek-section-head--light h2,.ptek-section-head--light p { color:#fff; }
.ptek-section-head--light p { color:rgba(255,255,255,.83); }
.ptek-section-tag--light { color:#fff; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.2); }
.ptek-copy-card,.ptek-table-card,.ptek-focus-shell,.ptek-cycle-card,.ptek-timing-shell,.ptek-online-card,.ptek-test-centre-card,.ptek-progress-card { border:1px solid var(--ptek-line); border-radius:22px; background:#fff; box-shadow:var(--ptek-shadow-soft); }
.ptek-icon-box { flex:0 0 auto; width:46px; height:46px; display:grid; place-items:center; border-radius:14px; color:var(--ptek-blue); background:var(--ptek-soft-blue); box-shadow:inset 0 0 0 1px rgba(36,86,230,.07); }
.ptek-copy-card { display:flex; gap:15px; padding:clamp(21px,2.5vw,30px); }
.ptek-copy-card h2 { margin:0 0 9px; font-size:clamp(1.55rem,2.3vw,2.05rem); line-height:1.18; }
.ptek-copy-card p { margin:0 0 9px; }
.ptek-copy-card p:last-child { margin-bottom:0; }
.ptek-copy-card--plain { box-shadow:none; }
.ptek-copy-card--compact h2 { font-size:clamp(1.45rem,2.1vw,1.9rem); }
.ptek-split { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:18px; align-items:stretch; }
.ptek-split--intro { grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr); }
.ptek-card-heading { display:flex; align-items:center; gap:10px; margin-bottom:13px; }
.ptek-card-heading>span { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:var(--ptek-soft-blue); color:var(--ptek-blue); flex:0 0 auto; }
.ptek-card-heading h3 { margin:0; font-size:clamp(1.2rem,1.8vw,1.55rem); line-height:1.24; }
.ptek-table-card { padding:clamp(18px,2vw,24px); }
.ptek-table-wrap { overflow:hidden; border:1px solid var(--ptek-line); border-radius:15px; background:#fff; }
.ptek-table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:.9rem; }
.ptek-table th,.ptek-table td { padding:11px 13px; text-align:left; vertical-align:top; border-bottom:1px solid var(--ptek-line); overflow-wrap:anywhere; }
.ptek-table thead th { background:linear-gradient(180deg,#f2f6ff,#edf3ff); color:var(--ptek-navy); font-weight:800; }
.ptek-table td:first-child,.ptek-table th:first-child { width:40%; color:var(--ptek-ink); font-weight:750; }
.ptek-table tbody tr:last-child td { border-bottom:0; }
.ptek-table-card--wide { max-width:980px; margin:0 auto; }

/* Focus */
.ptek-focus-shell { padding:clamp(20px,2.5vw,29px); }
.ptek-focus-shell>h3 { margin:0 0 14px; font-size:1.38rem; }
.ptek-focus-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ptek-focus-card { padding:17px; border:1px solid var(--ptek-line); border-radius:17px; background:linear-gradient(180deg,#fff,#fbfdff); }
.ptek-focus-card>span { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; background:var(--ptek-soft-blue); color:var(--ptek-blue); margin-bottom:10px; }
.ptek-focus-card h4 { margin:0 0 6px; font-size:.98rem; }
.ptek-focus-card p { margin:0; font-size:.89rem; }

/* Cycle */
.ptek-flow-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:18px; align-items:stretch; }
.ptek-cycle-card { padding:clamp(19px,2.2vw,27px); }
.ptek-cycle-table-wrap { background:#fbfdff; }
.ptek-cycle-table tbody tr:nth-child(even) { background:#f9fbff; }
.ptek-cycle-table tbody td:first-child { color:var(--ptek-blue-dark); }

/* Timing band */
.ptek-timing-shell { padding:clamp(20px,2.5vw,29px); background:rgba(255,255,255,.98); border-color:rgba(255,255,255,.22); box-shadow:0 20px 38px rgba(7,27,74,.22); }
.ptek-timing-shell>h3 { margin:0 0 14px; font-size:1.38rem; }
.ptek-timing-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ptek-timing-card { padding:16px; border:1px solid var(--ptek-line); border-radius:16px; background:#fff; }
.ptek-timing-card>span { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:var(--ptek-soft-blue); color:var(--ptek-blue); margin-bottom:9px; }
.ptek-timing-card h4 { margin:0 0 5px; font-size:.94rem; }
.ptek-timing-card p { margin:0; font-size:.86rem; }

/* Practice/online */
.ptek-resource-line { margin-top:14px!important; padding:12px 14px; border-radius:13px; background:#f8fbff; border:1px solid #dce7f7; }
.ptek-resource-line a { font-weight:750; }
.ptek-online-card { padding:clamp(20px,2.5vw,29px); }
.ptek-online-card>p { margin:0 0 9px; }
.ptek-online-card>h4 { margin:16px 0 11px; font-size:1rem; }
.ptek-online-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.ptek-online-item { display:flex; gap:9px; align-items:flex-start; padding:11px 12px; border:1px solid var(--ptek-line); border-radius:13px; background:#fbfdff; }
.ptek-online-item>span { flex:0 0 auto; color:var(--ptek-blue); margin-top:1px; }
.ptek-online-item strong { display:block; color:var(--ptek-navy); font-size:.86rem; }
.ptek-online-item p { margin:2px 0 0; font-size:.82rem; line-height:1.4; }

/* Academic/test centre */
.ptek-academic-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:18px; align-items:stretch; }
.ptek-test-centre-card { padding:clamp(20px,2.5vw,29px); }
.ptek-test-centre-card>p { margin:0 0 9px; }
.ptek-test-centre-card>h4 { margin:15px 0 10px; font-size:1rem; }
.ptek-check-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.ptek-check-item { display:flex; align-items:flex-start; gap:8px; padding:10px 11px; border:1px solid var(--ptek-line); border-radius:12px; background:#fbfdff; }
.ptek-check-item>span { flex:0 0 auto; color:var(--ptek-blue); margin-top:2px; }
.ptek-check-item p { margin:0; font-size:.84rem; line-height:1.42; }
.ptek-check-item:last-child { grid-column:1/-1; }
.ptek-two-copy { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.ptek-close-wrap { margin-top:18px; }

/* Progress */
.ptek-progress-card { max-width:1080px; margin:0 auto; padding:clamp(22px,2.8vw,32px); display:grid; grid-template-columns:56px minmax(0,1fr); gap:16px; }
.ptek-progress-card__icon { width:54px; height:54px; display:grid; place-items:center; border-radius:16px; background:var(--ptek-soft-blue); color:var(--ptek-blue); }
.ptek-progress-card h2 { margin:0 0 9px; font-size:clamp(1.6rem,2.4vw,2.15rem); }
.ptek-progress-card p { margin:0 0 8px; }
.ptek-progress-card p:last-child { margin-bottom:0; }
.ptek-progress-card a { font-weight:750; }

/* CTA */
.ptek-section--cta { padding-top:22px; }
.ptek-cta-card { position:relative; overflow:hidden; max-width:1120px; margin:0 auto; padding:clamp(26px,3.3vw,40px); display:grid; grid-template-columns:62px minmax(0,1fr); gap:18px; border-radius:27px; background:linear-gradient(135deg,#0b2d72,#2456e6 70%,#1d4dcc); box-shadow:0 20px 48px rgba(20,57,140,.22); }
.ptek-cta-card::after { content:""; position:absolute; width:260px; height:260px; right:-120px; bottom:-150px; border-radius:50%; border:36px solid rgba(255,255,255,.055); }
.ptek-cta-card__icon { position:relative; z-index:1; width:56px; height:56px; display:grid; place-items:center; border-radius:17px; color:#fff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); }
.ptek-cta-card>div { position:relative; z-index:1; }
.ptek-cta-card h2 { margin:0 0 9px; color:#fff; font-size:clamp(1.7rem,2.7vw,2.4rem); }
.ptek-cta-card p { margin:0 0 7px; color:rgba(255,255,255,.88); max-width:900px; }
.ptek-cta-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; margin-top:13px; min-height:46px; padding:11px 17px; border-radius:11px; background:#fff; color:var(--ptek-blue-dark)!important; font-family:var(--font-head,"Poppins",sans-serif); font-size:.9rem; font-weight:800; text-decoration:none; box-shadow:0 10px 24px rgba(0,0,0,.16); }

/* FAQ */
.ptek-faq-list { max-width:940px; margin:0 auto; display:grid; gap:9px; }
.ptek-faq { border:1px solid var(--ptek-line); border-radius:15px; background:#fff; box-shadow:0 5px 16px rgba(29,57,110,.04); overflow:hidden; }
.ptek-faq summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 17px; color:var(--ptek-navy); font-family:var(--font-head,"Poppins",sans-serif); font-size:.94rem; font-weight:750; }
.ptek-faq summary::-webkit-details-marker { display:none; }
.ptek-faq__icon { flex:0 0 auto; color:var(--ptek-blue); transition:transform .2s ease; }
.ptek-faq[open] .ptek-faq__icon { transform:rotate(180deg); }
.ptek-faq__answer { padding:0 17px 15px; }
.ptek-faq__answer p { margin:0; font-size:.92rem; }

@media (max-width:1040px) {
  .ptek-hero__grid { grid-template-columns:minmax(0,1fr) minmax(310px,.8fr); gap:30px; }
  .ptek-hero__visual { min-height:360px; }
  .ptek-split,.ptek-flow-layout,.ptek-academic-layout { grid-template-columns:1fr; }
  .ptek-timing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:780px) {
  .ptek-hero { padding-top:46px; }
  .ptek-hero__grid { grid-template-columns:1fr; }
  .ptek-hero__visual { min-height:320px; max-width:560px; width:100%; margin:0 auto; }
  .ptek-focus-grid,.ptek-two-copy { grid-template-columns:1fr; }
  .ptek-cta-card,.ptek-progress-card { grid-template-columns:1fr; gap:12px; }
}
@media (max-width:560px) {
  .ptek-section { padding:32px 0; }
  .ptek-hero h1 { font-size:clamp(2.08rem,11.2vw,3rem); }
  .ptek-hero__actions { flex-direction:column; }
  .ptek-button { width:100%; }
  .ptek-hero__visual { min-height:282px; border-radius:23px; }
  .ptek-hero__ring--one { width:190px; height:190px; }
  .ptek-hero__ring--two { width:235px; height:235px; }
  .ptek-hero__core { width:104px; height:104px; border-radius:29px; }
  .ptek-hero__core strong { font-size:1.55rem; }
  .ptek-float { min-width:0; padding:8px 9px; border-radius:13px; }
  .ptek-float b { font-size:.69rem; }
  .ptek-float--one { left:5%; top:11%; }
  .ptek-float--two { right:5%; top:19%; }
  .ptek-float--three { left:6%; bottom:12%; }
  .ptek-float--four { right:6%; bottom:10%; }
  .ptek-copy-card { flex-direction:column; gap:11px; }
  .ptek-online-grid,.ptek-timing-grid,.ptek-check-list { grid-template-columns:1fr; }
  .ptek-check-item:last-child { grid-column:auto; }
  .ptek-table { font-size:.81rem; }
  .ptek-table th,.ptek-table td { padding:9px; }
  .ptek-table td:first-child,.ptek-table th:first-child { width:42%; }
  .ptek-copy-card,.ptek-table-card,.ptek-focus-shell,.ptek-cycle-card,.ptek-timing-shell,.ptek-online-card,.ptek-test-centre-card,.ptek-progress-card { border-radius:18px; }
  .ptek-cta-card { padding:22px; border-radius:20px; }
  .ptek-faq summary { padding:13px 14px; font-size:.9rem; }
  .ptek-faq__answer { padding:0 14px 13px; }
}
@media (max-width:390px) {
  .ptek-hero__visual { min-height:260px; }
  .ptek-hero__ring--one { width:168px; height:168px; }
  .ptek-hero__ring--two { width:208px; height:208px; }
  .ptek-hero__core { width:92px; height:92px; }
  .ptek-float svg { display:none; }
  .ptek-table { font-size:.77rem; }
  .ptek-table th,.ptek-table td { padding:8px 7px; }
}

/* v3.64.0 — mobile hero reading order only */
@media (max-width:767px) {
  .ptek-hero__grid { grid-template-columns:1fr; row-gap:0; }
  .ptek-hero__copy { display:contents; }
  .ptek-eyebrow { order:1; justify-self:start; }
  .ptek-hero h1 { order:2; }
  .ptek-hero__visual { order:3; margin:0 auto 20px; }
  .ptek-hero__copy > p { order:4; }
  .ptek-hero__actions { order:5; display:grid; grid-template-columns:1fr; width:100%; gap:10px; margin-top:18px; }
  .ptek-button { width:100%; min-height:48px; padding:12px 16px; }
}