:root{
  --plato-navy:#07111d;
  --plato-navy-2:#0d1a29;
  --plato-green:#163f36;
  --plato-green-2:#1f594a;
  --plato-gold:#c9a84c;
  --plato-gold-light:#ead38a;
  --plato-ivory:#f7f3e8;
  --plato-text:#edf2f5;
  --plato-muted:#aeb8c2;
  --plato-border:rgba(201,168,76,.22);
  --plato-display:'Playfair Display',Georgia,serif;
  --plato-body:'DM Sans',sans-serif;
  --plato-mono:'DM Mono',monospace;
  --plato-radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--plato-navy);color:var(--plato-text);font-family:var(--plato-body);line-height:1.72}
a{color:inherit}
.plato-shell{width:min(1240px,calc(100% - 36px));margin:auto}
.plato-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(7,17,29,.86);border-bottom:1px solid rgba(255,255,255,.06)}
.plato-header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.plato-brand{text-decoration:none;display:flex;align-items:center;gap:12px}
.plato-brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--plato-gold),#7f682b);color:#07111d;font-weight:800;font-family:var(--plato-display)}
.plato-brand-logo{width:46px;height:46px;display:block;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--plato-border)}
.plato-brand-copy strong{display:block;font:700 16px var(--plato-display)}
.plato-brand-copy small{display:block;color:var(--plato-gold);font:500 9px var(--plato-mono);letter-spacing:.12em;text-transform:uppercase}
.plato-nav{display:flex;gap:18px;align-items:center}
.plato-nav a{text-decoration:none;color:var(--plato-muted);font-size:13px}
.plato-nav .plato-home-link{border:1px solid var(--plato-border);padding:9px 13px;border-radius:999px;color:var(--plato-gold-light)}

.plato-hero{padding:78px 0 46px;background:
radial-gradient(circle at 70% 18%,rgba(31,89,74,.3),transparent 32%),
radial-gradient(circle at 10% 5%,rgba(201,168,76,.09),transparent 25%)}
.plato-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.plato-kicker,.plato-section-tag{font:500 10px var(--plato-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--plato-gold)}
h1{font:700 clamp(44px,6.4vw,82px)/1.02 var(--plato-display);letter-spacing:-.03em;margin:14px 0 24px}
h1 em,.plato-section-heading em{font-style:italic;color:var(--plato-gold-light)}
.plato-lead{font-size:18px;color:#c4ccd4;max-width:760px}
.plato-hero-points{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}
.plato-chip{border:1px solid var(--plato-border);border-radius:999px;padding:8px 12px;color:var(--plato-gold-light);font-size:12px;background:rgba(201,168,76,.05)}
.plato-placeholder{aspect-ratio:16/9;border:1px dashed rgba(234,211,138,.55);border-radius:var(--plato-radius);display:flex;align-items:center;justify-content:center;min-height:260px;background:
linear-gradient(135deg,rgba(22,63,54,.7),rgba(7,17,29,.92));position:relative;overflow:hidden}
.plato-placeholder::after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.06);border-radius:18px}
.plato-placeholder-copy{position:relative;z-index:2;text-align:center;padding:24px}
.plato-placeholder-copy strong{display:block;font:600 22px var(--plato-display);color:var(--plato-gold-light)}
.plato-placeholder-copy span{display:block;margin-top:8px;color:var(--plato-muted);font:500 11px var(--plato-mono)}

.plato-programs{padding:22px 0 76px}
.plato-program-board{border:1px solid var(--plato-border);background:linear-gradient(145deg,rgba(22,63,54,.42),rgba(13,26,41,.88));border-radius:28px;padding:28px}
.plato-program-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}
.plato-program-head h2{margin:5px 0 0;font:700 clamp(28px,4vw,44px)/1.05 var(--plato-display)}
.plato-live-dot{display:inline-flex;align-items:center;gap:8px;font:500 10px var(--plato-mono);color:#bde8d0;text-transform:uppercase;letter-spacing:.1em}
.plato-live-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#64d697;box-shadow:0 0 0 6px rgba(100,214,151,.1)}
.plato-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plato-program-card{padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(7,17,29,.72)}
.plato-program-badge{display:inline-block;font:500 9px var(--plato-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 9px;background:rgba(201,168,76,.12);color:var(--plato-gold-light)}
.plato-program-card h3{font:600 21px/1.2 var(--plato-display);margin:13px 0 8px}
.plato-program-card p{color:var(--plato-muted);font-size:13px}
.plato-program-meta{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0;font-size:11px;color:#cbd2d8}
.plato-program-action{display:inline-flex;text-decoration:none;background:var(--plato-gold);color:#08111c;font-weight:800;border-radius:10px;padding:10px 13px;font-size:12px}
.plato-program-action.plato-disabled{background:rgba(255,255,255,.08);color:#aeb8c2}
.plato-program-empty{padding:26px;border:1px dashed var(--plato-border);border-radius:16px;color:var(--plato-muted)}

.plato-section{padding:82px 0;border-top:1px solid rgba(255,255,255,.055)}
.plato-section:nth-of-type(even){background:rgba(255,255,255,.012)}
.plato-section-heading{font:700 clamp(34px,5vw,56px)/1.07 var(--plato-display);letter-spacing:-.02em;margin:10px 0 18px}
.plato-section-intro{max-width:850px;color:var(--plato-muted);font-size:16px}
.plato-stage-grid,.plato-pillar-grid,.plato-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.plato-card{border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:24px;background:rgba(13,26,41,.68)}
.plato-card h3{font:600 24px/1.2 var(--plato-display);margin:0 0 12px}
.plato-card p,.plato-card li{color:#b8c1ca}
.plato-card ul{padding-left:18px}
.plato-age{font:500 10px var(--plato-mono);color:var(--plato-gold);letter-spacing:.12em;text-transform:uppercase}
.plato-pillar-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.plato-pillar-card{padding:20px;border-radius:18px;background:linear-gradient(180deg,rgba(22,63,54,.45),rgba(7,17,29,.8));border:1px solid var(--plato-border)}
.plato-pillar-num{font:500 10px var(--plato-mono);color:var(--plato-gold)}
.plato-pillar-urdu{font-size:30px;color:var(--plato-gold-light);margin:8px 0}
.plato-pillar-card h3{font:600 22px var(--plato-display);margin:0 0 4px}
.plato-pillar-card small{color:var(--plato-gold);font:500 9px var(--plato-mono)}
.plato-pillar-card p{color:var(--plato-muted);font-size:13px}
.plato-content-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:34px;align-items:start}
.plato-copy-block h3{font:600 27px/1.2 var(--plato-display);margin:32px 0 10px;color:var(--plato-ivory)}
.plato-copy-block p,.plato-copy-block li{color:#bcc5ce}
.plato-copy-block ul{padding-left:20px}
.plato-callout{border-left:3px solid var(--plato-gold);padding:16px 18px;background:rgba(201,168,76,.05);margin:24px 0;color:var(--plato-gold-light);font-family:var(--plato-display);font-size:20px}
.plato-image-stack{position:sticky;top:100px}
.plato-image-stack .plato-placeholder{aspect-ratio:3/2;min-height:0}
.plato-mini-placeholder{margin-top:14px;aspect-ratio:1/1;min-height:0}
.plato-final{padding:100px 0;background:linear-gradient(135deg,rgba(22,63,54,.92),rgba(7,17,29,.98))}
.plato-final-inner{max-width:900px}
.plato-final-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.plato-final-actions a{text-decoration:none;border:1px solid var(--plato-border);padding:11px 14px;border-radius:999px;color:var(--plato-gold-light)}
.plato-footer{padding:30px 0;border-top:1px solid rgba(255,255,255,.06);color:var(--plato-muted);font-size:12px}
[data-plato-reveal]{opacity:0;transform:translateY(16px);transition:.6s ease}
[data-plato-reveal].plato-visible{opacity:1;transform:none}
@media(max-width:1000px){
  .plato-hero-grid,.plato-content-layout{grid-template-columns:1fr}
  .plato-program-grid,.plato-stage-grid,.plato-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plato-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plato-image-stack{position:static}
}
@media(max-width:680px){
  .plato-shell{width:min(100% - 22px,1240px)}
  .plato-nav a:not(.plato-home-link){display:none}
  .plato-hero{padding-top:48px}
  h1{font-size:46px}
  .plato-program-grid,.plato-stage-grid,.plato-feature-grid,.plato-pillar-grid{grid-template-columns:1fr}
  .plato-program-head{align-items:flex-start;flex-direction:column}
  .plato-section{padding:62px 0}
}
