:root {
  --navy: #0b2454;
  --gold: #c78a12;
  --gold-soft: #e8d3a2;
  --ink: #17213a;
  --muted: #667085;
  --line: #e8e3d8;
  --paper: #fffefa;
  --white: #ffffff;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}
a { color: inherit; }
img { max-width: 100%; display: block; }
.container { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(232,227,216,.9);
  backdrop-filter: blur(10px);
}
.header-inner {
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.brand img { width: 58px; height: 38px; object-fit: contain; }
.brand-name {
  color: var(--gold);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 28px;
  letter-spacing: .04em;
  white-space: nowrap;
}
.nav { display: flex; gap: 30px; flex-wrap: wrap; align-items: center; }
.nav a {
  text-decoration: none;
  color: var(--navy);
  font-size: 15px;
  padding: 8px 0;
  border-bottom: 2px solid transparent;
}
.nav a:hover, .nav a:focus-visible, .nav a[aria-current='page'] { border-bottom-color: var(--gold); }
.nav a.home-button {
  padding: 7px 15px;
  border: 1px solid var(--gold);
  border-radius: 8px;
  background: #fffaf0;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .07em;
}
.nav a.home-button:hover, .nav a.home-button:focus-visible, .nav a.home-button[aria-current='page'] {
  border-color: var(--gold);
  background: var(--gold);
  color: #fff;
}
.hero { padding: 70px 0 38px; text-align: center; }
.hero h1, .page-title, .section-title {
  margin: 0;
  color: var(--navy);
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 500;
}
.hero h1 { font-size: clamp(34px, 5vw, 62px); line-height: 1.08; }
.hero .kicker { color: var(--gold); letter-spacing: .14em; font-size: 14px; margin-bottom: 14px; }
.gold-dot { color: var(--gold); }
.section { padding: 52px 0; border-top: 1px solid var(--line); }
.section-title { text-align: center; font-size: clamp(28px, 4vw, 42px); margin-bottom: 28px; }
.program-grid { display: grid; grid-template-columns: 1.35fr .85fr; gap: 22px; align-items: stretch; }
.foundation-card, .program-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--paper);
  padding: 28px;
}
.foundation-card h2, .program-card h2 {
  margin: 0 0 6px;
  color: var(--navy);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 28px;
  font-weight: 500;
}
.subtle { color: var(--gold); font-size: 15px; letter-spacing: .04em; }
.foundation-products { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: end; margin: 28px 0 24px; }
.foundation-products img { max-height: 440px; margin: 0 auto; object-fit: contain; }
.side-stack { display: grid; gap: 22px; }
.program-card { display: grid; grid-template-columns: 1fr .9fr; gap: 20px; align-items: center; }
.program-card img { max-height: 300px; margin: auto; object-fit: contain; }
.program-copy { min-width: 0; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 18px;
  margin-top: 18px;
  border-radius: 8px;
  text-decoration: none;
  background: var(--navy);
  color: var(--white);
  font-weight: 700;
  letter-spacing: .02em;
}
.button.gold { background: var(--gold); }
.mission { padding: 54px 0 60px; text-align: center; }
.mission h2 { margin: 0 0 12px; color: var(--navy); font-family: Georgia, 'Times New Roman', serif; font-size: 38px; font-weight: 500; }
.mission p { max-width: 700px; margin: 0 auto; color: var(--muted); }
.site-footer { border-top: 1px solid var(--gold-soft); padding: 28px 0 34px; }
.footer-inner { display: grid; grid-template-columns: 1fr 2fr; gap: 30px; align-items: start; }
.footer-brand { color: var(--gold); font-family: Georgia, 'Times New Roman', serif; font-size: 21px; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 18px 24px; }
.footer-links a { text-decoration: none; color: var(--navy); font-size: 14px; }
.footer-links a.home-button {
  padding: 6px 13px;
  border: 1px solid var(--gold);
  border-radius: 7px;
  background: #fffaf0;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .07em;
}
.footer-links a.home-button:hover, .footer-links a.home-button:focus-visible, .footer-links a.home-button[aria-current='page'] {
  background: var(--gold);
  color: #fff;
}
.footer-meta { grid-column: 1 / -1; text-align: center; color: var(--muted); font-size: 12px; margin-top: 8px; }
.page-shell { padding: 72px 0 90px; }
.page-title { font-size: clamp(38px, 5vw, 62px); text-align: center; margin-bottom: 18px; }
.page-lead { max-width: 760px; margin: 0 auto 48px; text-align: center; color: var(--muted); font-size: 18px; }
.placeholder {
  max-width: 860px;
  margin: 0 auto;
  padding: 32px;
  border: 1px dashed var(--gold-soft);
  border-radius: 16px;
  color: var(--muted);
  text-align: center;
  background: #fffdf8;
}
.skip-link { position: absolute; left: -9999px; top: 8px; background: var(--navy); color: #fff; padding: 10px 14px; z-index: 100; }
.skip-link:focus { left: 8px; }
@media (max-width: 900px) {
  .header-inner { align-items: flex-start; padding: 16px 0; flex-direction: column; }
  .nav { gap: 16px 22px; }
  .program-grid { grid-template-columns: 1fr; }
  .program-card { grid-template-columns: 180px 1fr; }
  .footer-inner { grid-template-columns: 1fr; }
  .footer-links { justify-content: flex-start; }
}
@media (max-width: 640px) {
  .container { width: min(calc(100% - 28px), var(--max)); }
  .brand-name { font-size: 23px; }
  .foundation-products, .program-card { grid-template-columns: 1fr; }
  .program-card img { max-height: 260px; }
  .hero { padding-top: 46px; }
}

/* Learn English production page */
.learn-hero{padding:64px 0 58px;text-align:center}.learn-hero .kicker,.audio-copy .kicker{color:var(--gold);letter-spacing:.14em;font-size:13px}.learn-products{display:grid;grid-template-columns:1fr 1fr;gap:54px;max-width:760px;margin:42px auto 0;align-items:end}.learn-products figure{margin:0}.learn-products img{max-height:470px;margin:auto;object-fit:contain}.learn-products figcaption{margin-top:18px;color:var(--navy)}.learn-products figcaption strong,.learn-products figcaption span{display:block}.learn-products figcaption span{font-size:14px;color:var(--muted);margin-top:3px}.audio-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;max-width:980px}.device{border:10px solid #17213a;border-radius:18px;box-shadow:0 18px 45px rgba(23,33,58,.12);background:white}.device-bar{height:28px;background:#f5f3ee;display:flex;gap:6px;align-items:center;padding:0 10px}.device-bar span{width:7px;height:7px;border-radius:50%;background:#c9c3b6}.device-screen{text-align:center;padding:38px 24px 44px}.device-screen img{width:76px;height:50px;object-fit:contain;margin:0 auto 12px}.device-eyebrow{color:var(--gold);font-size:12px;letter-spacing:.18em}.device-screen h2,.audio-copy h2{font-family:Georgia,'Times New Roman',serif;color:var(--navy);font-weight:500;font-size:34px;margin:4px 0 8px}.device-screen p{color:var(--muted)}.audio-demo{border:0;border-radius:8px;padding:11px 22px;background:#e9e5dc;color:#7a7468;font-weight:700}.audio-copy p{color:var(--muted)}.asset-note{font-size:13px;border-left:2px solid var(--gold-soft);padding-left:12px}.center{text-align:center}.action-button{border:0;cursor:pointer;font-size:15px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;scroll-margin-top:110px}.lesson-card{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fffefa}.lesson-label{color:var(--gold);font-size:12px;letter-spacing:.12em;margin:0 0 6px}.lesson-card h3{color:var(--navy);font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:22px;margin:0 0 16px}.lesson-card ol{margin:0;padding-left:22px}.lesson-card li{padding:4px 0;font-size:14px}.process-title span{color:var(--gold)}.three-step{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;max-width:850px;margin:0 auto;text-align:center}.three-step>div:not(.step-arrow){display:grid;justify-items:center;gap:6px;color:var(--navy)}.three-step span{font-size:14px;color:var(--muted)}.step-icon{width:86px;height:86px;border:1.5px solid var(--navy);border-radius:50%;display:grid;place-items:center;font-family:Georgia,'Times New Roman',serif;font-size:28px;margin-bottom:8px}.step-arrow{color:var(--gold);font-size:30px}.dictation{background:#fffdf8}.dictation-copy{max-width:780px;margin:-8px auto 32px;text-align:center;color:var(--muted);font-size:17px}.learning-cycle{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;color:var(--navy);font-size:12px;font-weight:700;letter-spacing:.04em}.learning-cycle b{color:var(--gold);font-size:18px}
@media(max-width:900px){.audio-layout{grid-template-columns:1fr;gap:36px}.lesson-grid{grid-template-columns:1fr}.lesson-card{max-width:680px;margin:auto;width:100%}}
@media(max-width:640px){.learn-products{grid-template-columns:1fr;gap:36px}.learn-products img{max-height:390px}.three-step{grid-template-columns:1fr;gap:14px}.step-arrow{transform:rotate(90deg)}.process-title{font-size:28px}.learning-cycle{gap:8px}.lesson-card li{font-size:15px}}

/* Portability preview — 2026-09-01 */
.portability-section{padding:70px 0 76px;background:linear-gradient(180deg,#fff 0%,#fffdf8 52%,#fff 100%);overflow:hidden}.portability-wrap{max-width:1080px}.portability-heading{text-align:center;margin-bottom:34px}.portability-heading .kicker{color:var(--gold);letter-spacing:.14em;font-size:12px;margin:0 0 7px}.portability-heading .section-title{font-size:clamp(35px,4.8vw,52px);margin-bottom:12px}.gold-rule{height:14px;display:flex;justify-content:center;align-items:center}.gold-rule:before,.gold-rule:after{content:"";height:1px;width:92px;background:linear-gradient(90deg,transparent,var(--gold-soft))}.gold-rule:after{background:linear-gradient(90deg,var(--gold-soft),transparent)}.gold-rule span{width:7px;height:7px;transform:rotate(45deg);background:var(--gold);margin:0 12px}.portability-stage{position:relative;min-height:590px;display:flex;justify-content:center;align-items:center;padding:22px 110px 48px 10px}.laptop-shell{position:relative;width:min(820px,88vw);filter:drop-shadow(0 24px 28px rgba(16,31,60,.16))}.laptop-camera{position:absolute;z-index:2;top:8px;left:50%;width:5px;height:5px;border-radius:50%;background:#647084;transform:translateX(-50%)}.lesson-ui-desktop{overflow:hidden;border:11px solid #17213a;border-bottom-width:16px;border-radius:18px 18px 8px 8px;background:#fff;min-height:475px}.lesson-topbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #eee8db;background:#fffefa}.lesson-brand{font-family:Georgia,'Times New Roman',serif;color:var(--gold);letter-spacing:.08em;font-size:14px}.lesson-count{color:var(--muted);font-size:11px;letter-spacing:.12em}.lesson-main{padding:28px 42px 30px}.lesson-section-label{margin:0 0 2px;color:var(--gold);font-size:11px;letter-spacing:.16em;text-align:center}.lesson-main h3{margin:0 0 22px;text-align:center;color:var(--navy);font:500 31px/1.15 Georgia,'Times New Roman',serif}.dialogue-preview{max-width:650px;margin:0 auto 22px;display:grid;gap:7px}.dialogue-preview>div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px}.dialogue-preview p{margin:0;padding:8px 13px;border-radius:9px;background:#faf8f2;color:#26344f;font-size:15px}.speaker{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:11px}.speaker-a{background:#eef3fb;color:var(--navy);border:1px solid #ced8ea}.speaker-b{background:#fff5db;color:#8a5b00;border:1px solid #ead29b}.speaker-c{background:#f1eff8;color:#513b7a;border:1px solid #d3c9e4}.audio-player-demo{max-width:650px;margin:0 auto 16px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.play-demo{border:0;border-radius:999px;background:var(--navy);color:#fff;min-height:40px;padding:0 18px;display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:11px;letter-spacing:.06em;cursor:pointer}.play-demo.playing{background:var(--gold)}.play-icon{font-size:12px}.audio-track{height:4px;background:#e8e3d8;border-radius:999px;position:relative}.audio-progress{position:absolute;left:0;top:0;bottom:0;width:42%;border-radius:inherit;background:var(--gold)}.audio-track i{position:absolute;left:42%;top:50%;width:12px;height:12px;background:#fff;border:3px solid var(--gold);border-radius:50%;transform:translate(-50%,-50%)}.audio-time{color:var(--muted);font-size:11px}.practice-controls{max-width:650px;margin:0 auto;display:flex;justify-content:space-between;gap:16px}.speed-controls,.voice-controls{display:flex;gap:8px}.demo-control{min-width:86px;min-height:38px;border:1px solid #ddd7c9;background:#fff;color:var(--navy);border-radius:7px;font-size:10px;font-weight:700;letter-spacing:.06em;cursor:pointer}.demo-control.active{background:#f7ecd0;border-color:#d6b766;color:#7d5607}.record-control span{color:#b93535}.record-control.recording{background:#fff0f0;border-color:#d99b9b;color:#9e2929}.compare-control span{color:var(--gold);font-size:16px}.compare-control.comparing{background:#f1f4fa;border-color:#aebbd0}.laptop-chin{height:24px;background:#17213a;border-radius:0 0 9px 9px;color:#b9c0cc;display:grid;place-items:center;font-size:8px;letter-spacing:.14em}.laptop-base{width:112%;height:18px;margin-left:-6%;background:linear-gradient(180deg,#cfd3d9,#aeb5bf);border-radius:3px 3px 35px 35px;box-shadow:inset 0 1px 0 #fff}.phone-shell{position:absolute;right:14px;bottom:25px;width:220px;height:448px;border:8px solid #17213a;border-radius:35px;background:#17213a;box-shadow:0 26px 45px rgba(16,31,60,.24);z-index:4}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:92px;height:20px;border-radius:0 0 14px 14px;background:#17213a;z-index:6}.lesson-ui-phone{height:100%;border-radius:27px;overflow:hidden;background:#fff;padding:19px 15px 22px}.phone-status{display:flex;justify-content:space-between;color:#6a7280;font-size:7px;margin:0 3px 22px}.phone-brand{text-align:center;color:var(--gold);font-family:Georgia,'Times New Roman',serif;font-size:10px;letter-spacing:.08em}.phone-lesson-no{text-align:center;color:#8a93a1;font-size:7px;letter-spacing:.14em;margin:13px 0 2px}.lesson-ui-phone h3{text-align:center;color:var(--navy);font:500 19px/1.1 Georgia,'Times New Roman',serif;margin:0 0 17px}.phone-dialogue{display:grid;gap:8px;margin-bottom:18px}.phone-dialogue p{margin:0;padding:8px 8px;border-radius:7px;background:#faf8f2;color:#293853;font-size:9px;line-height:1.3;display:grid;grid-template-columns:19px 1fr;gap:5px}.phone-dialogue span{font-weight:700;color:var(--gold)}.phone-listen{width:100%;border:0;border-radius:999px;min-height:34px;background:var(--navy);color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em}.phone-speed,.phone-practice{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.phone-speed button,.phone-practice button{min-height:29px;border:1px solid #ded8cb;border-radius:6px;background:#fff;color:var(--navy);font-size:7px;font-weight:700}.phone-speed button.active{background:#f7ecd0;border-color:#d6b766;color:#7d5607}.phone-practice button:first-child{color:#a62f2f}.phone-practice button:last-child{color:#896006}.phone-home{position:absolute;bottom:8px;left:50%;width:70px;height:3px;border-radius:99px;background:#929aa6;transform:translateX(-50%);z-index:6}.portability-caption{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:0;color:var(--navy);font-size:11px;font-weight:700;letter-spacing:.12em}.portability-caption b{color:var(--gold);font-size:13px}
@media(max-width:900px){.portability-stage{padding:12px 72px 35px 0;min-height:540px}.laptop-shell{width:min(720px,91vw)}.lesson-ui-desktop{min-height:440px}.lesson-main{padding:25px 34px}.phone-shell{right:0;width:195px;height:395px}.practice-controls{flex-direction:column}.voice-controls,.speed-controls{justify-content:center}}
@media(max-width:680px){.portability-section{padding:56px 0 62px}.portability-stage{display:block;min-height:745px;padding:0}.laptop-shell{width:100%;margin:0 auto}.lesson-ui-desktop{border-width:7px;border-bottom-width:11px;min-height:405px}.lesson-topbar{height:40px;padding:0 16px}.lesson-brand{font-size:11px}.lesson-main{padding:20px 18px 23px}.lesson-main h3{font-size:25px;margin-bottom:17px}.dialogue-preview>div{grid-template-columns:28px 1fr;gap:7px}.dialogue-preview p{font-size:12px;padding:7px 9px}.speaker{width:24px;height:24px;font-size:9px}.audio-player-demo{gap:9px}.play-demo{padding:0 13px;font-size:9px}.practice-controls{gap:8px}.demo-control{min-width:70px;font-size:8px}.phone-shell{right:50%;bottom:0;transform:translateX(50%);width:184px;height:372px}.laptop-base{width:106%;margin-left:-3%}.portability-caption{margin-top:10px}}
/* 2026-09-02 live Foundation audio integration */
.audio-progress{width:0}.audio-track i{left:0}.phone-listen.playing{background:var(--gold)}
.future-control[aria-disabled="true"]{cursor:default;opacity:.78}
.lesson-audio{margin-top:18px}

/* Foundation Learning Loop — 2026-09-02 */
.learning-loop-section{
  position:relative;
  overflow:hidden;
  padding:76px 0 84px;
  background:linear-gradient(180deg,#fff 0%,#fffdf8 48%,#fff 100%);
}
.learning-loop-wrap{max-width:1120px}
.learning-loop-heading{text-align:center;margin-bottom:24px}
.learning-loop-heading .kicker{margin:0 0 7px;color:var(--gold);font-size:12px;letter-spacing:.16em}
.learning-loop-heading .section-title{margin-bottom:12px;font-size:clamp(32px,4.5vw,48px)}
.learning-loop-stage{
  position:relative;
  min-height:530px;
  display:grid;
  grid-template-columns:1fr 1.18fr 1fr;
  gap:36px;
  align-items:center;
  padding:48px 60px 66px;
}
.learning-loop-arrow{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  color:var(--gold);
  overflow:visible;
  pointer-events:none;
}
.loop-path{
  fill:none;
  stroke:currentColor;
  stroke-width:5;
  stroke-linecap:round;
  opacity:.94;
}
.loop-product,.loop-device-cluster{position:relative;z-index:2;margin:0;text-align:center}
.loop-product-image{
  min-height:304px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.loop-product img{
  max-height:310px;
  width:auto;
  object-fit:contain;
  filter:drop-shadow(0 18px 18px rgba(20,35,66,.13));
}
.loop-product figcaption,.loop-stage-label{
  display:block;
  margin-top:17px;
  color:var(--navy);
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
}
.loop-device-cluster{
  position:relative;
  min-height:340px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.loop-laptop-shell{position:relative;width:100%;max-width:360px;margin:0 auto;padding-top:10px}
.loop-laptop-camera{position:absolute;top:0;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#1c2743;z-index:3;box-shadow:0 0 0 5px #11192f}
.loop-device-screen-desktop{
  position:relative;
  background:#fff;
  border:10px solid #11192f;
  border-radius:18px 18px 8px 8px;
  box-shadow:0 18px 36px rgba(20,35,66,.15);
  overflow:hidden;
}
.loop-device-topbar{
  height:32px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #eee8db;
  background:#fffefa;
  font-size:8px;
  letter-spacing:.12em;
  color:#8793a4;
}
.loop-device-brand{color:var(--gold);font-family:Georgia,'Times New Roman',serif;font-size:9px}
.loop-device-body{padding:16px 16px 18px}
.loop-device-title{margin:0 0 11px;text-align:center;color:var(--navy);font:600 18px/1.1 Georgia,'Times New Roman',serif;letter-spacing:.02em}
.loop-mini-line{
  display:grid;
  grid-template-columns:22px 1fr;
  gap:8px;
  align-items:center;
  margin-top:7px;
  padding:8px 9px;
  border-radius:8px;
  background:#faf8f2;
  color:#293853;
  font-size:10px;
  line-height:1.35;
  text-align:left;
}
.loop-mini-line b,
.loop-phone-line span{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f7ecd0;
  color:#865c0a;
  font-size:8px;
  font-weight:700;
  flex:0 0 20px;
}
.loop-mini-controls{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  margin-top:12px;
}
.loop-mini-controls.secondary{margin-top:8px}
.loop-mini-controls span,
.loop-phone-buttons span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:74px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid #eadfca;
  background:#fff;
  color:#24324e;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
}
.loop-mini-controls span:first-child,
.loop-phone-buttons span:first-child{background:var(--navy);border-color:var(--navy);color:#fff}
.loop-laptop-chin{
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#fbfcfd 0%,#dfe3e8 100%);
  border-radius:0 0 10px 10px;
  color:#8d97a5;
  font-size:8px;
  letter-spacing:.16em;
}
.loop-laptop-base{
  width:118%;
  height:16px;
  margin:0 auto;
  background:linear-gradient(180deg,#f7f8fa 0%,#c7ced8 100%);
  border-radius:0 0 40px 40px;
  transform:translateX(-7.5%);
  box-shadow:0 10px 18px rgba(20,35,66,.12);
}
.loop-phone-shell{
  position:absolute;
  right:-8px;
  bottom:34px;
  width:134px;
  padding:12px 8px 10px;
  background:#11192f;
  border-radius:28px;
  box-shadow:0 16px 32px rgba(20,35,66,.18);
}
.loop-phone-notch{width:46%;height:11px;margin:0 auto 6px;background:#0c1325;border-radius:0 0 12px 12px}
.loop-device-screen-phone{background:#fff;border-radius:20px;padding:10px 10px 12px;overflow:hidden}
.loop-phone-status{display:flex;justify-content:space-between;color:#7e8796;font-size:8px;letter-spacing:.08em;margin-bottom:5px}
.loop-phone-brand{color:var(--gold);font:600 8px/1 Georgia,'Times New Roman',serif;text-align:center;letter-spacing:.12em}
.loop-phone-lesson{margin:4px 0 4px;text-align:center;color:#8b96a5;font-size:7px;letter-spacing:.14em}
.loop-device-screen-phone h3{margin:0 0 8px;text-align:center;color:var(--navy);font:600 13px/1.1 Georgia,'Times New Roman',serif}
.loop-phone-line{display:flex;gap:7px;align-items:flex-start;margin:5px 0;padding:6px 7px;border-radius:8px;background:#faf8f2;color:#293853;font-size:8px;line-height:1.32;text-align:left}
.loop-phone-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.loop-phone-home{width:42px;height:4px;border-radius:999px;background:#dbe0e7;margin:8px auto 0}
@media(max-width:900px){
  .learning-loop-stage{gap:24px;padding:40px 28px 60px;grid-template-columns:1fr 1fr 1fr}
  .loop-product-image{min-height:260px}
  .loop-product img{max-height:265px}
  .loop-laptop-shell{max-width:300px}
  .loop-phone-shell{width:116px;right:-2px;bottom:32px}
}
@media(max-width:760px){
  .learning-loop-section{padding:60px 0 68px}
  .learning-loop-stage{
    min-height:auto;
    grid-template-columns:1fr;
    gap:28px;
    padding:26px 34px 42px;
  }
  .learning-loop-arrow{display:none}
  .loop-product-image{min-height:auto}
  .loop-product img{max-height:300px}
  .loop-device-cluster{min-height:auto;display:block}
  .loop-laptop-shell{max-width:330px}
  .loop-phone-shell{position:absolute;right:10px;bottom:30px}
  .loop-product figcaption,.loop-stage-label{margin-top:11px}
  .loop-textbook:after,.loop-device-cluster:after{
    content:'↓';
    display:block;
    margin-top:18px;
    color:var(--gold);
    font-size:28px;
    line-height:1;
  }
  .loop-workbook:after{
    content:'↺';
    display:block;
    margin-top:18px;
    color:var(--gold);
    font-size:34px;
    line-height:1;
  }
}