/* Company overview: a short route from the brand introduction to useful detail. */
.home-company #hero .hero-inner{max-width:1020px}
.home-company #hero .eyebrow{font-size:.67rem;letter-spacing:.18em;margin-bottom:26px;color:#68cfc8;white-space:nowrap;overflow-wrap:normal;max-width:100%}
.home-company #hero h1{font-size:clamp(3rem,6.8vw,5.8rem);line-height:1.04;max-width:16ch;letter-spacing:-.045em}
.home-company #hero .sub{max-width:58ch;font-size:1.05rem;line-height:1.8}
.home-company .hero-signature{color:#a4b3c9;font-size:.81rem;margin:22px auto 0}
.home-company .hero-signature strong{color:#dfe9f4;font-weight:500}
.home-company .hero-seehow{font-size:.8rem;margin-top:24px}
.home-company .intro-review{margin-top:10px}
.company-wrap{width:min(1120px,100%);padding:0 28px;margin:0 auto}
.company-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:34px}
.company-heading .eyebrow{margin-bottom:16px}
.company-heading h2{font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.14;max-width:19ch}
.company-heading p{font-size:.98rem;color:var(--muted);max-width:48ch;line-height:1.8}
.company-services{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(11,19,34,.45),transparent)}
.company-offers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(11,19,34,.35)}
.company-offer{padding:30px 28px;display:flex;flex-direction:column;position:relative}
.company-offer+.company-offer{border-left:1px solid var(--line)}
.company-offer:first-child{background:linear-gradient(155deg,rgba(2,174,165,.10),transparent 75%)}
.offer-number{display:flex;align-items:center;gap:12px;font:400 .7rem 'JetBrains Mono',monospace;letter-spacing:.07em;color:#7cbcbf;margin-bottom:24px}
.offer-number span{font:500 .61rem 'Inter',sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#8de2d7;border:1px solid rgba(95,207,191,.2);padding:3px 7px;border-radius:4px}
.company-offer h3{font-size:1.38rem;line-height:1.2;margin-bottom:12px}
.company-offer p{color:var(--muted);font-size:.92rem;line-height:1.75;margin-bottom:24px;flex:1}
.company-offer .text-link{font-size:.84rem;margin-top:0}
.company-proof{border-bottom:1px solid var(--line)}
.proof-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:center}
/* Restore the original portrait as the focus of the founder introduction. */
.home-founder-portrait{width:100%;max-width:400px;justify-self:center;border:1px solid rgba(117,190,183,.25);border-radius:20px;padding:9px;background:var(--panel);box-shadow:0 22px 65px -45px rgba(69,183,177,.28)}
.home-founder-portrait img{display:block;width:100%;height:auto;border-radius:13px}
.founder-identity{display:flex;flex-direction:column;gap:5px;margin:0 0 22px}
.founder-identity strong{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:1.2rem;color:var(--text)}
.founder-identity span{font-size:.78rem;line-height:1.5;color:#83d5ce}
.proof-copy>p+p{margin-top:14px}
.proof-copy .eyebrow{margin-bottom:16px}
.proof-copy h2{font-size:clamp(2rem,3.5vw,2.7rem);line-height:1.13;margin-bottom:18px;max-width:19ch}
.proof-copy>p{font-size:.95rem;line-height:1.8;color:var(--muted)}
.teaching-examples{list-style:none;margin:24px 0 18px;border-top:1px solid var(--line)}
.teaching-examples li{padding:13px 0;display:grid;grid-template-columns:115px 1fr;gap:20px;border-bottom:1px solid var(--line)}
.teaching-examples strong{font-size:.86rem;font-weight:500;color:#e1eaf6}
.teaching-examples span{font-size:.83rem;color:var(--muted)}
.teaching-examples small{display:block;color:#78c9c1;font-size:.72rem;margin-top:3px}
.proof-copy .text-link{font-size:.86rem}
.company-process .company-heading{align-items:center;margin-bottom:30px}
.company-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.company-steps li{border-top:1px solid rgba(2,174,165,.35);padding-top:18px}
.company-steps .step-number{color:#67bcb7;font:400 .68rem 'JetBrains Mono',monospace;display:block;margin-bottom:12px}
.company-steps h3{font-size:1.12rem;margin-bottom:10px}
.company-steps p{font-size:.85rem;line-height:1.7;color:var(--muted)}
.home-company #final{border-top:1px solid var(--line)}
.home-company #final .eyebrow{margin-bottom:16px}
.home-company #final .inner{max-width:780px}
.home-company #final h2{font-size:clamp(2rem,3.8vw,2.9rem);max-width:20ch;margin-left:auto;margin-right:auto;line-height:1.15}
.home-company #final p{font-size:.95rem}
.company-onward{display:flex;justify-content:center;gap:28px;margin-top:30px;font-size:.81rem;color:var(--muted)}
.company-onward a:hover{color:var(--amber-2)}
.home-company footer .col:first-child{max-width:345px}
@media(max-width:900px){
  .company-heading{gap:30px}
  .proof-grid{gap:32px}
  .company-offer{padding:25px 20px}
  .company-steps{gap:20px}
}
@media(max-width:760px){
  .home-company #hero{padding:118px 0 100px;min-height:100svh}
  .home-company #hero .eyebrow{font-size:min(.6rem,calc((100vw - 44px) / 32));letter-spacing:.06em;line-height:1.9;margin-bottom:22px}
  .home-company #hero h1{font-size:clamp(2.9rem,10.5vw,4.1rem)}
  .home-company #hero .sub{font-size:.95rem;max-width:40ch;margin-top:24px;line-height:1.75}
  .home-company .hero-signature{font-size:.73rem;max-width:36ch;margin-top:20px}
  .home-company .scrollcue{display:none}
  .company-wrap{padding:0 24px}
  .company-heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px}
  .company-heading h2{max-width:22ch}
  .company-heading p{font-size:.93rem}
  .company-offers{grid-template-columns:1fr}
  .company-offer{padding:25px 24px}
  .company-offer+.company-offer{border-left:0;border-top:1px solid var(--line)}
  .offer-number{margin-bottom:16px}
  .company-offer p{margin-bottom:16px}
  .proof-grid{grid-template-columns:1fr;gap:32px}
  .home-founder-portrait{max-width:340px}
  .proof-copy h2{max-width:23ch}
  .company-steps{grid-template-columns:1fr 1fr;gap:26px 24px}
  .company-onward{gap:20px;flex-wrap:wrap;font-size:.77rem}
}
@media(max-width:380px){.company-steps{grid-template-columns:1fr}.teaching-examples li{grid-template-columns:1fr;gap:5px}}

/* Live text with a bevelled face and a short, solid extrusion. */
.home-company #hero .hero-title{
  --title-rx:4deg;--title-ry:-3deg;
  --title-light-x:38%;--title-light-y:28%;
  position:relative;isolation:isolate;
  font-size:clamp(2.25rem,6.7vw,5.7rem);line-height:1.12;max-width:18ch;
  transform:perspective(1000px) rotateX(var(--title-rx)) rotateY(var(--title-ry));
  transform-origin:50% 55%;transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.home-company #hero .hero-title::before{
  content:"";position:absolute;inset:-22% -6% -32%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at var(--title-light-x) var(--title-light-y),rgba(75,211,194,.17),rgba(20,119,134,.06) 44%,transparent 72%);
  filter:blur(24px);
}
.home-company #hero .title-line{padding:0 .12em .18em;margin:0 -.12em -.18em;max-width:none;white-space:nowrap}
.home-company #hero .title-word{position:relative;isolation:isolate}
.home-company #hero .title-word::before{
  content:attr(data-text);position:absolute;inset:0;z-index:0;pointer-events:none;color:#244152;
  text-shadow:.012em .012em 0 #91a8b8,.024em .024em 0 #657f92,.036em .036em 0 #486476,.048em .048em 0 #304b5e,.06em .06em 0 #1d3549,.072em .072em 0 #142a3c,.085em .10em .045em rgba(0,0,0,.65);
}
.home-company #hero .title-face{
  position:relative;z-index:1;display:inline-block;color:#edf7ff;
  background:linear-gradient(165deg,#fff 15%,#e1edf5 52%,#99b2c5 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 -1px 0 rgba(244,255,255,.4));
}
.home-company #hero .title-accent .title-word::before{
  color:#0c3d42;
  text-shadow:.012em .012em 0 #4da99e,.024em .024em 0 #348b85,.036em .036em 0 #236c6c,.048em .048em 0 #185457,.06em .06em 0 #103e45,.072em .072em 0 #0b303b,.085em .10em .045em rgba(0,0,0,.7);
}
.home-company #hero .title-accent .title-face{color:#83d5ce;background-image:linear-gradient(165deg,#d9fff3 5%,#93e1d2 42%,#53b8b7 76%,#32828f 100%)}
/* A brief reflection, followed by a long pause before the next pass. */
.home-company #hero .title-word::after{
  content:attr(data-text);position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;
  background:linear-gradient(110deg,transparent 41%,rgba(232,255,252,.12) 46%,rgba(255,255,255,.72) 50%,rgba(232,255,252,.12) 54%,transparent 59%) 160% 0 / 300% 100% no-repeat;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.home-company #hero .title-line.on .title-word::after{animation:title-light-pass 9s .85s ease-in-out infinite both;animation-play-state:var(--title-reflection-state,running)}
.home-company #hero .title-line.title-accent.on .title-word::after{animation-delay:1.02s}
@keyframes title-light-pass{
  0%{background-position:160% 0;opacity:0}
  4%{opacity:.85}
  19%{opacity:.85}
  24%,100%{background-position:-60% 0;opacity:0}
}
@media(max-width:760px){
  .home-company #hero .hero-title{font-size:clamp(2rem,12vw,4.1rem)}
}
@media(hover:none),(pointer:coarse){
  .home-company #hero .hero-title{transform:perspective(1000px) rotateX(3deg)}
}
@media(prefers-reduced-motion:reduce){
  .home-company #hero .hero-title{transform:none;transition:none}
  .home-company #hero .title-line.on .title-word::after{display:none;animation:none}
}
@media(forced-colors:active){
  .home-company #hero .hero-title{transform:none}
  .home-company #hero .hero-title::before,.home-company #hero .title-word::before,.home-company #hero .title-word::after{display:none}
  .home-company #hero .title-face{color:CanvasText;background:none;-webkit-text-fill-color:currentColor;filter:none}
}

/* Founder credentials: personal qualifications and teaching reach. */
.home-company #about .founder-credentials{margin:23px 0 17px;padding:18px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-company #about .founder-learner-count{display:flex;align-items:center;gap:14px;margin:0 0 17px;color:var(--muted);font-size:.78rem;line-height:1.4}
.home-company #about .founder-learner-count strong{font-family:'Space Grotesk',sans-serif;font-size:1.85rem;font-weight:500;line-height:1;color:var(--text);letter-spacing:-.04em}
.home-company #about .founder-learner-count strong span{color:#83d5ce;font-size:1.35rem;margin-left:2px}
.home-company #about .founder-credentials h3{font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:400;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;color:#83d5ce;margin:0 0 13px}
.home-company #about .founder-qualification-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 23px;margin:0;padding:0}
.home-company #about .founder-qualification-list li{color:#d5e2ee;font-size:.8rem;line-height:1.55}
.home-company #about .founder-qualification-list small{display:block;color:var(--muted);font-size:.66rem;line-height:1.6;margin-top:3px}
@media(max-width:760px){
  .home-company #about .founder-qualification-list{grid-template-columns:1fr;gap:13px}
  .home-company #about .founder-qualification-list li{font-size:.86rem}
  .home-company #about .founder-qualification-list small{font-size:.71rem}
}