/* Three-access restructure (local preview). Keeps existing visual language; does not replace mobile email/overflow fixes. */

/* Hero: 3 access buttons instead of 4 pillars */
.pillars.p3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1080px;margin:0 0 30px}
.p3 .pb{padding:16px 16px;gap:12px;text-decoration:none;align-items:center}
.p3 .pb .pi{width:30px;height:30px;flex:none}
.p3 .pb .pt{min-width:0}
.p3 .pb .pt b{font-size:18px;white-space:normal;letter-spacing:-.2px;line-height:1.15;overflow-wrap:anywhere}
.p3 .pb .pt small{font-size:12px;white-space:normal;line-height:1.32;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}
.p3 .pb .arw{width:16px;height:16px;flex:none;margin-left:auto;opacity:.65;transition:transform .3s,opacity .3s}
.p3 .pb:hover .arw,.p3 .pb:focus-visible .arw{transform:translateY(3px);opacity:1}
.p3 .pb:nth-child(2){animation-duration:5.8s;animation-delay:-1.6s}
.p3 .pb:nth-child(3){animation-duration:5.5s;animation-delay:-3s}
@media(max-width:1180px){.p3 .pb{padding:14px 12px}.p3 .pb .pt b{font-size:16.5px}}
@media(max-width:900px){.pillars.p3{grid-template-columns:1fr;max-width:520px}}
@media(max-width:700px){.p3 .pb{position:relative;padding:13px 13px 12px}.p3 .pb .arw{position:absolute;top:14px;right:12px}}

/* Nav: short labels on desktop, full names in the mobile menu */
.menu .sp{display:none}
.menu>li>a{padding:10px 12px}
.menu>li>a[aria-current="page"]{color:#67e8f9}
nav.s .menu>li>a[aria-current="page"]{color:#6d28d9}
@media(max-width:1180px) and (min-width:861px){.menu>li>a{padding:10px 8px;font-size:13.5px}}
@media(max-width:1100px) and (min-width:861px){.menu>li>a{padding:10px 8px;font-size:13.5px}}
@media(max-width:860px){
  .menu .sp{display:inline}
  .menu>li>a{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
  .menu>li>a[aria-current="page"]{color:#6d28d9}
}

/* Home preview blocks + section pages */
.preview-enter{margin-top:28px}
.preview-enter .btn{margin:0}
.pzx-preview{margin-top:22px}
.modes-note{margin:28px 0 8px;padding:24px 26px;border-radius:20px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-sizing:border-box;min-width:0;max-width:100%}
.modes-note h3{font-size:22px;margin:8px 0 10px;letter-spacing:-.3px}
.modes-note p{color:#d0dcef;font-size:14px;line-height:1.75;max-width:760px}
.modes-note .inlp-eyebrow{display:block}

/* Eagle Games featured card */
.eagle-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;padding:28px 30px;border-radius:24px;text-decoration:none;color:#fff;overflow:hidden;position:relative;margin:0 0 28px;
  background:linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.05) 55%,rgba(236,72,153,.12)),rgba(12,16,40,.42);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 24px 50px -22px rgba(0,0,0,.65);
  transition:translate .35s,box-shadow .35s,border-color .35s}
.eagle-card:hover{translate:0 -4px;border-color:rgba(244,114,182,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 30px 60px -22px rgba(0,0,0,.7),0 0 36px -6px rgba(236,72,153,.45)}
.eagle-card:focus-visible{outline:3px solid #22d3ee;outline-offset:6px}
.eagle-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#a5f3fc;margin-bottom:8px}
.eagle-card h3{font-size:clamp(28px,3vw,40px);letter-spacing:-1px;margin:0 0 10px;line-height:1.1}
.eagle-card h3 span{background:linear-gradient(90deg,#67e8f9,#a78bfa 55%,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}
.eagle-card p{color:#d3dcec;font-size:15px;line-height:1.6;max-width:520px}
.eagle-cta{display:inline-block;margin-top:16px;color:#a5f3fc;font-size:14px;font-weight:800}
.eagle-cta span{display:inline-block;margin-left:6px;transition:transform .25s}
.eagle-card:hover .eagle-cta span{transform:translate(3px,-3px)}
.eagle-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.eagle-chips span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#e2e8f0}
.eagle-art{min-width:0;display:grid;place-items:center}
.eagle-art svg{width:100%;max-width:360px;height:auto;filter:drop-shadow(0 12px 24px rgba(124,58,237,.35))}
#build-games.eagle-card{display:grid}
@media(max-width:800px){.eagle-card{grid-template-columns:1fr;padding:22px 20px}.eagle-art{order:-1}}
@media(prefers-reduced-motion:reduce){.eagle-card,.eagle-cta span{transition:none}.eagle-card:hover{translate:none}}

/* Footer: three accesses + company */
footer .fg{grid-template-columns:1.7fr 1fr 1fr 1.15fr 1fr;gap:28px}
footer .fg a,footer .fg span,footer .fg p,footer .fg b{min-width:0;overflow-wrap:anywhere}
@media(max-width:1000px){footer .fg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){footer .fg{grid-template-columns:1fr}}

/* Section pages: content starts under fixed nav, no bleed into other product sections */
body.subpage .page-cta{padding-top:80px}
#learning,#teaching,#development,#tutoring,#insights,#about,#contact,[id^="learn-"],[id^="teach-"],[id^="build-"],#inli-learning,#inli-teaching,#inli-development,#inli-tutoring{scroll-margin-top:110px}

@media(max-width:520px){
  .pillars.p3,.p3 .pb,.p3 .pb .pt,.preview-enter .btn,.modes-note,.eagle-card,.eagle-card > *{min-width:0;max-width:100%;box-sizing:border-box}
  .p3 .pb .pt b,.modes-note p,.eagle-card h3,.eagle-card p{overflow-wrap:anywhere}
  .preview-enter .btn,.pzcta .btn{max-width:100%;white-space:normal}
  footer .fg{min-width:0}
}


/* Teacher Center: individual vs institution tracks */
.tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 28px}
.track{padding:27px 29px;border-radius:21px;border:1px solid #ffffff30;background:linear-gradient(135deg,#ffffff12,#ffffff04);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-sizing:border-box;min-width:0;max-width:100%;color:#f5f8ff}
.track h3{font-size:24px;letter-spacing:-.4px;margin:8px 0 12px;line-height:1.2}
.track p{font-size:14px;color:#d0dcef;line-height:1.75;margin:0 0 12px;max-width:none}
.track-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:8px;max-width:320px}
.track-sub{margin:22px 0 0;padding-top:18px;border-top:1px solid #ffffff25}
.track-sub .k{margin-bottom:10px;color:#a5f3fc}
.track-note{font-size:11px;color:#b7c8e3;line-height:1.7;margin:16px 0 0}
a.inlp-placeholder,
a[data-inli-link][aria-disabled="true"]{
  opacity:.8;cursor:not-allowed;pointer-events:none;text-decoration:none;
}
@media(max-width:860px){.tracks{grid-template-columns:minmax(0,1fr)}.track-actions{max-width:none}}
@media(max-width:520px){
  .tracks,.track,.track-actions,.track-actions > a,.track-sub,.track-sub .gg{min-width:0;max-width:100%;box-sizing:border-box}
  .track{padding:21px 18px;border-radius:17px}
  .track h3,.track p{overflow-wrap:anywhere}
  .track-actions > a{width:calc(100% - 100px);max-width:calc(100% - 100px);text-align:center;line-height:1.5;white-space:normal}
}

.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.g2{grid-template-columns:1fr}}

/* Home teasers: short section previews, not product detail */
.teaser{padding:90px 0}
.teaser .hd{margin-bottom:22px}
.teaser .lead{margin-bottom:18px}
.teaser-keys{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.teaser-keys span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#e2e8f0}
.teaser .preview-enter{margin-top:8px}
@media(max-width:860px){.teaser{padding:70px 0}}
@media(max-width:520px){.teaser-keys{min-width:0;max-width:100%}.teaser-keys span{overflow-wrap:anywhere}}