/* Phillips English shared customer-first styling */
/* Clear navigation between related learning resources. */
.pe-breadcrumbs{margin:0 0 24px;color:#c4cdd2;font:14px/1.6 Arial,Helvetica,sans-serif;max-width:900px}
.pe-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 0;list-style:none;margin:0;padding:0}
.pe-breadcrumbs li{display:inline;overflow-wrap:anywhere}
.pe-breadcrumbs li+li::before{content:"›";padding:0 10px;color:#8ebeca}
.pe-breadcrumbs a{color:#c4cdd2;text-decoration:underline;text-underline-offset:3px}
.pe-breadcrumbs [aria-current]{color:#fff}
.pe-next-reading{padding:42px 0;background:#1d2730;color:#fff;border-top:1px solid #34444f}
.pe-next-reading h2{font-size:26px;line-height:1.2;margin:0 0 20px;letter-spacing:-.02em;color:#fff}
.pe-next-reading ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;margin:0;padding:0;list-style:none}
.pe-next-reading a{color:#a8d0d8;text-decoration:underline;text-underline-offset:4px;line-height:1.6}
.pe-trial-invite{padding:44px 0;background:#dcebed;color:#1d2930}
.pe-trial-invite .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}
.pe-trial-invite h2{font-size:clamp(26px,3vw,36px);line-height:1.14;letter-spacing:-.025em;margin:0 0 14px;color:#1d2930}
.pe-trial-invite p{max-width:760px;color:#364850;margin:0 0 12px;font-size:16px;line-height:1.7}
.pe-trial-invite .pe-small{font-size:13px;margin-bottom:0}
.pe-trial-link{flex-shrink:0;display:inline-block;background:#121820;color:#fff;padding:15px 22px;border-radius:999px;font-weight:700;text-decoration:none}
.pe-trial-link:hover{background:#235f70}
.pe-author-line{font-size:14px!important;margin:0 0 22px!important}
.pe-guide-contents{padding:22px 24px;background:#dcebed;border:1px solid #b9ced3;margin:0 0 28px;color:#1d2930}
.pe-guide-contents ul{padding-left:20px;margin:10px 0 0;columns:2;column-gap:30px}
.pe-guide-contents li{break-inside:avoid;margin:0 0 8px;font-size:14px!important}
.pe-guide-contents a{color:#235f70;text-decoration:underline;text-underline-offset:3px}
h2[id],section[id]{scroll-margin-top:32px}
.pe-topic-links{display:flex;flex-wrap:wrap;gap:12px;padding-top:30px;padding-bottom:0}
.pe-topic-links a{background:#1d2730;border:1px solid #6aa4b3;color:#dcebed;padding:10px 16px;border-radius:999px;font-size:14px}
.guides>.wrap>h2{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 26px;letter-spacing:-.025em}
.guides .card h3{font-size:27px;line-height:1.1;letter-spacing:-.03em;margin:12px 0}
.chips a{background:#fff;border:1px solid #cfdadd;padding:9px 12px;font-size:12px;font-weight:700;color:#235f70;text-decoration:underline;text-underline-offset:3px}
.pe-trial-link:focus-visible,.pe-topic-links a:focus-visible,.pe-breadcrumbs a:focus-visible,.pe-next-reading a:focus-visible{outline:3px solid #6aa4b3;outline-offset:4px}
@media(max-width:700px){.pe-trial-invite .wrap{align-items:flex-start;flex-direction:column;gap:22px}.pe-next-reading ul{grid-template-columns:1fr}.pe-guide-contents ul{columns:1}.pe-breadcrumbs{font-size:12px}}
:root{
  --pe-ink:#121820;
  --pe-ink-2:#1d2730;
  --pe-aqua:#8ebeca;
  --pe-aqua-2:#6aa4b3;
  --pe-paper:#f4f2ed;
  --pe-white:#ffffff;
  --pe-text:#1d2930;
  --pe-muted:#60717a;
  --pe-dark-muted:#c4cdd2;
  --pe-line:#d8dde0;
  --ink:var(--pe-ink);
  --ink2:var(--pe-ink-2);
  --ice:var(--pe-aqua);
  --paper:var(--pe-paper);
  --muted:var(--pe-dark-muted);
  --line:#34444f;
}

html,body{max-width:100%;overflow-x:hidden}
body{background:var(--pe-ink)!important}
img,video,iframe{max-width:100%}
*,*::before,*::after{box-sizing:border-box;min-width:0}
a[href^="mailto:"],a[href^="tel:"],.email,.email a,.contact-card h2{overflow-wrap:anywhere;word-break:break-word}

/* Strong, readable brand contrast. */
body,nav,footer{color:var(--pe-white)}
nav,footer{border-color:#34444f!important}
.eyebrow,.review-kicker,.label,.pe-kicker{color:var(--pe-aqua-2)!important}
.button,.navcta,.btn{background:var(--pe-aqua)!important;color:#0f1720!important;border:0!important;font-weight:800!important}
.button:hover,.navcta:hover,.btn:hover{background:#a8d0d8!important}

/* Light areas always use dark text. */
.light,.contact-note,.contact-grid-section,.contact-form-section,.booking-chooser,.journey-section,.clarity-section,.application-secondary,.young-learners-proof,.editorial-proof:not(.dark),.student-voice:not(.dark),.pathways,.group-section,.group-offers,.group-enquiry,.route-section,.booking-stage{
  background:var(--pe-paper)!important;
  color:var(--pe-text)!important;
}
.light h1,.light h2,.light h3,.light h4,.contact-note h1,.contact-note h2,.contact-note h3,.contact-grid-section h1,.contact-grid-section h2,.contact-grid-section h3,.contact-form-section h1,.contact-form-section h2,.contact-form-section h3,.booking-chooser h1,.booking-chooser h2,.booking-chooser h3,.journey-section h1,.journey-section h2,.journey-section h3,.clarity-section h1,.clarity-section h2,.clarity-section h3,.application-secondary h1,.application-secondary h2,.application-secondary h3,.young-learners-proof h1,.young-learners-proof h2,.young-learners-proof h3,.editorial-proof:not(.dark) h1,.editorial-proof:not(.dark) h2,.editorial-proof:not(.dark) h3,.student-voice:not(.dark) h1,.student-voice:not(.dark) h2,.student-voice:not(.dark) h3,.pathways h1,.pathways h2,.pathways h3,.group-section h1,.group-section h2,.group-section h3,.group-offers h1,.group-offers h2,.group-offers h3,.group-enquiry h1,.group-enquiry h2,.group-enquiry h3,.route-section h1,.route-section h2,.route-section h3,.booking-stage h1,.booking-stage h2,.booking-stage h3{color:var(--pe-text)!important}
.light p,.contact-note p,.contact-grid-section p,.contact-form-section p,.booking-chooser p,.journey-section p,.clarity-section p,.application-secondary p,.young-learners-proof p,.editorial-proof:not(.dark) p,.student-voice:not(.dark) p,.pathways p,.group-section p,.group-offers p,.group-enquiry p,.route-section p,.booking-stage p{color:var(--pe-muted)!important}

/* Dark areas always use white headings and readable body copy. */
.sales-hero,.contact-hero,.premium-book-hero,.career-story,.student-voice.dark,.client-access,.seo-specialisms,.quote-band,.pagehero,.programmes,.pe-home-hero,.pe-final-cta,.pe-book-hero{
  background:var(--pe-ink)!important;
  color:var(--pe-white)!important;
}
.sales-hero h1,.sales-hero h2,.contact-hero h1,.contact-hero h2,.premium-book-hero h1,.premium-book-hero h2,.career-story h1,.career-story h2,.student-voice.dark h1,.student-voice.dark h2,.client-access h1,.client-access h2,.seo-specialisms h1,.seo-specialisms h2,.quote-band h1,.quote-band h2,.pagehero h1,.pagehero h2,.programmes h1,.programmes h2,.pe-home-hero h1,.pe-home-hero h2,.pe-final-cta h1,.pe-final-cta h2,.pe-book-hero h1,.pe-book-hero h2{color:var(--pe-white)!important}
.sales-hero p,.contact-hero p,.premium-book-hero p,.career-story p,.student-voice.dark p,.client-access p,.seo-specialisms p,.quote-band p,.pagehero p,.programmes p,.pe-home-hero p,.pe-final-cta p,.pe-book-hero p{color:var(--pe-dark-muted)!important}

/* Navigation */
nav{position:relative;z-index:50}
.navlinks{display:flex!important;align-items:center;gap:26px}
.navlinks a{padding:29px 2px 25px;border-bottom:2px solid transparent;color:#dbe4e9!important;white-space:nowrap}
.navlinks a:hover{color:var(--pe-aqua)!important;border-bottom-color:var(--pe-aqua)}
.brand-lockup{display:flex;flex-direction:column;line-height:1}
.brand-lockup .brand-name{font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.brand-lockup .brand-sub{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.62;margin-top:5px}

/* Translation control */
.pe-translate{position:fixed;right:14px;bottom:14px;z-index:9998;background:var(--pe-ink);color:#fff;border:1px solid rgba(142,190,202,.35);border-radius:999px;padding:8px 12px;box-shadow:0 10px 30px rgba(0,0,0,.18);font:600 12px/1.2 Arial,Helvetica,sans-serif}
.pe-translate label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pe-translate select{appearance:none;background:transparent;color:#fff;border:0;outline:0;padding:4px 24px 4px 4px;font:inherit;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--pe-aqua) 50%),linear-gradient(135deg,var(--pe-aqua) 50%,transparent 50%);background-position:calc(100% - 10px) 50%,calc(100% - 6px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}
.pe-translate option{color:var(--pe-ink);background:#fff}

/* Homepage */
.pe-home-hero{padding:72px 0 66px}
.pe-hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:64px;align-items:center}
.pe-hero-copy h1{font-size:clamp(52px,7vw,82px);line-height:.96;letter-spacing:-.055em;max-width:760px;margin:16px 0 24px}
.pe-hero-copy>p{font-size:19px;line-height:1.68;max-width:650px}
.pe-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px}
.pe-secondary{display:inline-flex;align-items:center;min-height:48px;padding:0 2px;border-bottom:1px solid rgba(255,255,255,.38);font-weight:700;color:#fff!important}
.pe-hero-note{font-size:12px!important;letter-spacing:.04em;margin-top:22px!important;color:#aebbc1!important}
.pe-hero-photo{height:610px;overflow:hidden;background:#89bbc7;border-radius:2px}
.pe-hero-photo img{width:100%;height:100%;display:block;object-fit:cover}

.pe-proof{padding:28px 0!important;background:#e3eef0!important;color:var(--pe-text)!important;border-top:1px solid #d3e0e3;border-bottom:1px solid #d3e0e3}
.pe-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.pe-proof-grid>div{padding:8px 24px;border-right:1px solid rgba(18,24,32,.12)}
.pe-proof-grid>div:first-child{padding-left:0}.pe-proof-grid>div:last-child{border-right:0}
.pe-proof strong{display:block;font-size:23px;letter-spacing:-.025em;color:var(--pe-text)}
.pe-proof span{display:block;margin-top:3px;font-size:12px;color:#596a73;line-height:1.45}

.pe-section{padding:88px 0;background:var(--pe-paper);color:var(--pe-text)}
.pe-section:nth-of-type(even){background:#fff}
.pe-section-head{max-width:790px;margin-bottom:34px}
.pe-section-head.compact{margin-bottom:26px}
.pe-section h2,.pe-final-cta h2,.pe-book-help h2{font-size:clamp(38px,5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 16px;color:var(--pe-text)}
.pe-section-head p,.pe-section p{color:var(--pe-muted);font-size:16px;line-height:1.7}

.pe-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pe-package-card{display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:30px;background:#fff;border:1px solid #d8dde0;min-height:390px}
.pe-package-card.pe-featured{background:var(--pe-ink);border-color:var(--pe-ink);color:#fff}
.pe-package-card h3{font-size:28px;line-height:1.06;letter-spacing:-.035em;margin:12px 0}
.pe-package-card p{font-size:14px;line-height:1.65;margin:0}
.pe-package-card.pe-featured h3,.pe-package-card.pe-featured p,.pe-package-card.pe-featured .pe-price,.pe-package-card.pe-featured .pe-meta{color:#fff!important}
.pe-price{font-size:36px;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--pe-text)}
.pe-price small{font-size:12px;letter-spacing:0;font-weight:700;opacity:.62}
.pe-meta{font-size:12px;color:#687880;margin:8px 0 20px}
.pe-package-card .button{display:inline-block;text-align:center;width:100%}
.pe-inline-link{margin-top:24px!important;font-size:14px!important}.pe-inline-link a,.pe-text-link,.pe-seo-depth a{color:#235f70!important;text-decoration:underline;text-underline-offset:3px;font-weight:700}

.pe-goals{background:#fff!important}
.pe-goal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pe-goal-card{display:block;padding:28px;border:1px solid #dbe0e3;background:#f8f8f6;color:var(--pe-text)!important}
.pe-goal-card>span{font-size:11px;color:#6a7d85;letter-spacing:.12em}
.pe-goal-card h3{font-size:25px;line-height:1.1;letter-spacing:-.03em;margin:14px 0 10px}
.pe-goal-card p{margin:0 0 18px;font-size:14px!important;line-height:1.65}
.pe-goal-card b{font-size:13px;color:#235f70}

.pe-profile{background:var(--pe-paper)!important}
.pe-profile-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:center}
.pe-profile-photo{height:520px;overflow:hidden;background:#d9e7e9}
.pe-profile-photo img{width:100%;height:100%;object-fit:cover;display:block}
.pe-profile h2{margin-top:10px}
.pe-profile p{font-size:16px!important;line-height:1.72}
.pe-credential-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.pe-credential-row span{padding:8px 11px;background:#e4ecee;border:1px solid #d3dfe2;font-size:12px;font-weight:700;color:#31454d}

.pe-reviews{background:#fff!important}
.pe-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.pe-review-grid article{padding:26px;background:#f6f5f2;border:1px solid #dedfdd}
.pe-review-grid p{font-size:15px!important;line-height:1.68;color:#394950!important;margin:0 0 22px}
.pe-review-grid strong{display:block;color:var(--pe-text)}
.pe-review-grid span{display:block;margin-top:4px;font-size:12px;color:#6a7880}

.pe-seo-depth{background:#eef3f3!important}
.pe-seo-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.pe-seo-depth p{font-size:15px!important;line-height:1.75}

.pe-final-cta{padding:70px 0}
.pe-final-inner{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}
.pe-final-cta h2{color:#fff!important;max-width:760px}
.pe-final-cta p{max-width:720px}

/* Booking page */
.pe-book-hero{padding:66px 0 52px;border-top:1px solid rgba(255,255,255,.06)}
.pe-book-hero h1{font-size:clamp(50px,7vw,76px);line-height:.97;letter-spacing:-.05em;max-width:900px;margin:12px 0 20px;color:#fff!important}
.pe-book-hero>div>p{font-size:18px;line-height:1.68;max-width:760px}
.pe-book-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.pe-book-trust span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:8px 10px;border:1px solid rgba(255,255,255,.15);color:#d1d9dd}

.pe-book-options{padding:62px 0;background:var(--pe-paper);color:var(--pe-text)}
.pe-book-card-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;margin-top:0!important;background:transparent!important;border:0!important}
.premium-route.pe-book-card{background:#fff!important;color:var(--pe-text)!important;border:1px solid #d6dce0!important;padding:26px!important;min-height:330px!important;display:flex!important;flex-direction:column!important;text-align:left!important;justify-content:flex-start!important;cursor:pointer!important}
.premium-route.pe-book-card.featured{background:var(--pe-ink)!important;color:#fff!important;border-color:var(--pe-ink)!important}
.premium-route.pe-book-card.active{outline:3px solid var(--pe-aqua)!important;outline-offset:0!important;box-shadow:none!important}
.premium-route.pe-book-card h3{font-size:26px!important;line-height:1.08!important;margin:12px 0 10px!important;color:inherit!important}
.premium-route.pe-book-card .route-desc{font-size:14px!important;line-height:1.62!important;margin:0 0 22px!important;color:inherit!important;opacity:.78!important}
.premium-route.pe-book-card .pe-price{margin-top:auto;color:inherit!important}
.premium-route.pe-book-card .route-meta{font-size:12px!important;color:inherit!important;opacity:.66!important;margin:8px 0 18px!important}
.premium-route.pe-book-card .route-cta{border-top:1px solid currentColor!important;padding-top:14px!important;font-size:13px!important;font-weight:800!important;color:inherit!important}

.pe-booking-stage{padding:68px 0!important;background:#fff!important;color:var(--pe-text)!important}
.pe-booking-head{display:grid;grid-template-columns:1fr 250px;gap:32px;align-items:end;margin-bottom:20px}
.pe-booking-head h2{font-size:clamp(38px,5vw,56px);line-height:1.02;letter-spacing:-.04em;margin:8px 0 10px;color:var(--pe-text)!important}
.pe-booking-head p{margin:0!important;color:var(--pe-muted)!important}
.pe-purchase-summary{background:#eef4f5!important;color:var(--pe-text)!important;border:1px solid #d4e0e3!important;padding:20px!important}
.pe-purchase-summary span,.pe-purchase-summary small{display:block;font-size:11px;line-height:1.45;color:#60717a!important}
.pe-purchase-summary strong{display:block;font-size:34px;line-height:1;margin:7px 0;color:var(--pe-text)!important}
.pe-book-explainer{padding:16px 18px;background:#f4f2ed;border:1px solid #e1e0dc;margin-bottom:16px;color:var(--pe-text)}
.pe-book-explainer strong{display:block;margin-bottom:4px}
.pe-book-explainer p{margin:0!important;font-size:13px!important;line-height:1.55!important;color:#5d6b73!important}
.pe-calendar-shell{background:#fff;border:1px solid #d8dde0;overflow:hidden}
.pe-calendar-shell iframe{display:block;width:100%;height:780px;min-height:780px;border:0;background:#fff}
.pe-booking-note{font-size:13px!important;line-height:1.62!important;color:#62727a!important;margin:16px 0 0!important;max-width:900px!important}
.pe-book-help{padding:64px 0;background:#eef3f3;color:var(--pe-text)}
.pe-help-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px}
.pe-help-grid p{color:#52636c;line-height:1.66;margin-top:0}
.pe-help-grid a{color:#235f70;text-decoration:underline;text-underline-offset:3px;font-weight:700}

footer{padding:32px 0 44px!important;color:#91a0a7!important;font-size:12px!important}
footer a{color:inherit!important}

@media(max-width:900px){
  .pe-hero-grid,.pe-profile-grid,.pe-seo-grid,.pe-final-inner,.pe-booking-head,.pe-help-grid{grid-template-columns:1fr}
  .pe-package-grid,.pe-book-card-grid{grid-template-columns:1fr!important}
  .pe-goal-grid{grid-template-columns:1fr}
  .pe-review-grid{grid-template-columns:1fr}
  .pe-hero-photo{height:520px}
  .pe-purchase-summary{max-width:360px}
}

@media(max-width:800px){
  .wrap{width:100%;max-width:100%;padding-left:20px!important;padding-right:20px!important}
  body,main,header,footer,section{max-width:100%;overflow-x:hidden}
  .pagehero h1,.contact-hero h1,.hero h1,.sales-hero h1,.premium-book-hero h1{overflow-wrap:break-word;font-size:clamp(40px,11vw,50px)!important;line-height:1!important}

  nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:12px!important;height:auto!important;min-height:0!important;padding:18px 0 0!important;align-items:center!important}
  nav .brand,.brand-lockup{min-width:0}
  .brand-lockup .brand-name{font-size:18px!important;white-space:nowrap}
  .brand-lockup .brand-sub{font-size:8px!important;letter-spacing:.12em!important;white-space:nowrap}
  nav .navcta,nav>.button{justify-self:end!important;white-space:nowrap;padding:11px 14px!important;font-size:11px!important}
  .navlinks{grid-column:1/-1!important;width:100%!important;display:flex!important;align-items:center!important;gap:22px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:14px 2px 12px!important;margin:16px 0 0!important;border-top:1px solid #34444f!important;border-bottom:1px solid #34444f!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks a{flex:0 0 auto!important;white-space:nowrap!important;padding:4px 0 7px!important;font-size:14px!important}

  .pe-home-hero{padding:46px 0 50px}
  .pe-hero-copy h1{font-size:clamp(46px,13vw,58px);line-height:.97}
  .pe-hero-copy>p{font-size:17px}
  .pe-hero-photo{height:470px}
  .pe-proof{padding:22px 0!important}
  .pe-proof-grid{grid-template-columns:1fr 1fr}
  .pe-proof-grid>div{padding:11px 14px 11px 0;border-right:0;border-bottom:1px solid rgba(18,24,32,.12)}
  .pe-proof-grid>div:nth-child(odd){border-right:1px solid rgba(18,24,32,.12)}
  .pe-proof-grid>div:nth-child(even){padding-left:14px}
  .pe-proof-grid>div:nth-last-child(-n+2){border-bottom:0}
  .pe-proof strong{font-size:19px}
  .pe-proof span{font-size:11px}

  .pe-section,.pe-book-options,.pe-booking-stage,.pe-book-help{padding:56px 0!important}
  .pe-section h2,.pe-book-help h2{font-size:clamp(34px,10vw,44px)}
  .pe-package-card{min-height:0;padding:24px}
  .pe-profile-photo{height:400px}
  .pe-final-cta{padding:54px 0}
  .pe-final-inner{gap:26px}
  .pe-final-inner .button{width:100%;text-align:center}

  .pe-book-hero{padding:48px 0 42px}
  .pe-book-hero h1{font-size:clamp(42px,12vw,54px)}
  .premium-route.pe-book-card{min-height:0!important}
  .pe-calendar-shell iframe{height:720px;min-height:720px}

  .contact-card{padding:24px!important}
  .contact-card h2{font-size:clamp(22px,7vw,30px)!important}
  .contact-card .email{font-size:clamp(16px,5vw,20px)!important}
  .pe-translate{right:10px;bottom:10px;padding:7px 10px}
}

@media(max-width:480px){
  .pe-actions{align-items:stretch}
  .pe-actions .button,.pe-actions .pe-secondary{width:100%;justify-content:center;text-align:center}
  .pe-hero-photo{height:420px}
  .pe-book-trust{gap:6px}
  .pe-book-trust span{font-size:10px}
}


/* Contact featured-card contrast safeguard */
.contact-grid-section .contact-card.featured,
.contact-grid-section .contact-card.featured h1,
.contact-grid-section .contact-card.featured h2,
.contact-grid-section .contact-card.featured h3,
.contact-grid-section .contact-card.featured p,
.contact-grid-section .contact-card.featured strong,
.contact-grid-section .contact-card.featured li,
.contact-grid-section .contact-card.featured .email,
.contact-grid-section .contact-card.featured a{color:#fff!important}
.contact-grid-section .contact-card.featured .label{color:var(--pe-aqua)!important}


/* PHILLIPS ENGLISH MOTION SYSTEM
   Motion inspired by Phillips Digital, translated into the Phillips English
   navy, ice blue and paper palette. */
:root{
  --pe-motion-ease:cubic-bezier(.16,1,.3,1);
  --pe-motion-fast:320ms;
  --pe-motion-medium:680ms;
  --pe-glow:rgba(142,190,202,.34);
  --pe-glow-soft:rgba(142,190,202,.14);
}

html{scroll-behavior:smooth}
body{position:relative}
body::before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:-22vh -18vw auto auto;
  width:68vw;
  height:68vw;
  max-width:980px;
  max-height:980px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(142,190,202,.12) 0,rgba(106,164,179,.05) 34%,rgba(18,24,32,0) 70%);
  pointer-events:none;
  animation:pe-ambient-drift 14s ease-in-out infinite alternate;
}
@keyframes pe-ambient-drift{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-5vw,5vh,0) scale(1.08)}
}

/* Sticky glass navigation shell added by shared JS. */
.pe-nav-shell{
  position:sticky;
  top:0;
  z-index:900;
  width:100%;
  background:rgba(18,24,32,.78);
  border-bottom:1px solid rgba(142,190,202,.12);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  transition:background var(--pe-motion-fast) ease,border-color var(--pe-motion-fast) ease,box-shadow var(--pe-motion-fast) ease;
}
.pe-nav-shell.pe-scrolled{
  background:rgba(18,24,32,.94);
  border-bottom-color:rgba(142,190,202,.24);
  box-shadow:0 14px 40px rgba(4,12,18,.18);
}
.pe-nav-shell>.wrap,.pe-nav-shell.wrap{max-width:none}
.pe-nav-shell nav{max-width:1180px;margin:auto}
.navlinks a{position:relative;transition:color .25s ease,transform .25s ease}
.navlinks a::after{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  bottom:19px;
  height:2px;
  background:linear-gradient(90deg,var(--pe-aqua),#d9f0f4);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s var(--pe-motion-ease);
}
.navlinks a:hover{transform:translateY(-1px)}
.navlinks a:hover::after{transform:scaleX(1)}

/* Hero energy. */
.pe-home-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:min(820px,88vh);
  display:flex;
  align-items:center;
}
.pe-home-hero::before{
  content:"";
  position:absolute;
  z-index:-2;
  width:620px;
  height:620px;
  right:-110px;
  top:40px;
  border-radius:50%;
  background:radial-gradient(circle at 38% 38%,rgba(181,225,234,.24),rgba(142,190,202,.11) 42%,rgba(18,24,32,0) 72%);
  animation:pe-hero-orbit 12s ease-in-out infinite alternate;
}
.pe-home-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-12vw;
  right:-12vw;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--pe-aqua),transparent);
  box-shadow:0 0 28px rgba(142,190,202,.28);
  animation:pe-line-breathe 4.8s ease-in-out infinite;
}
@keyframes pe-hero-orbit{
  from{transform:translate3d(0,0,0) scale(.96)}
  to{transform:translate3d(-55px,36px,0) scale(1.08)}
}
@keyframes pe-line-breathe{
  0%,100%{opacity:.3;transform:scaleX(.72)}
  50%{opacity:1;transform:scaleX(1)}
}
.pe-hero-copy{position:relative;z-index:2}
.pe-hero-copy .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border:1px solid rgba(142,190,202,.3);
  border-radius:999px;
  background:rgba(142,190,202,.07);
  backdrop-filter:blur(8px);
}
.pe-hero-copy .eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--pe-aqua);
  box-shadow:0 0 0 0 rgba(142,190,202,.6);
  animation:pe-pulse-dot 2.2s ease-out infinite;
}
@keyframes pe-pulse-dot{
  0%{box-shadow:0 0 0 0 rgba(142,190,202,.55)}
  75%,100%{box-shadow:0 0 0 10px rgba(142,190,202,0)}
}
.pe-hero-copy h1{
  text-wrap:balance;
  text-shadow:0 0 60px rgba(142,190,202,.08);
}
.pe-hero-photo{
  position:relative;
  isolation:isolate;
  transform:perspective(1100px) rotateY(-2deg) rotateX(.5deg);
  transform-origin:center;
  box-shadow:0 35px 80px rgba(0,0,0,.28),0 0 0 1px rgba(142,190,202,.18);
  transition:transform .65s var(--pe-motion-ease),box-shadow .65s var(--pe-motion-ease);
}
.pe-hero-photo::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 25%,transparent 68%,rgba(142,190,202,.14));
  mix-blend-mode:screen;
}
.pe-hero-photo::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:42%;
  aspect-ratio:1;
  right:-10%;
  bottom:-7%;
  border-radius:50%;
  background:var(--pe-aqua);
  opacity:.28;
  filter:blur(4px);
  animation:pe-photo-orb 7s ease-in-out infinite alternate;
}
.pe-hero-photo:hover{
  transform:perspective(1100px) rotateY(0) rotateX(0) translateY(-8px) scale(1.012);
  box-shadow:0 44px 100px rgba(0,0,0,.34),0 0 0 1px rgba(142,190,202,.34);
}
.pe-hero-photo img{transition:transform 1.1s var(--pe-motion-ease);will-change:transform}
.pe-hero-photo:hover img{transform:scale(1.035)}
@keyframes pe-photo-orb{
  from{transform:translate3d(0,0,0) scale(.92)}
  to{transform:translate3d(-22px,-18px,0) scale(1.08)}
}

/* Buttons feel more physical without becoming playful. */
.button,.btn,.navcta,.pe-trial-link{
  position:relative;
  overflow:hidden;
  transition:transform .3s var(--pe-motion-ease),box-shadow .3s ease,background .3s ease!important;
}
.button::before,.btn::before,.navcta::before,.pe-trial-link::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.48) 45%,transparent 70%);
  transform:translateX(-130%);
  transition:transform .7s var(--pe-motion-ease);
}
.button:hover::before,.btn:hover::before,.navcta:hover::before,.pe-trial-link:hover::before{transform:translateX(130%)}
.button:hover,.btn:hover,.navcta:hover,.pe-trial-link:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(33,91,107,.22);
}

/* Entrance choreography. JS adds these classes progressively. */
.pe-reveal{
  opacity:0;
  transform:translate3d(0,30px,0);
  transition:opacity .78s var(--pe-motion-ease),transform .78s var(--pe-motion-ease);
  transition-delay:var(--pe-reveal-delay,0ms);
  will-change:opacity,transform;
}
.pe-reveal.pe-from-left{transform:translate3d(-34px,0,0)}
.pe-reveal.pe-from-right{transform:translate3d(34px,0,0)}
.pe-reveal.pe-scale-in{transform:scale(.965) translate3d(0,18px,0)}
.pe-reveal.is-visible{opacity:1;transform:none}

/* Card lift and pointer tilt. */
.pe-motion-card{
  --pe-tilt-x:0deg;
  --pe-tilt-y:0deg;
  position:relative;
  transform:perspective(900px) rotateX(var(--pe-tilt-y)) rotateY(var(--pe-tilt-x)) translateY(0);
  transform-style:preserve-3d;
  transition:transform .34s var(--pe-motion-ease),box-shadow .34s ease,border-color .34s ease;
  will-change:transform;
}
.pe-motion-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:0;
  opacity:0;
  background:radial-gradient(circle at var(--pe-pointer-x,50%) var(--pe-pointer-y,50%),rgba(142,190,202,.18),transparent 42%);
  transition:opacity .3s ease;
}
.pe-motion-card:hover{
  transform:perspective(900px) rotateX(var(--pe-tilt-y)) rotateY(var(--pe-tilt-x)) translateY(-7px);
  border-color:rgba(106,164,179,.52)!important;
  box-shadow:0 22px 48px rgba(28,54,65,.12);
}
.pe-motion-card:hover::after{opacity:1}
.pe-package-card.pe-featured.pe-motion-card:hover{box-shadow:0 28px 60px rgba(4,12,18,.28)}

/* Image sections get a subtle editorial reveal. */
.pe-profile-photo,.student-voice img,.editorial-proof img,.hero img,.pagehero img{
  transition:transform 1s var(--pe-motion-ease),filter .7s ease;
}
.pe-profile-photo:hover img,.student-voice img:hover,.editorial-proof img:hover{transform:scale(1.035)}

/* Moving skills ribbon injected only on the homepage. */
.pe-motion-ticker{
  overflow:hidden;
  background:#dcebed;
  border-top:1px solid #c2d8dd;
  border-bottom:1px solid #c2d8dd;
  color:var(--pe-text);
  white-space:nowrap;
}
.pe-motion-ticker-track{
  display:flex;
  width:max-content;
  align-items:center;
  animation:pe-ticker 28s linear infinite;
}
.pe-motion-ticker-group{display:flex;align-items:center}
.pe-motion-ticker span{
  display:inline-flex;
  align-items:center;
  gap:22px;
  padding:14px 25px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.pe-motion-ticker span::after{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--pe-aqua-2);
  box-shadow:0 0 16px rgba(106,164,179,.45);
}
@keyframes pe-ticker{to{transform:translateX(-50%)}}

/* Proof stats animate into place without changing the actual copy. */
.pe-proof-grid>div{
  transition:transform .38s var(--pe-motion-ease),background .38s ease;
}
.pe-proof-grid>div:hover{transform:translateY(-4px)}
.pe-proof strong{transition:color .3s ease,text-shadow .3s ease}
.pe-proof-grid>div:hover strong{color:#235f70;text-shadow:0 0 24px rgba(106,164,179,.24)}

/* Internal page transition adapted from Phillips Digital. */
.pe-link-wave{
  position:fixed;
  inset:0;
  z-index:99999;
  pointer-events:none;
  background:radial-gradient(circle at var(--pe-wave-x,50vw) var(--pe-wave-y,50vh),#dcebed 0,#8ebeca 18%,#356d7b 44%,#121820 72%);
  clip-path:circle(0 at var(--pe-wave-x,50vw) var(--pe-wave-y,50vh));
  transition:clip-path .58s cubic-bezier(.76,0,.18,1);
  will-change:clip-path;
}
.pe-link-wave.is-active{clip-path:circle(165vmax at var(--pe-wave-x,50vw) var(--pe-wave-y,50vh))}
body.pe-page-leaving main,
body.pe-page-leaving>section:not(.pe-link-wave){
  transform:scale(1.018);
  filter:blur(2px);
  transition:transform .55s var(--pe-motion-ease),filter .55s ease;
}

/* Scroll progress is intentionally subtle. */
.pe-scroll-progress{
  position:fixed;
  z-index:100000;
  left:0;
  top:0;
  height:2px;
  width:100%;
  pointer-events:none;
  transform-origin:left center;
  transform:scaleX(0);
  background:linear-gradient(90deg,#6aa4b3,#dcebed);
  box-shadow:0 0 16px rgba(142,190,202,.7);
}

/* Heading accent fires when a section comes into view. */
.pe-heading-focus{position:relative;display:inline-block}
.pe-heading-focus::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:min(92px,32%);
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--pe-aqua-2),transparent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .7s var(--pe-motion-ease) .12s;
}
.is-visible .pe-heading-focus::after,.pe-heading-focus.is-visible::after{transform:scaleX(1)}

/* Give blog and guide cards the same premium motion language. */
.post-card,.feature,.card,.guide-card,.sidebox,.contact-card,.premium-route,.group-offer,.route-card{
  transition:transform .34s var(--pe-motion-ease),box-shadow .34s ease,border-color .34s ease;
}

@media(max-width:800px){
  .pe-home-hero{min-height:auto}
  .pe-home-hero::before{width:430px;height:430px;right:-180px;top:120px}
  .pe-hero-photo{transform:none}
  .pe-motion-card,.pe-motion-card:hover{transform:translateY(0)}
  .pe-nav-shell nav{max-width:100%}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body::before,.pe-home-hero::before,.pe-home-hero::after,.pe-hero-photo::after,.pe-hero-copy .eyebrow::before,.pe-motion-ticker-track{animation:none!important}
  .pe-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .pe-motion-card,.pe-motion-card:hover,.pe-hero-photo,.pe-hero-photo:hover{transform:none!important;transition:none!important}
  .pe-link-wave{display:none!important}
  body.pe-page-leaving main,body.pe-page-leaving>section{transform:none!important;filter:none!important}
  .button::before,.btn::before,.navcta::before,.pe-trial-link::before{display:none}
}


/* PHILLIPS ENGLISH MOTION V2
   MotionSites-inspired layer: kinetic type, liquid glass, responsive light,
   scroll depth and restrained magnetic interaction. */
body.pe-motion-v2{--pe-cursor-x:50vw;--pe-cursor-y:24vh}
.pe-cursor-glow{
  position:fixed;
  z-index:1;
  width:520px;
  height:520px;
  left:0;
  top:0;
  border-radius:50%;
  pointer-events:none;
  opacity:.52;
  transform:translate3d(calc(var(--pe-cursor-x) - 260px),calc(var(--pe-cursor-y) - 260px),0);
  background:radial-gradient(circle,rgba(142,190,202,.16) 0,rgba(142,190,202,.07) 28%,rgba(142,190,202,0) 68%);
  filter:blur(14px);
  mix-blend-mode:screen;
  transition:opacity .35s ease;
  will-change:transform;
}
body.pe-motion-v2 main,body.pe-motion-v2 header,body.pe-motion-v2 footer,body.pe-motion-v2 .pe-nav-shell{position:relative;z-index:2}

/* Kinetic hero words use overflow masks instead of changing the accessible heading. */
.pe-kinetic-title{overflow:visible}
.pe-kinetic-title .pe-word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;margin-right:.16em;margin-bottom:-.12em;padding-bottom:.12em}
.pe-kinetic-title .pe-word{
  display:inline-block;
  transform-origin:50% 100%;
  will-change:transform,opacity,filter;
}

/* Slight scroll depth on hero media. */
.pe-home-hero .pe-hero-photo{
  --pe-parallax-y:0px;
  transform:perspective(1100px) translate3d(0,var(--pe-parallax-y),0) rotateY(-2deg) rotateX(.5deg);
}
.pe-home-hero .pe-hero-photo:hover{
  transform:perspective(1100px) translate3d(0,calc(var(--pe-parallax-y) - 8px),0) rotateY(0) rotateX(0) scale(1.012);
}
.pe-profile-photo,.editorial-proof img,.story-photo,.proof-img{
  --pe-media-y:0px;
  transform:translate3d(0,var(--pe-media-y),0);
  will-change:transform;
}

/* Liquid-glass edge treatment on interactive cards. */
.pe-liquid-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.pe-liquid-card::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  padding:1px;
  border-radius:inherit;
  pointer-events:none;
  background:conic-gradient(from var(--pe-liquid-angle,0deg),transparent 0 18%,rgba(142,190,202,.72) 26%,rgba(255,255,255,.4) 31%,transparent 40% 73%,rgba(106,164,179,.42) 82%,transparent 90%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.42;
  transition:opacity .35s ease;
  animation:pe-liquid-edge 11s linear infinite;
}
.pe-liquid-card:hover::before{opacity:.85}
@keyframes pe-liquid-edge{to{--pe-liquid-angle:360deg}}
@property --pe-liquid-angle{syntax:"<angle>";initial-value:0deg;inherits:false}

/* MotionSites-style soft glass on dark cards, still inside Phillips English palette. */
.pe-package-card.pe-featured,.seo-specialism-grid a,.student-voice.dark .review-card,.premium-route.pe-book-card.featured{
  backdrop-filter:blur(10px) saturate(120%);
  -webkit-backdrop-filter:blur(10px) saturate(120%);
  background-image:linear-gradient(145deg,rgba(255,255,255,.035),rgba(142,190,202,.025))!important;
}

/* Section depth beam follows the reader down the page. */
.pe-motion-section{position:relative;isolation:isolate}
.pe-motion-section::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  left:50%;
  top:0;
  width:min(74vw,980px);
  height:1px;
  transform:translateX(-50%) scaleX(var(--pe-section-line,0));
  transform-origin:center;
  opacity:.72;
  background:linear-gradient(90deg,transparent,rgba(106,164,179,.58),rgba(220,235,237,.9),rgba(106,164,179,.58),transparent);
  box-shadow:0 0 22px rgba(142,190,202,.2);
}
.pe-motion-section>.wrap{position:relative;z-index:1}

/* More editorial reveal depth without making content jump. */
.pe-depth-reveal{
  --pe-depth-y:22px;
  opacity:.001;
  filter:blur(8px);
  transform:translate3d(0,var(--pe-depth-y),0) scale(.992);
  transition:opacity .9s var(--pe-motion-ease),filter .9s var(--pe-motion-ease),transform .9s var(--pe-motion-ease);
}
.pe-depth-reveal.is-depth-visible{opacity:1;filter:blur(0);transform:none}

/* Magnetic CTA movement is intentionally tiny. */
.pe-magnetic{
  --pe-magnet-x:0px;
  --pe-magnet-y:0px;
}
.pe-magnetic:hover{
  transform:translate3d(var(--pe-magnet-x),calc(var(--pe-magnet-y) - 3px),0)!important;
}
.pe-magnetic::after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:-18px;
  border-radius:999px;
}

/* The existing ticker now feels more spatial. */
.pe-motion-ticker{position:relative;isolation:isolate}
.pe-motion-ticker::before,.pe-motion-ticker::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  width:90px;
  pointer-events:none;
}
.pe-motion-ticker::before{left:0;background:linear-gradient(90deg,#dcebed,rgba(220,235,237,0))}
.pe-motion-ticker::after{right:0;background:linear-gradient(-90deg,#dcebed,rgba(220,235,237,0))}
.pe-motion-ticker:hover .pe-motion-ticker-track{animation-play-state:paused}

/* Proof figures gain a restrained count-up finish. */
.pe-proof strong.pe-counting{font-variant-numeric:tabular-nums}
.pe-proof strong.pe-count-complete{animation:pe-stat-settle .55s var(--pe-motion-ease)}
@keyframes pe-stat-settle{0%{transform:translateY(5px);opacity:.55}100%{transform:none;opacity:1}}

/* Dark section glow travels subtly with scroll. */
.pe-dark-depth{
  --pe-depth-x:50%;
  background-image:radial-gradient(circle at var(--pe-depth-x) 0%,rgba(142,190,202,.08),transparent 33%)!important;
}

/* Scroll-sensitive nav compression on desktop only. */
@media(min-width:801px){
  .pe-nav-shell nav{transition:transform .35s var(--pe-motion-ease),min-height .35s ease}
  .pe-nav-shell.pe-scrolled nav{transform:scale(.985)}
  .pe-nav-shell.pe-scrolled .navlinks a{padding-top:23px;padding-bottom:21px}
}

@media(max-width:800px){
  .pe-cursor-glow{display:none}
  .pe-liquid-card::before{animation-duration:18s;opacity:.28}
  .pe-motion-section::after{width:88vw}
  .pe-depth-reveal{filter:none;transform:translate3d(0,16px,0)}
  .pe-home-hero .pe-hero-photo,.pe-home-hero .pe-hero-photo:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  .pe-cursor-glow{display:none!important}
  .pe-liquid-card::before{animation:none!important}
  .pe-depth-reveal{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
  .pe-magnetic,.pe-magnetic:hover{transform:none!important}
  .pe-motion-section::after{transform:translateX(-50%) scaleX(1)!important}
  .pe-kinetic-title .pe-word{transform:none!important;opacity:1!important;filter:none!important}
}



/*
  Phillips English / Signature Method: Learn → Apply → Improve → Repeat
  Inspired by Phillips Digital Motion Library prompts #035 (timeline),
  #039 (scroll path), #092 (reduced motion), #098 (progressive enhancement).
  Public benefit positioning only — proprietary teaching techniques remain private.
*/
.pe-method--journey{
  --pe-method-glow:#90d5df;
  --pe-method-edge:rgba(141,205,219,.22);
  --pe-method-fg:#f5fcff;
  --pe-method-soft:#c8dbe4;
  --pe-method-progress:0;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  overflow:clip;
  padding:clamp(78px,8vw,120px) 0 clamp(70px,7vw,115px);
  background:
    radial-gradient(ellipse at 76% 12%,rgba(47,126,155,.19),transparent 34%),
    radial-gradient(ellipse at 9% 62%,rgba(36,98,122,.12),transparent 44%),
    linear-gradient(155deg,#0b1722 0%,#102532 46%,#0c1928 100%);
  color:var(--pe-method-fg);
  border-top:1px solid rgba(138,212,231,.18);
  border-bottom:1px solid rgba(138,212,231,.15);
}
.pe-method--journey::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  opacity:.32;
  background-image:radial-gradient(rgba(150,208,220,.36) .7px,transparent .9px);
  background-size:27px 27px;
  mask-image:linear-gradient(125deg,transparent 4%,#000 52%,transparent 96%);
}
.pe-method--journey::after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(139,217,231,.7),transparent);
}
.pe-method-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.pe-method-atmosphere span{position:absolute;display:block;border-radius:50%;border:1px solid rgba(118,209,227,.08)}
.pe-method-atmosphere span:nth-child(1){width:580px;height:580px;right:-230px;top:-250px}
.pe-method-atmosphere span:nth-child(2){width:850px;height:850px;right:-360px;top:-390px}
.pe-method-atmosphere span:nth-child(3){width:470px;height:470px;left:-250px;bottom:4%}
.pe-method-inner{position:relative;z-index:1}
.pe-method-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.5fr);align-items:center;gap:clamp(30px,6vw,90px)}
.pe-method-overline{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#b2d8e0!important;letter-spacing:.17em;font-size:10px;font-weight:800;line-height:1.65}
.pe-method-overline-icon{width:9px;height:9px;background:#87d7e4;border-radius:50%;box-shadow:0 0 0 5px rgba(135,215,228,.09),0 0 22px rgba(135,215,228,.6)}
.pe-method-overline-rule{height:1px;width:34px;background:rgba(169,220,229,.55);flex:none}
.pe-method--journey h2{color:#f7fcff!important;font-size:clamp(49px,6.5vw,92px);line-height:1.025;letter-spacing:-.069em;margin:24px 0 29px;font-weight:800;text-wrap:balance}
.pe-method-title-accent{color:#a4dce4;text-shadow:0 0 34px rgba(92,197,217,.13)}
.pe-method-intro{font-size:clamp(16px,1.4vw,19px);line-height:1.8;letter-spacing:-.01em;max-width:680px;color:#c6dce4!important;margin:0}
.pe-method-emblem{position:relative;width:min(100%,360px);aspect-ratio:1;margin-inline:auto;display:grid;place-items:center}
.pe-method-emblem::before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(117,219,233,.12),rgba(40,115,144,.06) 50%,transparent 70%);filter:blur(2px)}
.pe-method-emblem-orbit{position:absolute;inset:5%;border:1px solid rgba(139,213,227,.25);border-radius:50%;transform:rotate(-24deg)}
.pe-method-emblem-orbit--one{animation:pe-method-orbit 24s linear infinite}
.pe-method-emblem-orbit--one::after{content:"";position:absolute;left:50%;top:-4px;display:block;width:8px;height:8px;transform:translateX(-50%);background:#b6eaf1;border-radius:50%;box-shadow:0 0 20px rgba(126,218,236,.75)}
.pe-method-emblem-orbit--two{inset:19%;border-style:dashed;border-color:rgba(139,213,227,.27);animation:pe-method-orbit-reverse 33s linear infinite}
.pe-method-emblem-orbit--two::after{content:"";position:absolute;left:5%;bottom:13%;width:6px;height:6px;border-radius:50%;background:#66adbf;box-shadow:0 0 13px rgba(126,218,236,.56)}
.pe-method-emblem-core{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;font:800 12px/1.55 Arial,Helvetica,sans-serif;letter-spacing:.22em;color:#e5f9fd;transform:translateY(3px)}
.pe-method-emblem-spark{font-size:42px;font-weight:400;color:#91deeb;text-shadow:0 0 35px rgba(145,222,235,.37);animation:pe-method-breathe 4s ease-in-out infinite}
.pe-method-emblem-node{position:absolute;width:4px;height:4px;background:#bceff6;border-radius:50%;box-shadow:0 0 14px rgba(188,239,246,.6)}
.pe-method-emblem-node--one{left:14%;top:37%}.pe-method-emblem-node--two{right:15%;bottom:26%}
@keyframes pe-method-orbit{to{transform:rotate(336deg)}}
@keyframes pe-method-orbit-reverse{to{transform:rotate(-384deg)}}
@keyframes pe-method-breathe{0%,100%{transform:scale(1);opacity:.86}50%{transform:scale(1.12);opacity:1}}
.pe-method-narrative{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(42px,7vw,102px);margin-top:clamp(70px,9vw,128px);position:relative}
.pe-method-side{position:sticky;top:105px;padding-top:25px}
.pe-method-side-rule{width:58px;height:3px;background:linear-gradient(90deg,#81d9e9,transparent);margin-bottom:27px}
.pe-method-side-kicker{font-size:11px;line-height:1.6;font-weight:800;letter-spacing:.2em;color:#94cbd7!important;margin:0 0 22px}
.pe-method-side h3{font-size:clamp(34px,3.5vw,54px);line-height:1.12;letter-spacing:-.058em;color:#f5fcff!important;margin:0 0 20px;font-weight:800}
.pe-method-side h3 em{color:#90d4e2;font-style:normal}
.pe-method-side>p:not(.pe-method-side-kicker){max-width:355px;color:#b9d0da!important;font-size:16px;line-height:1.8;margin:0}
.pe-method-side-footer{display:flex;align-items:center;gap:12px;margin-top:35px;color:#c4e1e7;font-size:10px;letter-spacing:.16em;font-weight:800}
.pe-method-pulse{width:8px;height:8px;border-radius:50%;background:#78d6e7;box-shadow:0 0 0 6px rgba(120,214,231,.1)}
.pe-method-steps{margin:0;padding:0;list-style:none;position:relative;display:grid;gap:20px}
.pe-method-steps::before,.pe-method-steps::after{content:"";position:absolute;left:25px;top:30px;bottom:42px;width:2px;border-radius:4px;pointer-events:none;z-index:0}
.pe-method-steps::before{background:linear-gradient(180deg,rgba(151,212,225,.23),rgba(151,212,225,.12))}
.pe-method-steps::after{background:linear-gradient(180deg,#d5faff,#58b8cb);box-shadow:0 0 16px rgba(86,202,224,.48);transform-origin:top center;transform:scaleY(var(--pe-method-progress));will-change:transform}
.pe-method-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:23px;align-items:start;position:relative;z-index:1}
.pe-method-step-dot{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(146,205,218,.4);color:#b8d4de;background:#102b39;box-shadow:0 0 0 5px rgba(11,23,34,.78);font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease,color .4s ease}
.pe-method-step-surface{
  position:relative;isolation:isolate;overflow:hidden;border-radius:20px;
  min-height:196px;padding:27px clamp(22px,2.2vw,36px) 31px;
  border:1px solid rgba(157,213,225,.20);
  background:linear-gradient(130deg,rgba(198,238,247,.082),rgba(117,171,189,.045) 42%,rgba(255,255,255,.025));
  box-shadow:0 18px 54px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.025);
  transition:border-color .4s ease,box-shadow .4s ease,transform .42s cubic-bezier(.2,.75,.2,1),background .4s ease;
}
.pe-method-step-surface::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.2;background:radial-gradient(ellipse at 80% 2%,rgba(127,228,246,.25),transparent 45%);transition:opacity .45s ease}
.pe-method-step-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#aed7e0;font-size:10px;letter-spacing:.17em;font-weight:800;line-height:1.5}
.pe-method-step-top svg{width:31px;height:31px;flex:none;color:#95cad6;opacity:.86}
.pe-method-step-surface h4{font-size:clamp(32px,3.4vw,48px);line-height:1.08;letter-spacing:-.048em;color:#f9fdff!important;margin:15px 0 9px;font-weight:800}
.pe-method-step-stop{color:#85d5e5}
.pe-method-step-surface p{font-size:clamp(15px,1.25vw,17px);line-height:1.68;color:#d0e0e7!important;max-width:44ch;margin:0}
.pe-method-step.is-current .pe-method-step-dot{background:#9bddea;border-color:#d6faff;color:#102532;box-shadow:0 0 0 5px rgba(20,63,78,.92),0 0 28px rgba(123,212,232,.30)}
.pe-method-step.is-current .pe-method-step-surface{border-color:rgba(149,225,241,.57);box-shadow:0 24px 65px rgba(0,0,0,.21),0 0 26px rgba(70,145,173,.095),inset 0 1px rgba(238,254,255,.10)}
.pe-method-step.is-current .pe-method-step-surface::before{opacity:.55}
@media(hover:hover) and (pointer:fine){
  .pe-method-step-surface:hover{transform:translateY(-5px);border-color:rgba(149,225,241,.60);box-shadow:0 25px 54px rgba(0,0,0,.23)}
  .pe-method-step-surface:hover::before{opacity:.7}
}
.pe-method-focus{
  position:relative;isolation:isolate;overflow:hidden;display:grid;
  grid-template-columns:156px minmax(0,1fr) auto;align-items:center;
  gap:clamp(18px,3vw,45px);margin-top:clamp(68px,8vw,113px);
  padding:clamp(27px,3.8vw,50px);
  background:linear-gradient(110deg,rgba(122,208,228,.18),rgba(39,113,143,.13) 45%,rgba(255,255,255,.034));
  border:1px solid rgba(153,225,238,.35);
  box-shadow:0 28px 80px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.07);
  border-radius:24px;
}
.pe-method-focus::after{content:"";position:absolute;pointer-events:none;width:390px;height:390px;right:-130px;bottom:-250px;border-radius:50%;background:radial-gradient(circle,rgba(119,210,231,.1),transparent 72%);z-index:-1}
.pe-method-focus-graphic{width:150px;height:150px;position:relative;display:grid;place-items:center}
.pe-method-target-ring{position:absolute;border:1px solid rgba(171,236,247,.45);border-radius:50%;aspect-ratio:1}
.pe-method-target-ring--outer{width:100%;border-style:dashed;animation:pe-method-orbit 26s linear infinite}
.pe-method-target-ring--middle{width:73%;border-color:rgba(171,236,247,.38)}
.pe-method-target-ring--inner{width:41%;border-color:rgba(171,236,247,.66);background:rgba(96,183,203,.09);box-shadow:0 0 35px rgba(85,171,193,.11)}
.pe-method-focus-centre{position:relative;color:#b7f5fb;font-size:32px;text-shadow:0 0 15px rgba(180,246,251,.55)}
.pe-method-focus-kicker{display:block;color:#a5e4ee!important;font-size:10px;letter-spacing:.2em;font-weight:800;line-height:1.5;margin-bottom:13px}
.pe-method-focus h3{color:#f7fcff!important;font-size:clamp(25px,2.55vw,38px);line-height:1.18;letter-spacing:-.045em;font-weight:800;margin:0 0 13px;max-width:650px}
.pe-method-focus h3 em{font-style:normal;color:#a5e3ec}
.pe-method-focus p{color:#c7dce4!important;font-size:15px;line-height:1.75;margin:0;max-width:680px}
.pe-method-focus-link{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-width:165px;text-decoration:none;text-align:left;font-size:13px;font-weight:800;line-height:1.45;color:#0b2532!important;padding:15px 18px;border-radius:99px;background:#abe1ea;border:1px solid #b5f1f5;box-shadow:0 12px 35px rgba(4,17,27,.12);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.pe-method-focus-link:hover{transform:translateY(-3px);background:#d4f8ff;box-shadow:0 16px 32px rgba(4,17,27,.23)}
.pe-method-focus-link:focus-visible{outline:3px solid #fff;outline-offset:4px}
.pe-method-outro{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:10px;font-weight:800;letter-spacing:.19em;color:#a4c1cd;line-height:1.7}
.pe-method-outro span span{color:#b8eef7}
@media(max-width:1120px){
  .pe-method-focus{grid-template-columns:118px minmax(0,1fr)}
  .pe-method-focus-graphic{width:118px;height:118px}
  .pe-method-focus-link{grid-column:2;justify-self:start}
  .pe-method-narrative{gap:44px}
}
@media(max-width:900px){
  .pe-method-header{grid-template-columns:minmax(0,1fr) 180px;gap:15px}
  .pe-method-emblem{width:185px}
  .pe-method-emblem-core{font-size:9px;letter-spacing:.13em}
  .pe-method-emblem-spark{font-size:29px}
  .pe-method-narrative{grid-template-columns:minmax(0,.67fr) minmax(0,1.33fr);gap:30px}
  .pe-method-side h3{font-size:35px}
  .pe-method-side>p:not(.pe-method-side-kicker){font-size:15px}
  .pe-method-step{gap:14px}
}
@media(max-width:740px){
  .pe-method--journey{padding:69px 0 70px}
  .pe-method-header{display:block}
  .pe-method-emblem{display:none}
  .pe-method--journey h2{font-size:clamp(46px,10.5vw,70px);margin:20px 0 22px;letter-spacing:-.065em}
  .pe-method-overline{font-size:9px;letter-spacing:.11em;gap:9px}
  .pe-method-overline-rule{width:20px}
  .pe-method-intro{font-size:16px;line-height:1.75}
  .pe-method-narrative{display:block;margin-top:53px}
  .pe-method-side{position:relative;top:auto;padding:0 0 28px}
  .pe-method-side h3{font-size:38px}
  .pe-method-side>p:not(.pe-method-side-kicker){max-width:520px}
  .pe-method-side-footer{margin-top:20px}
  .pe-method-steps{gap:14px}
  .pe-method-focus{grid-template-columns:86px minmax(0,1fr);padding:24px;gap:18px;margin-top:58px}
  .pe-method-focus-graphic{width:86px;height:86px}
  .pe-method-focus-link{grid-column:1/-1}
  .pe-method-outro{margin-top:24px;font-size:9px}
}
@media(max-width:520px){
  .pe-method--journey h2{font-size:clamp(40px,10.8vw,58px)}
  .pe-method-overline-rule{display:none}
  .pe-method-step{grid-template-columns:40px minmax(0,1fr);gap:10px}
  .pe-method-step-dot{width:40px;height:40px;font-size:10px;box-shadow:0 0 0 3px #102532}
  .pe-method-steps::before,.pe-method-steps::after{left:19px;top:22px;bottom:42px}
  .pe-method-step-surface{border-radius:16px;min-height:0;padding:20px 16px 22px}
  .pe-method-step-top{font-size:9px;letter-spacing:.08em}
  .pe-method-step-top svg{width:25px;height:25px}
  .pe-method-step-surface h4{font-size:33px;margin-top:13px}
  .pe-method-step-surface p{font-size:14px;line-height:1.65}
  .pe-method-focus{display:block;padding:27px 23px}
  .pe-method-focus-graphic{width:70px;height:70px;margin:0 0 19px}
  .pe-method-focus-kicker{font-size:9px}
  .pe-method-focus h3{font-size:28px}
  .pe-method-focus-link{margin-top:20px;width:100%;justify-content:space-between}
  .pe-method-outro{gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .pe-method--journey *,
  .pe-method--journey *::before,
  .pe-method--journey *::after{
    animation:none!important;transition:none!important;scroll-behavior:auto!important;
  }
  .pe-method-steps::after{transform:scaleY(1)!important}
  .pe-method-step-surface:hover,.pe-method-focus-link:hover{transform:none!important}
}


/* Coaching page companion: editorial method list on its light content section. */
.pe-coaching-method{position:relative}
.pe-coaching-method h2{font-size:clamp(34px,3.8vw,53px);line-height:1.1;letter-spacing:-.05em;color:#132d3b!important;margin:11px 0 16px}
.pe-coaching-method h2 em{font-style:normal;color:#277a90}
.pe-coaching-method .pe-coaching-method-intro{font-size:16px;line-height:1.75;color:#415660!important;max-width:570px;margin:0 0 24px}
.pe-coaching-method-list{list-style:none;padding:0;margin:22px 0 24px;display:grid;gap:0;border-top:1px solid #bfd2d9}
.pe-coaching-method-list li{display:flex;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid #c4d6dd}
.pe-coaching-method-list li>span{flex:none;width:36px;font-size:12px;letter-spacing:.1em;font-weight:900;color:#2f8092}
.pe-coaching-method-list strong{display:block;font-size:19px;line-height:1.35;letter-spacing:-.02em;color:#172e3a}
.pe-coaching-method-list small{display:block;font-size:13px;line-height:1.55;color:#4a6470;margin-top:2px}
.pe-coaching-method-note{display:flex;align-items:start;gap:12px;background:#e1f0f2;border-left:3px solid #478ea0;border-radius:0 13px 13px 0;padding:16px 17px;margin-bottom:22px}
.pe-coaching-method-note>span{color:#2f8092;flex:none;font-size:19px;line-height:1.2}
.pe-coaching-method-note p{margin:0;color:#234351!important;font-size:14px;line-height:1.7}
.pe-coaching-method-note strong{color:#153947}
@media(max-width:520px){.pe-coaching-method h2{font-size:36px}.pe-coaching-method-list li{gap:12px}.pe-coaching-method-note{padding:14px 13px}}


/* Phillips English editorial fieldnotes — readable teaching moments, not SEO padding. */
.article .pe-article-fieldnote{
  position:relative;
  margin:32px 0 36px;
  padding:26px clamp(22px,4vw,34px) 28px;
  background:linear-gradient(125deg,#eaf4f5,#f6fbfb 73%);
  border:1px solid #d2e4e8;
  border-left:4px solid #367f90;
  border-radius:0 15px 15px 0;
  color:#203943;
  box-shadow:0 10px 30px rgba(22,54,65,.045);
}
.article .pe-article-fieldnote .pe-fieldnote-kicker{
  display:block;margin:0 0 10px;
  color:#246d80;font-size:11px;line-height:1.5;
  font-weight:800;letter-spacing:.12em;text-transform:uppercase;
}
.article .pe-article-fieldnote h3{
  color:#183847!important;font-size:clamp(21px,2.7vw,28px);
  line-height:1.23;letter-spacing:-.025em;margin:0 0 15px;
}
.article .pe-article-fieldnote p{
  color:#284651!important;
  font-size:clamp(15px,1.5vw,17px);
  line-height:1.77;margin:0 0 13px;
}
.article .pe-article-fieldnote p:last-child{margin-bottom:0}
.article .pe-article-fieldnote strong{color:#153947}
.article .pe-article-fieldnote em{color:#315969}
.article .pe-article-fieldnote a{color:#1b6274;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){
  .article .pe-article-fieldnote{margin:23px 0 28px;padding:23px 19px;border-radius:0 12px 12px 0}
  .article .pe-article-fieldnote h3{font-size:22px}
}


/* Phillips English blog refresh — editorial rhythm and reader-friendly introductions.
   Applies only to article content, not other website sections. */
.article-shell .article .pe-editorial-lead{
  margin:12px 0 35px;
  padding:0 0 0 clamp(18px,2.2vw,26px);
  border-left:3px solid #438fa2;
  color:#264958!important;
  font-size:clamp(18px,1.85vw,21px)!important;
  line-height:1.76!important;
  font-weight:450;
  letter-spacing:-.012em;
  max-width:72ch;
}
.article-shell .article .pe-editorial-lead em{font-style:italic;color:#195b70}
.article-shell .article > p:not(.pe-editorial-lead){max-width:74ch;line-height:1.82}
.article-shell .article > h2{scroll-margin-top:28px;text-wrap:balance}
.article-shell .article > h3{scroll-margin-top:28px}
.article-shell .article .answer{border-radius:0 12px 12px 0}
.article-shell .article .example,.article-shell .article .compare{border-radius:12px}
.article-shell .article :where(.example,.compare,table) + p{margin-top:20px}
.article-shell .article a:not(.btn):not(.button){text-underline-offset:3px}
.article-shell .article figure img{max-width:100%;height:auto}
.article-shell .article table{border-collapse:collapse}
@media(max-width:720px){
 .article-shell .article .pe-editorial-lead{font-size:18px!important;padding-left:17px;margin-bottom:28px}
 .article-shell .article > p:not(.pe-editorial-lead){line-height:1.77}
 .article-shell .article .example,.article-shell .article .compare{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.article-shell .article *{scroll-behavior:auto}}