/* Reckona AI — Philippines market page. Extends /page.css with a premium,
   editorial treatment distinct from the India city pages and the other
   international market pages — Manila Bay sunset palette (deep ocean
   blue + coral). Nothing here is shared by other pages. */

.philippines-page{--noir-1:#06090F;--noir-2:#0C121C;--coral:#F0805A;--coral-soft:#F7B08F;
  --coral-line:rgba(240,128,90,.35);--platinum:#E9EDE7;--ink-art:#05070B;overflow-x:clip}

/* ---------- HERO ---------- */
.philippines-hero{position:relative;border-radius:26px;overflow:hidden;margin-top:14px;
  background:linear-gradient(180deg,var(--noir-1) 0%,#0E1420 55%,#182233 100%);
  padding:0;min-height:min(84vh,680px);display:flex;flex-direction:column;justify-content:flex-end}
.philippines-hero .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.philippines-hero .hero-video-overlay{position:absolute;inset:0;z-index:2;
  background:linear-gradient(0deg,rgba(5,7,11,.84) 0%,rgba(5,7,11,.35) 46%,rgba(5,7,11,.55) 100%)}
.philippines-hero .content{position:relative;z-index:3;padding:60px 44px 44px;
  background:linear-gradient(0deg,rgba(5,7,11,.65) 0%,rgba(5,7,11,0) 100%)}
.philippines-hero h1,.philippines-hero .eyebrow,.philippines-hero .lead{color:var(--platinum)}
.philippines-hero .eyebrow{color:rgba(233,237,231,.7);letter-spacing:.22em}
.philippines-hero .eyebrow::before{background:var(--coral)}
.philippines-hero h1 em{font-style:italic;color:var(--coral-soft)}
.philippines-hero .lead{color:rgba(233,237,231,.78)}
.philippines-hero .btn{background:var(--coral);color:#160E09;font-weight:700}
.philippines-hero .btn:hover{background:var(--coral-soft)}
.philippines-hero .btn.ghost{background:transparent;color:var(--platinum);border-color:rgba(233,237,231,.4)}

/* ---------- SECTION RULE ---------- */
.coral-rule{border:none;border-top:1px solid var(--coral-line);margin:0 0 28px}

/* ---------- WHY PHILIPPINES: refined checklist ---------- */
.why-list{column-count:2;column-gap:56px;margin-top:34px}
.why-item{display:flex;gap:22px;align-items:flex-start;padding:0 0 30px 24px;
  border-left:1.5px solid var(--coral-line);break-inside:avoid;transition:border-color .25s}
.why-item:hover{border-left-color:var(--coral)}
.why-item .num{font-family:Fraunces,serif;font-style:italic;font-weight:500;font-size:1.9rem;
  line-height:1;color:var(--coral);flex-shrink:0;min-width:40px;margin-top:-2px}
.why-item p{margin:0;font-size:.98rem;line-height:1.62;color:var(--ink2)}
@media(max-width:820px){.why-list{column-count:1}}

/* ---------- CORE PROPOSITION: three columns ---------- */
.proposition{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:32px}
.prop-col{padding-top:22px;border-top:1.5px solid var(--coral-line);transition:border-color .25s}
.prop-col:hover{border-top-color:var(--coral)}
.prop-col .mk{font-family:Fraunces,serif;font-style:italic;font-weight:500;font-size:1.3rem;color:var(--ink);
  display:block;margin-bottom:20px}
.prop-col ul{list-style:none;margin:0}
.prop-col li{padding:11px 0;font-size:.95rem;color:var(--ink2);border-bottom:1px solid var(--border)}
.prop-col li:last-child{border-bottom:none}
@media(max-width:820px){.proposition{grid-template-columns:1fr;gap:8px}}

/* ---------- INDUSTRY CARDS ---------- */
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.industry-grid .card.feature{grid-column:span 2;background:linear-gradient(135deg,var(--ink-art),#111928);color:var(--platinum);border-color:transparent}
.industry-grid .card.feature h3,.industry-grid .card.feature .mk{color:var(--coral-soft)}
.industry-grid .card.feature p{color:rgba(233,237,231,.72)}
.industry-grid .card .mk{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.1em;color:var(--coral);
  display:block;margin-bottom:8px}
@media(max-width:980px){.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-grid .card.feature{grid-column:span 2}}
@media(max-width:640px){.industry-grid{grid-template-columns:1fr}.industry-grid .card.feature{grid-column:span 1}}

/* ---------- AI ENGINE KILLER SECTION ---------- */
.engine-band{background:var(--ink-art);border-radius:22px;padding:40px 36px;margin-top:26px;color:var(--platinum);
  position:relative;overflow:hidden}
.engine-band::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 260px at 20% 0%,rgba(240,128,90,.10),transparent)}
.engine-band .query-chip{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;
  font-size:.88rem;color:var(--coral-soft);background:rgba(240,128,90,.08);border:1px solid var(--coral-line);
  border-radius:999px;padding:10px 18px;margin:18px 0 30px}
.engine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.engine-card{border:1px solid rgba(233,237,231,.14);border-radius:14px;padding:20px 18px;background:rgba(255,255,255,.02)}
.engine-card .name{font-family:'JetBrains Mono',monospace;font-size:.76rem;letter-spacing:.08em;color:var(--coral);
  text-transform:uppercase;margin-bottom:10px;display:block}
.engine-card .q{font-size:.86rem;color:rgba(233,237,231,.5);line-height:1.5}
.engine-card .qmark{font-family:Fraunces,serif;font-size:1.6rem;color:rgba(233,237,231,.25);line-height:1;margin-top:8px}
@media(max-width:820px){.engine-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.engine-grid{grid-template-columns:1fr}}
.engine-band .ask{margin-top:30px;text-align:center}
.engine-band .ask h3{color:var(--platinum);font-size:1.3rem}
.engine-band .ask p{color:rgba(233,237,231,.6);max-width:520px;margin:8px auto 20px}