.elementor-11364 .elementor-element.elementor-element-05e98b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ═══ PHIDIAS HOMEPAGE — Homepage-Specific Styles ═══ */
/* Updated: March 2026 */
/* Loads on homepage only (Elementor page-level Custom CSS) */
/* Requires phidias-base.css (loaded site-wide via Custom Code) */
/* Contains: Pillars, Gold Thread, Compare Table, How It Works */

/* ═══ 1. GPU & LAYOUT PERFORMANCE HINTS (homepage-only elements) ═══ */
.phidias-home .gold-thread,.phidias-home .gold-thread-dot{will-change:transform,opacity;contain:layout style}
.phidias-home .pillars-mood,.phidias-home .pillars-mood-2{will-change:transform,opacity;contain:layout style}
.phidias-home .pillar-card{will-change:transform,opacity;contain:layout style}
.phidias-home .compare-table{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
/* Isolate sections to limit paint/layout scope */
.phidias-home .pillars-pin-wrap{contain:layout style;isolation:isolate}
.phidias-home .compare-section{contain:layout style;isolation:isolate}

/* ═══ 2. PILLARS (pinned scroll-hijack, immersive) ═══ */
.phidias-home .pillars{position:relative;background:var(--bg);overflow:visible}
.phidias-home .pillars-pin-wrap{height:100vh;display:flex;align-items:center;overflow:hidden;position:relative}

/* Giant background counter */
.phidias-home .pillars-counter{position:absolute;right:60px;top:50%;transform:translateY(-50%);
  font-family:var(--font-h);font-size:clamp(280px,25vw,400px);font-weight:900;letter-spacing:-0.04em;
  color:rgba(211,181,116,0.04);
  -webkit-text-stroke:2px rgba(211,181,116,0.10);
  text-shadow:0 0 80px rgba(211,181,116,0.06);
  line-height:1;pointer-events:none;z-index:0;user-select:none;
  opacity:0;transition:none}

/* Ambient mood glow (color changes per pillar) */
.phidias-home .pillars-mood{position:absolute;width:800px;height:800px;border-radius:50%;
  filter:blur(120px);pointer-events:none;z-index:0;opacity:0;
  top:40%;left:55%;transform:translate(-50%,-50%);transition:none}

/* Secondary mood glow for richer atmosphere */
.phidias-home .pillars-mood-2{position:absolute;width:500px;height:500px;border-radius:50%;
  filter:blur(100px);pointer-events:none;z-index:0;opacity:0;
  top:60%;left:30%;transform:translate(-50%,-50%);transition:none}

/* Soft vignette for depth */
.phidias-home .pillars-vignette{position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 40%,rgba(8,16,32,0.6) 100%)}

.phidias-home .pillars-inner{max-width:1400px;margin:0 auto;padding:0 80px;display:grid;grid-template-columns:1fr 1.3fr;gap:80px;width:100%;align-items:center;position:relative;z-index:2}

/* Nav with progress arcs */
.phidias-home .pillars-nav{position:relative}
.phidias-home .pn-eyebrow{font-family:var(--font-h);font-size:14px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin-bottom:36px}
.phidias-home .pn-item{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid rgba(211,181,116,0.05);cursor:pointer;
  transition:all 0.4s;position:relative}
.phidias-home .pn-item:first-child{border-top:1px solid rgba(211,181,116,0.05)}
.phidias-home .pn-item.active{padding-left:8px}
.phidias-home .pn-item::before{content:'';position:absolute;left:-2px;top:18px;bottom:18px;width:2px;
  background:var(--gold);opacity:0;transform:scaleY(0);transition:all 0.4s cubic-bezier(.25,.46,.45,.94)}
.phidias-home .pn-item.active::before{opacity:1;transform:scaleY(1)}
.phidias-home .pn-arc-wrap{width:40px !important;height:40px !important;flex-shrink:0;position:relative !important;display:inline-block}
.phidias-home .pn-arc-wrap svg{display:block;width:40px !important;height:40px !important;max-width:none !important;overflow:visible !important}
.phidias-home .pn-arc-bg{fill:none !important;stroke:rgba(211,181,116,0.08);stroke-width:2}
.phidias-home .pn-arc-fill{fill:none !important;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;
  stroke-dasharray:113;stroke-dashoffset:113;transition:none;transform:rotate(-90deg);transform-origin:center}
.phidias-home .pn-arc-num{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;
  width:100%;height:100%;display:flex !important;align-items:center !important;justify-content:center !important;
  font-family:var(--font-h);font-size:13px;font-weight:800;color:rgba(211,181,116,0.25);transition:color 0.4s;
  margin:0;padding:0;z-index:1}
.phidias-home .pn-item.active .pn-arc-num{color:var(--gold)}
.phidias-home .pn-text{flex:1}
.phidias-home .pn-title{font-family:var(--font-h);font-size:18px;font-weight:600;color:rgba(221,217,208,0.5);transition:all 0.4s;line-height:1.3}
.phidias-home .pn-item.active .pn-title{color:var(--white);font-weight:700;font-size:21px}
.phidias-home .pn-item:hover:not(.active) .pn-title{color:var(--white-dim)}

/* Content cards */
.phidias-home .pillars-content{position:relative;min-height:420px}
.phidias-home .pillar-card{opacity:0;position:absolute;top:0;left:0;width:100%;pointer-events:none;will-change:opacity,transform;z-index:1}
.phidias-home .pillar-card.active{opacity:1;pointer-events:auto;z-index:2}
.phidias-home .pc-card{padding:40px;border-radius:24px;
  background:linear-gradient(145deg,rgba(16,24,44,0.9) 0%,rgba(20,32,56,0.93) 50%,rgba(14,22,40,0.91) 100%);
  backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);
  border:1px solid rgba(211,181,116,0.12);position:relative;overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,0.35),0 20px 60px rgba(0,0,0,0.2),0 0 0 1px rgba(211,181,116,0.04),
    inset 0 1px 0 rgba(255,255,255,0.05);
  transform-style:preserve-3d}
.phidias-home .pc-card::before{content:'';position:absolute;inset:0;border-radius:24px;padding:1px;pointer-events:none;
  background:linear-gradient(145deg,rgba(211,181,116,0.18) 0%,transparent 35%,transparent 65%,rgba(211,181,116,0.08) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
.phidias-home .pc-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
  background:radial-gradient(circle at 30% 20%,rgba(211,181,116,0.04) 0%,transparent 50%);
  pointer-events:none;z-index:0}

/* Highlight stat callout */
.phidias-home .pc-highlight{display:flex;align-items:baseline;gap:16px;margin-bottom:28px;padding-bottom:28px;
  border-bottom:1px solid rgba(211,181,116,0.06)}
.phidias-home .pc-highlight-num{font-family:var(--font-h);font-size:clamp(52px,4.5vw,68px);font-weight:900;
  color:var(--gold);letter-spacing:-0.03em;line-height:1;
  text-shadow:0 0 40px rgba(211,181,116,0.15)}
.phidias-home .pc-highlight-label{font-family:var(--font-h);font-size:16px;font-weight:600;color:var(--white-dim);line-height:1.4}
.phidias-home .pc-highlight-green .pc-highlight-num{color:var(--green);text-shadow:0 0 40px rgba(39,174,96,0.15)}

.phidias-home .pc-heading{font-size:clamp(24px,2.4vw,32px);font-weight:800;color:var(--white);margin-bottom:14px;line-height:1.2}
.phidias-home .pc-desc{font-size:16px;color:var(--white-dim);line-height:1.65;margin-bottom:22px}
.phidias-home .pc-features{display:flex;flex-direction:column;gap:12px}
.phidias-home .pc-feat{display:flex;align-items:flex-start;gap:11px;font-size:15px;color:var(--white);line-height:1.5}
.phidias-home .pc-feat svg{width:18px;height:18px;color:var(--gold);flex-shrink:0;margin-top:2px}

/* Compact logo row */
.phidias-home .pc-logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(211,181,116,0.05)}
.phidias-home .pc-logos-sm{margin-top:18px;padding-top:18px}
.phidias-home .pc-logo-item{padding:8px 16px;border-radius:8px;background:rgba(8,16,32,0.5);border:1px solid rgba(211,181,116,0.05);
  font-family:var(--font-h);font-size:13px;font-weight:700;color:var(--white-dim);letter-spacing:0.06em;text-transform:uppercase;
  transition:all 0.3s}
.phidias-home .pc-logo-accent{color:var(--gold);border-color:rgba(211,181,116,0.12)}

/* ═══ 3. GOLD THREAD: fixed overlay, no clipping ancestors ═══ */
.phidias-home .gold-thread{position:fixed;left:50%;width:1px;height:0;top:0;
  background:var(--gold);
  transform:translateX(-50%);
  box-shadow:0 0 6px rgba(211,181,116,0.2),0 0 16px rgba(211,181,116,0.06);
  pointer-events:none;z-index:100;opacity:0}
.phidias-home .gold-thread-dot{position:fixed;left:50%;width:5px;height:5px;border-radius:50%;top:0;
  background:var(--gold);transform:translate(-50%,-50%);
  box-shadow:0 0 8px rgba(211,181,116,0.5),0 0 20px rgba(211,181,116,0.15);
  pointer-events:none;z-index:100;opacity:0}

/* ═══ 4. SECTION CONNECTOR: seamless spacing between pillars and compare ═══ */
.phidias-home .section-connector{position:relative;height:100px;overflow:visible;z-index:3;background:var(--bg)}

/* ═══ 5. COMPARE (split layout: table left, copy right) ═══ */
.phidias-home .compare{position:relative;padding:80px 80px 100px;background:var(--bg);overflow:hidden}
/* Ambient orbs behind section */
.phidias-home .compare-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(120px)}
.phidias-home .compare-orb-1{width:500px;height:500px;background:rgba(211,181,116,0.05);top:10%;left:5%}
.phidias-home .compare-orb-2{width:400px;height:400px;background:rgba(39,174,96,0.03);bottom:15%;right:10%}
.phidias-home .compare-orb-3{width:300px;height:300px;background:rgba(211,181,116,0.04);top:50%;left:40%}

.phidias-home .compare-split{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:72px;align-items:start;position:relative;z-index:2}

/* Right: copy block */
.phidias-home .compare-copy{position:sticky;top:140px}
.phidias-home .compare-copy .eyebrow{margin-bottom:20px}
.phidias-home .compare-copy-title{font-family:var(--font-h);font-size:clamp(32px,4vw,56px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:20px}
.phidias-home .compare-copy-title span{color:var(--gold)}
.phidias-home .compare-copy-sub{font-size:18px;color:var(--white-dim);line-height:1.7;margin-bottom:32px}
.phidias-home .compare-copy-stat{display:flex;align-items:baseline;gap:12px;padding:20px 0;border-top:1px solid rgba(211,181,116,0.08)}
.phidias-home .compare-copy-stat-num{font-family:var(--font-h);font-size:36px;font-weight:900;color:var(--gold);letter-spacing:-0.02em}
.phidias-home .compare-copy-stat-label{font-family:var(--font-h);font-size:15px;font-weight:600;color:var(--white-dim)}

/* Left: table wrapper (holds table + reflection) */
.phidias-home .compare-table-wrap{position:relative;z-index:2}

/* The table — floating glass panel (tilt driven by JS) */
.phidias-home .compare-table{border-radius:24px;overflow:hidden;position:relative;
  background:linear-gradient(160deg,rgba(14,22,42,0.97) 0%,rgba(18,28,50,0.98) 100%);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(211,181,116,0.10);
  box-shadow:
    0 2px 6px rgba(0,0,0,0.2),
    0 8px 24px rgba(0,0,0,0.25),
    0 24px 56px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.05),
    inset 0 -1px 0 rgba(0,0,0,0.25);
  transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);
  transform-origin:center center;
  will-change:transform;
  transition:box-shadow 0.5s ease}

/* Dynamic border glow (positioned by JS) */
.phidias-home .compare-border-glow{position:absolute;inset:0;border-radius:24px;padding:1px;z-index:10;pointer-events:none;
  background:conic-gradient(from 0deg at 50% 50%,
    rgba(211,181,116,0.01) 0%,rgba(211,181,116,0.01) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  transition:none}

/* Mouse-tracking ambient glow */
.phidias-home .compare-table-glow{position:absolute;width:400px;height:400px;border-radius:50%;pointer-events:none;z-index:5;
  background:radial-gradient(circle,rgba(211,181,116,0.06) 0%,rgba(211,181,116,0.015) 40%,transparent 70%);
  transform:translate(-50%,-50%);opacity:0;transition:opacity 0.5s ease;will-change:transform,opacity}
.phidias-home .compare-table:hover .compare-table-glow{opacity:1}

/* Row spotlight — additive glow, no fade on siblings */
.phidias-home .c-row:not(.head){transition:background 0.4s ease,box-shadow 0.4s ease,border-color 0.4s ease;position:relative}
.phidias-home .c-row:not(.head).row-lit{
  background:linear-gradient(90deg,rgba(231,76,60,0.02) 0%,rgba(26,32,58,0.4) 25%,rgba(26,32,58,0.5) 50%,rgba(211,181,116,0.06) 75%,rgba(211,181,116,0.03) 100%);
  box-shadow:inset 0 0 30px rgba(211,181,116,0.03),0 0 20px rgba(211,181,116,0.02);
}
.phidias-home .c-row:not(.head).row-lit .c-cell-val.good{text-shadow:0 0 12px rgba(211,181,116,0.3)}
.phidias-home .c-row:not(.head).row-lit .c-cell-val.bad{text-shadow:0 0 12px rgba(231,76,60,0.2)}

/* Blurred reflection beneath table */
.phidias-home .compare-reflection{position:absolute;left:5%;right:5%;bottom:-40px;height:60%;
  background:linear-gradient(160deg,rgba(22,28,52,0.35) 0%,rgba(26,32,58,0.25) 100%);
  border-radius:24px;filter:blur(20px);opacity:0.2;
  transform:perspective(1200px) rotateY(-2deg) rotateX(-8deg) scaleY(0.3);
  transform-origin:top center;z-index:1;pointer-events:none}

.phidias-home .c-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(211,181,116,0.08);position:relative}
.phidias-home .c-row:last-child{border-bottom:none}
/* Divider between columns */
.phidias-home .c-row:not(.head)::after{content:'';position:absolute;left:50%;top:12px;bottom:12px;width:1px;
  background:linear-gradient(to bottom,transparent,rgba(211,181,116,0.1),transparent)}
.phidias-home .c-row.head{background:linear-gradient(90deg,rgba(231,76,60,0.06) 0%,rgba(231,76,60,0.02) 49%,rgba(211,181,116,0.06) 51%,rgba(211,181,116,0.02) 100%)}
.phidias-home .c-row.head .c-cell{font-family:var(--font-h);font-weight:700;font-size:14px;letter-spacing:0.08em;text-transform:uppercase;padding:18px 28px}
.phidias-home .c-row.head .c-cell:first-child{color:rgba(245,242,235,0.45)}
.phidias-home .c-row.head .c-cell:last-child{color:var(--gold);position:relative}
.phidias-home .c-row.head .c-cell:last-child::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,rgba(211,181,116,0.05),rgba(211,181,116,0.4) 50%,rgba(211,181,116,0.05))}
.phidias-home .c-cell{padding:0 28px}
.phidias-home .c-cell:last-child{background:rgba(211,181,116,0.04)}
.phidias-home .c-cell-wrap{padding:20px 0;display:flex;flex-direction:column;gap:5px}
.phidias-home .c-cell-label{font-family:var(--font-h);font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;
  color:rgba(245,242,235,0.3);margin-bottom:2px}
.phidias-home .c-cell-val{font-family:var(--font-h);font-size:17px;font-weight:700;line-height:1.3;display:flex;align-items:center;gap:9px}
.phidias-home .c-cell-val svg{width:18px;height:18px;flex-shrink:0}
.phidias-home .c-cell-val.bad{color:var(--red);opacity:0.9}
.phidias-home .c-cell-val.bad svg{color:var(--red)}
.phidias-home .c-cell-val.good{color:var(--gold)}
.phidias-home .c-cell-val.good svg{color:var(--green)}
.phidias-home .c-cell-note{font-size:15px;color:var(--gold);opacity:0.75;font-style:italic;line-height:1.4}

/* ═══ 6. HOW IT WORKS — PREMIUM STEP FLOW ═══ */
.phidias-home .how{position:relative;overflow:hidden;padding-bottom:100px;
  background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 30%,var(--bg-2) 70%,var(--bg) 100%)}
.phidias-home .how::before{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(211,181,116,0.03) 0%,transparent 70%);pointer-events:none}
.phidias-home .how-header{text-align:center;padding:100px 80px 48px;position:relative;z-index:2}
.phidias-home .how-header .section-sub{margin:0 auto}
.phidias-home .how-header .section-title .gold{color:var(--gold)}

/* Gold connecting path SVG */
.phidias-home .how-path-wrap{position:relative;max-width:1340px;margin:0 auto;padding:0 60px;height:56px;z-index:2}
.phidias-home .how-path-svg{width:100%;height:56px;overflow:visible;display:block}
.phidias-home .how-path-track{fill:none;stroke:rgba(211,181,116,0.06);stroke-width:1}
.phidias-home .how-path-fill{fill:none;stroke:var(--gold);stroke-width:1.5;
  stroke-dasharray:2000;stroke-dashoffset:2000;
  filter:drop-shadow(0 0 4px rgba(211,181,116,0.35)) drop-shadow(0 0 14px rgba(211,181,116,0.08))}
.phidias-home .how-path-dot{fill:var(--bg-3);stroke:rgba(211,181,116,0.12);stroke-width:1.5;
  transition:all 0.5s cubic-bezier(.25,.46,.45,.94)}
.phidias-home .how-path-dot.lit{fill:var(--gold);stroke:var(--gold);
  filter:drop-shadow(0 0 6px rgba(211,181,116,0.5))}

/* Grid: 4 cards in a row */
.phidias-home .how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1340px;margin:0 auto;padding:0 60px;position:relative;z-index:2}

/* ── Individual card ── */
.phidias-home .how-card{padding:0;border-radius:18px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,rgba(16,24,44,0.95) 0%,rgba(20,32,56,0.97) 100%);
  border:1px solid rgba(211,181,116,0.12);
  box-shadow:0 2px 6px rgba(0,0,0,0.15),0 8px 28px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.06);
  transition:transform 0.5s cubic-bezier(.25,.46,.45,.94),box-shadow 0.5s ease,border-color 0.5s ease;
  opacity:0;transform:translateY(30px)}
/* Gold top accent bar */
.phidias-home .how-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,rgba(211,181,116,0.05),rgba(211,181,116,0.45) 50%,rgba(211,181,116,0.05));
  opacity:0.6;transition:opacity 0.5s ease}
/* Inner glow — top-right radial */
.phidias-home .how-card-glow{position:absolute;top:-40px;right:-40px;width:180px;height:180px;
  background:radial-gradient(circle,rgba(211,181,116,0.09) 0%,transparent 70%);
  pointer-events:none;z-index:0;transition:opacity 0.5s ease}
/* Gradient border reveal on hover */
.phidias-home .how-card::before{content:'';position:absolute;inset:0;border-radius:18px;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(211,181,116,0.18) 0%,transparent 40%,transparent 60%,rgba(211,181,116,0.06) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.5s}
.phidias-home .how-card:hover{transform:translateY(-8px);
  box-shadow:0 8px 16px rgba(0,0,0,0.1),0 16px 40px rgba(15,19,40,0.2),
    0 0 40px rgba(211,181,116,0.04);
  border-color:rgba(211,181,116,0.18)}
.phidias-home .how-card:hover::before{opacity:1}
.phidias-home .how-card:hover::after{opacity:1}
.phidias-home .how-card:hover .how-card-glow{opacity:1.5}
/* Active state — lit by scroll path */
.phidias-home .how-card.lit{border-color:rgba(211,181,116,0.15)}
.phidias-home .how-card.lit::after{opacity:1}
.phidias-home .how-card.lit .how-num{
  background:linear-gradient(180deg,rgba(211,181,116,0.5) 0%,rgba(211,181,116,0.15) 100%);
  -webkit-background-clip:text;background-clip:text}
.phidias-home .how-card.lit .how-num-ring{border-color:rgba(211,181,116,0.2);background:rgba(211,181,116,0.04)}
/* Card inner padding wrapper */
.phidias-home .how-card-inner{padding:36px 28px 32px;position:relative;z-index:1}

/* Step number with decorative ring */
.phidias-home .how-num-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px}
.phidias-home .how-num-ring{width:72px;height:72px;border-radius:50%;border:1px solid rgba(211,181,116,0.10);
  display:flex;align-items:center;justify-content:center;
  background:rgba(211,181,116,0.02);transition:all 0.5s ease}
.phidias-home .how-num{font-family:var(--font-h);font-size:28px;font-weight:900;letter-spacing:-0.02em;line-height:1;
  background:linear-gradient(180deg,rgba(211,181,116,0.35) 0%,rgba(211,181,116,0.10) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;position:relative;z-index:1;
  transition:all 0.5s ease}
.phidias-home .how-card:hover .how-num{
  background:linear-gradient(180deg,rgba(211,181,116,0.6) 0%,rgba(211,181,116,0.2) 100%);
  -webkit-background-clip:text;background-clip:text}
.phidias-home .how-card:hover .how-num-ring{border-color:rgba(211,181,116,0.2);background:rgba(211,181,116,0.05);
  box-shadow:0 0 20px rgba(211,181,116,0.06)}

/* Title */
.phidias-home .how-card h3{font-family:var(--font-h);font-size:20px;font-weight:800;color:var(--white);
  margin-bottom:10px;line-height:1.3;position:relative;z-index:1}

/* Description — concise */
.phidias-home .how-card p{font-size:16px;color:var(--white-dim);line-height:1.65;position:relative;z-index:1}

/* Stat tag — upgraded with hero stat */
.phidias-home .how-tag{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:10px 16px;border-radius:10px;
  background:rgba(211,181,116,0.04);border:1px solid rgba(211,181,116,0.08);
  position:relative;z-index:1;transition:all 0.4s;white-space:nowrap}
.phidias-home .how-tag-val{font-family:var(--font-h);font-size:20px;font-weight:900;letter-spacing:-0.02em;
  background:linear-gradient(135deg,#e8d08c 0%,#d3b574 50%,#c9a55a 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}
.phidias-home .how-tag-label{font-family:var(--font-h);font-size:13px;font-weight:700;color:rgba(255,255,255,0.5);
  letter-spacing:0.04em;text-transform:uppercase}
.phidias-home .how-card:hover .how-tag{border-color:rgba(211,181,116,0.2);background:rgba(211,181,116,0.08);
  box-shadow:0 0 16px rgba(211,181,116,0.04)}

/* Ambient glow — richer */
.phidias-home .how-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:800px;height:500px;background:radial-gradient(ellipse,rgba(211,181,116,0.035) 0%,transparent 60%);
  pointer-events:none;z-index:0}

/* ═══ 7. RESPONSIVE — 1024px ═══ */
@media(max-width:1024px){
  .phidias-home .pillars-pin-wrap{height:auto;align-items:flex-start}
  .phidias-home .pillars-counter,.phidias-home .pillars-mood,.phidias-home .pillars-mood-2,.phidias-home .pillars-vignette{display:none}
  .phidias-home .section-connector{height:60px}
  .phidias-home .gold-thread,.phidias-home .gold-thread-dot{display:none}
  .phidias-home .pillars-inner{grid-template-columns:1fr;gap:40px;padding:100px 40px}
  .phidias-home .pillars-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
  .phidias-home .pn-item{padding:10px 16px;border:1px solid rgba(211,181,116,0.1);border-radius:10px;border-bottom:none}
  .phidias-home .pn-item:first-child{border-top:1px solid rgba(211,181,116,0.1)}
  .phidias-home .pn-item.active{border-color:var(--gold);background:rgba(211,181,116,0.04)}
  .phidias-home .pn-arc-wrap{display:none}
  .phidias-home .pn-title{font-size:16px !important}
  .phidias-home .pillars-content{min-height:auto}
  .phidias-home .pillar-card{position:relative !important;opacity:1 !important;transform:none !important;pointer-events:auto !important;margin-bottom:24px;scale:1 !important}
  .phidias-home .pillar-card:not(.active){display:block}
  .phidias-home .pc-card::before{display:none}
  .phidias-home .compare-split{grid-template-columns:1fr;gap:48px}
  .phidias-home .compare-copy{position:relative;top:0;order:-1}
  .phidias-home .compare-table{transform:none !important;box-shadow:0 10px 40px rgba(0,0,0,0.3),inset 0 1px 0 rgba(211,181,116,0.08)}
  .phidias-home .compare-table-glow,.phidias-home .compare-border-glow,.phidias-home .compare-reflection,.phidias-home .compare-orb{display:none}
  .phidias-home .compare-table.has-hover .c-row:not(.head).row-lit{background:none;box-shadow:none}
  .phidias-home .how-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:0 40px}
  .phidias-home .how-path-wrap{padding:0 40px}
  .phidias-home .how-path-svg{display:none}
  .phidias-home .how-num{font-size:24px}
  .phidias-home .how-num-ring{width:60px;height:60px}
  .phidias-home .how-tag-val{font-size:18px}
}

/* ═══ 8. RESPONSIVE — 768px ═══ */
@media(max-width:768px){
  .phidias-home .pillars-inner{padding:80px 24px}
  .phidias-home .pillars-nav{flex-direction:column}
  .phidias-home .pn-item{width:100%}
  .phidias-home .pc-card{padding:28px 20px}
  .phidias-home .pc-highlight-num{font-size:40px}
  .phidias-home .pc-logos{gap:6px}
  .phidias-home .pc-logo-item{padding:6px 10px;font-size:11px}
  .phidias-home .compare-split{grid-template-columns:1fr;gap:40px}
  .phidias-home .compare-copy{position:relative;top:0;order:-1}
  .phidias-home .compare-copy-title{font-size:clamp(28px,8vw,40px)}
  .phidias-home .compare-table-wrap{width:100%;max-width:100%;margin:0 auto}
  .phidias-home .compare-table{transform:none !important;box-shadow:0 10px 40px rgba(0,0,0,0.3),inset 0 1px 0 rgba(211,181,116,0.08);
    width:100%;border-radius:18px}
  .phidias-home .compare-table-glow,.phidias-home .compare-border-glow,.phidias-home .compare-reflection{display:none}
  .phidias-home .compare-table.has-hover .c-row:not(.head).row-lit{background:none;box-shadow:none}
  .phidias-home .c-row{grid-template-columns:1fr}
  .phidias-home .c-row.head{display:none}
  .phidias-home .c-row::after{display:none}
  .phidias-home .c-cell{padding:8px 20px}
  .phidias-home .c-cell-wrap{padding:14px 0}
  .phidias-home .c-cell:first-child .c-cell-label{display:block}
  .phidias-home .c-cell:last-child .c-cell-label{display:none}
  .phidias-home .how-grid{grid-template-columns:1fr;gap:14px;padding:0 24px;max-width:440px}
  .phidias-home .how-path-wrap{display:none}
  .phidias-home .how-num{font-size:22px}
  .phidias-home .how-num-ring{width:56px;height:56px}
  .phidias-home .how-card-inner{padding:28px 22px}
  .phidias-home .how-tag-val{font-size:17px}
}
@media(max-width:768px){
  .phidias-home .how-header{padding-top:72px;padding-bottom:40px}
  .phidias-home .how{padding-bottom:72px}
  .phidias-home .compare{padding-top:60px;padding-bottom:72px}
  .phidias-home .section-connector{height:48px}
  .phidias-home .pillars-nav{display:none !important}
  .phidias-home .pn-eyebrow{display:none}
  .phidias-home .pillars-content{display:flex !important;flex-direction:column;gap:14px}
  .phidias-home .pillar-card{display:block !important;opacity:1 !important;transform:none !important;
    position:relative !important;pointer-events:auto !important;scale:1 !important;margin-bottom:0}
  .phidias-home .pillar-card .pc-card{border-radius:16px;padding:24px 20px;
    background:rgba(16,26,46,0.6);border:1px solid rgba(211,181,116,0.10)}
  .phidias-home .pillar-card .pc-card::before{display:none}
  .phidias-home .pc-heading{font-size:clamp(18px,4.5vw,22px)}
  .phidias-home .pc-desc{font-size:15px;line-height:1.65;margin-top:10px}
  .phidias-home .pc-features{margin-top:14px}
  .phidias-home .pc-feat{font-size:14px}
  .phidias-home .pc-highlight{margin-bottom:14px}
  .phidias-home .pc-highlight-num{font-size:36px}
  .phidias-home .pc-logos{margin-top:14px}
  .phidias-home .c-cell-wrap{position:relative}
  .phidias-home .c-cell:first-child .c-cell-label{display:block;color:rgba(255,255,255,0.35);font-weight:600;font-size:10px;
    letter-spacing:0.08em;text-transform:uppercase}
  .phidias-home .c-cell:first-child .c-cell-label::before{content:'Others \2014 '}
  .phidias-home .c-cell:first-child .c-cell-wrap{opacity:0.6;padding-left:16px;border-left:2px solid rgba(231,76,60,0.3)}
  .phidias-home .c-cell:last-child .c-cell-wrap{padding-left:16px;border-left:2px solid var(--gold)}
  .phidias-home .c-cell:last-child .c-cell-label{display:block;color:var(--gold);font-weight:700;font-size:10px;
    letter-spacing:0.08em;text-transform:uppercase}
  .phidias-home .c-cell:last-child .c-cell-label::before{content:'Phidias \2014 '}
  .phidias-home .c-row{padding:8px 0;border-bottom:1px solid rgba(211,181,116,0.04)}
  .phidias-home .compare-split{display:flex;flex-direction:column}
  .phidias-home .compare-copy{order:-1 !important;margin-bottom:32px}
  .phidias-home .compare-table-wrap{order:0 !important}
  .phidias-home .compare-copy-stat{display:none}
  .phidias-home .how-card{position:relative}
  .phidias-home .how-card:not(:last-child)::after{content:'';position:absolute;left:33px;top:100%;
    width:2px;height:14px;background:linear-gradient(to bottom,rgba(211,181,116,0.2),rgba(211,181,116,0.05))}
  .phidias-home .how-grid{gap:0}
  .phidias-home .how-card{margin-bottom:14px}
}
@media(max-width:768px){
  .phidias-home .pn-item{min-height:44px}
}

/* ═══ 9. RESPONSIVE — 480px ═══ */
@media(max-width:480px){
  .phidias-home .pillars-inner{padding:60px 18px}
  .phidias-home .pc-card{padding:24px 16px}
  .phidias-home .pc-heading{font-size:clamp(20px,5vw,26px)}
  .phidias-home .pc-highlight-num{font-size:34px}
  .phidias-home .pc-feat{font-size:15px}
  .phidias-home .pc-logo-item{padding:5px 8px;font-size:10px}
  .phidias-home .compare{padding-top:48px;padding-bottom:48px}
  .phidias-home .compare-copy-title{font-size:clamp(24px,7vw,34px)}
  .phidias-home .compare-table-wrap{width:100%;margin:0 auto}
  .phidias-home .compare-table{width:100%;border-radius:16px}
  .phidias-home .c-cell{padding:6px 16px}
  .phidias-home .how-grid{padding:0 18px;max-width:100%}
  .phidias-home .how-card-inner{padding:24px 18px}
  .phidias-home .how-num-ring{width:48px;height:48px}
  .phidias-home .how-num{font-size:20px}
  .phidias-home .how-tag-val{font-size:16px}
  .phidias-home .how-card:not(:last-child)::after{left:29px}
  .phidias-home .section-connector{height:32px}
  .phidias-home .how-header{padding-top:56px;padding-bottom:32px}
  .phidias-home .how{padding-bottom:56px}
}/* End custom CSS */