:root{
  --blue:#2563eb;
  --blue-600:#1d4ed8;
  --teal:#14b8a6;
  --purple:#8b5cf6;
  --green:#22c55e;
  --amber:#f59e0b;
  --navy:#0f172a;
  --slate:#64748b;
  --muted:#94a3b8;
  --border:#e2e8f0;
  --surface:#ffffff;
  --bg:#f8fafc;
  --soft-blue:#eef4ff;
  --soft-teal:#ecfeff;
  --soft-purple:#f5f3ff;
  --soft-green:#f0fdf4;
  --soft-amber:#fffbeb;
  --shadow:0 18px 50px rgba(15,23,42,.10);
  --shadow-soft:0 10px 30px rgba(15,23,42,.07);
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--navy);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.header-inner{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.logo{display:inline-flex;align-items:center;flex:0 0 auto}
.desktop-nav{display:flex;justify-content:center;align-items:center;gap:6px}
.desktop-nav>a,.dropdown-trigger{border:0;background:transparent;padding:10px 12px;border-radius:9px;color:#334155;font-weight:600;cursor:pointer}
.desktop-nav>a:hover,.dropdown-trigger:hover{background:#eff6ff;color:var(--blue)}
.dropdown{position:relative}
.dropdown-menu{position:absolute;top:46px;left:50%;transform:translateX(-50%);min-width:210px;background:white;border:1px solid var(--border);border-radius:14px;padding:8px;box-shadow:var(--shadow);display:none}
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}
.dropdown-menu a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:9px;color:#475569;font-weight:600}
.dropdown-menu a:hover{background:#eff6ff;color:var(--blue)}
.skill-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}
.skill-dot.teal{background:#ccfbf1;color:#0f766e}
.skill-dot.purple{background:#ede9fe;color:#7c3aed}
.skill-dot.green{background:#dcfce7;color:#16a34a}
.skill-dot.amber{background:#fef3c7;color:#d97706}
.header-actions{display:flex;align-items:center;gap:12px}
.text-link{font-weight:600;color:#334155}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid transparent;background:var(--blue);color:#fff;font-weight:700;box-shadow:0 10px 24px rgba(37,99,235,.18);transition:.2s ease}
.btn:hover{transform:translateY(-1px);background:var(--blue-600)}
.btn.secondary{background:#fff;color:var(--blue);border-color:#93c5fd;box-shadow:none}
.btn.ghost{background:#fff;color:var(--navy);border-color:#cbd5e1;box-shadow:none}
.btn.small{min-height:42px;padding:0 16px}
.mobile-toggle{display:none;border:1px solid var(--border);background:#fff;border-radius:10px;width:40px;height:40px}
.mobile-menu{display:none;padding:12px 20px 18px;border-top:1px solid var(--border)}
.mobile-menu a{display:block;padding:12px;border-radius:8px}
.mobile-menu a:hover{background:#eff6ff;color:var(--blue)}

.hero{background:linear-gradient(180deg,#f8fbff 0%,#f4f8ff 100%);padding:78px 0 72px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:54px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:var(--blue);font-size:12px;font-weight:800}
.hero h1{font-size:clamp(48px,5.4vw,76px);line-height:1.02;letter-spacing:-3.2px;margin:18px 0 18px}
.hero h1 span{color:var(--blue)}
.hero-copy>p{font-size:18px;line-height:1.7;color:var(--slate);max-width:640px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;max-width:560px}
.hero-chip{display:flex;gap:10px;align-items:center;min-height:54px;padding:10px 14px;background:rgba(255,255,255,.82);border:1px solid #dbeafe;border-radius:12px;font-size:12px;font-weight:700;line-height:1.25}
.hero-chip span:last-child{white-space:nowrap}
.hero-chip-icon{flex:0 0 32px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#ecfeff;color:#0f766e}
.hero-chip-icon svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.product-scene{position:relative;min-height:500px}
.scene-orb{position:absolute;border-radius:50%}
.scene-orb.one{width:260px;height:260px;background:linear-gradient(135deg,rgba(20,184,166,.48),rgba(37,99,235,.25));right:0;top:0}
.scene-orb.two{width:170px;height:170px;background:rgba(20,184,166,.36);right:-18px;bottom:34px}
.dashboard-preview{position:absolute;left:0;right:118px;top:38px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:var(--shadow);transform:rotate(-1.2deg)}
.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.preview-card{border:1px solid var(--border);border-radius:13px;padding:14px;background:#fff}
.preview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}
.preview-grid h3{margin:6px 0;font-size:18px}
.preview-muted{color:var(--slate);font-size:12px}
.preview-button{display:inline-flex;margin-top:12px;padding:8px 12px;background:var(--blue);color:#fff;border-radius:8px;font-size:12px;font-weight:700}
.preview-chart{height:130px;position:relative}
.preview-chart svg{width:100%;height:100%}
.preview-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.preview-skill{border:1px solid var(--border);border-radius:10px;padding:10px;text-align:center;font-size:11px}
.phone-preview{position:absolute;right:0;top:112px;width:174px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:16px;box-shadow:var(--shadow);transform:rotate(3deg)}
.phone-preview h3{font-size:13px;margin:0}
.band{font-size:38px;font-weight:800;margin:14px 0 0}
.phone-bars{display:flex;align-items:end;gap:9px;height:90px;margin-top:16px}
.phone-bars i{flex:1;background:linear-gradient(180deg,#60a5fa,#2563eb);border-radius:4px 4px 0 0}
.phone-bars i:nth-child(1){height:38%}.phone-bars i:nth-child(2){height:55%}.phone-bars i:nth-child(3){height:72%}.phone-bars i:nth-child(4){height:92%}

.section{padding:86px 0}
.section-heading{text-align:center;max-width:760px;margin:0 auto 36px}
.section-heading h2{font-size:40px;letter-spacing:-1.6px;margin:0 0 10px}
.section-heading p{color:var(--slate);font-size:17px;line-height:1.6}
.difference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature-card{border-radius:18px;padding:24px;border:1px solid var(--border);min-height:230px}
.feature-card:nth-child(1){background:linear-gradient(180deg,#f0fdfa,#ecfeff)}
.feature-card:nth-child(2){background:linear-gradient(180deg,#faf5ff,#f5f3ff)}
.feature-card:nth-child(3){background:linear-gradient(180deg,#f0fdf4,#ecfdf5)}
.feature-card:nth-child(4){background:linear-gradient(180deg,#fffaf0,#fffbeb)}
.feature-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px}
.feature-icon svg{width:29px;height:29px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature-card:nth-child(1) .feature-icon{background:#ccfbf1;color:#0f766e}
.feature-card:nth-child(2) .feature-icon{background:#ede9fe;color:#7c3aed}
.feature-card:nth-child(3) .feature-icon{background:#dcfce7;color:#16a34a}
.feature-card:nth-child(4) .feature-icon{background:#fef3c7;color:#d97706}
.feature-card h3{font-size:18px;margin:0 0 10px}
.feature-card p{color:#475569;line-height:1.6;font-size:14px}

.skills-section{background:#fbfdff}
.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.skill-card{border-radius:18px;padding:24px;border:1px solid var(--border);min-height:320px;display:flex;flex-direction:column}
.skill-card.speaking{background:linear-gradient(180deg,#ecfeff,#f0fdfa)}
.skill-card.writing{background:linear-gradient(180deg,#faf5ff,#f5f3ff)}
.skill-card.reading{background:linear-gradient(180deg,#f0fdf4,#ecfdf5)}
.skill-card.listening{background:linear-gradient(180deg,#fffaf0,#fffbeb)}
.skill-head{display:flex;align-items:center;gap:14px}
.skill-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto}
.skill-icon svg{width:29px;height:29px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.speaking .skill-icon{background:#f0fdfa;color:#14b8a6}
.writing .skill-icon{background:#f5f3ff;color:#8b5cf6}
.reading .skill-icon{background:#f0fdf4;color:#22c55e}
.listening .skill-icon{background:#fffbeb;color:#f59e0b}
.skill-card h3{font-size:22px;margin:0;font-weight:750}
.speaking h3{color:#14b8a6}.writing h3{color:#8b5cf6}.reading h3{color:#22c55e}.listening h3{color:#f59e0b}
.skill-card p{color:#475569;font-size:14px;line-height:1.55}
.skill-visual{height:118px;margin:16px 0;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}
.mini-skill-preview{width:100%;display:grid;gap:9px;font-size:10px;line-height:1.2}
.mini-preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#64748b;font-weight:700}
.mini-preview-top span:first-child{color:var(--preview-accent);font-weight:800}
.speaking-preview{--preview-accent:#14b8a6;--preview-soft:#ccfbf1}
.writing-preview{--preview-accent:#8b5cf6;--preview-soft:#ede9fe}
.reading-preview{--preview-accent:#22c55e;--preview-soft:#dcfce7}
.listening-preview{--preview-accent:#f59e0b;--preview-soft:#fef3c7}
.mini-audio-row,.mini-player-row{display:flex;align-items:center;gap:10px}
.mini-round-control{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--preview-soft);color:var(--preview-accent)}
.mini-round-control svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mini-waveform{height:34px;display:flex;align-items:center;gap:3px;flex:1}
.mini-waveform i{width:3px;border-radius:999px;background:var(--preview-accent)}
.mini-waveform i:nth-child(1){height:12px}.mini-waveform i:nth-child(2){height:23px}.mini-waveform i:nth-child(3){height:16px}.mini-waveform i:nth-child(4){height:30px}.mini-waveform i:nth-child(5){height:20px}.mini-waveform i:nth-child(6){height:27px}.mini-waveform i:nth-child(7){height:14px}.mini-waveform i:nth-child(8){height:24px}.mini-waveform i:nth-child(9){height:18px}
.mini-status-row{display:flex;align-items:center;gap:7px;color:#475569;font-weight:700}
.mini-status-dot{width:7px;height:7px;border-radius:50%;background:var(--preview-accent);box-shadow:0 0 0 4px var(--preview-soft)}
.mini-writing-copy,.mini-reading-copy{display:grid;gap:6px}
.mini-writing-copy i,.mini-reading-copy i{display:block;height:5px;border-radius:999px;background:var(--preview-soft)}
.mini-writing-copy i:nth-child(1){width:88%}.mini-writing-copy i:nth-child(2){width:72%}.mini-writing-copy i:nth-child(3){width:56%}
.mini-feedback-tags{display:flex;gap:7px;flex-wrap:wrap}
.mini-feedback-tags span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:var(--preview-soft);color:var(--preview-accent);font-weight:800}
.mini-feedback-tags svg,.mini-check-icon svg{width:12px;height:12px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mini-reading-copy i:nth-child(1){width:92%}.mini-reading-copy i:nth-child(2){width:76%}.mini-reading-copy i:nth-child(3){width:62%}
.mini-reading-copy i.highlighted{background:linear-gradient(90deg,var(--preview-soft) 0 20%,var(--preview-accent) 20% 68%,var(--preview-soft) 68% 100%);opacity:.72}
.mini-check-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--preview-soft);color:var(--preview-accent)}
.mini-player-track{position:relative;height:6px;border-radius:999px;flex:1;background:var(--preview-soft)}
.mini-player-track i{position:absolute;inset:0 auto 0 0;width:58%;border-radius:inherit;background:var(--preview-accent)}
.mini-player-track b{position:absolute;left:58%;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--preview-accent);transform:translate(-50%,-50%)}
.mini-listening-marker{width:4px;height:18px;border-radius:999px;background:var(--preview-accent);box-shadow:7px 0 0 var(--preview-soft),14px 0 0 var(--preview-accent)}
.wave{display:flex;gap:4px;align-items:center;height:54px}.wave i{width:4px;background:currentColor;border-radius:3px}.wave i:nth-child(1){height:16px}.wave i:nth-child(2){height:34px}.wave i:nth-child(3){height:22px}.wave i:nth-child(4){height:48px}.wave i:nth-child(5){height:28px}.wave i:nth-child(6){height:42px}.wave i:nth-child(7){height:18px}.wave i:nth-child(8){height:36px}
.speaking .wave{color:var(--teal)}.listening .wave{color:var(--amber)}
.text-lines{width:70%}.text-lines i{display:block;height:6px;border-radius:999px;background:#c4b5fd;margin:9px 0}.text-lines i:nth-child(2){width:82%}.text-lines i:nth-child(3){width:58%}
.reading-lines{width:70%}.reading-lines i{display:block;height:6px;border-radius:999px;background:#bbf7d0;margin:9px 0}.reading-lines i:nth-child(2){width:76%}.reading-lines i:nth-child(3){width:63%}
.skill-link{margin-top:auto;font-weight:800;font-size:14px}.speaking .skill-link{color:#0f766e}.writing .skill-link{color:#7c3aed}.reading .skill-link{color:#16a34a}.listening .skill-link{color:#d97706}

.journey{background:#fff}
.journey-row{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative}
.journey-row:before{content:"";position:absolute;left:10%;right:10%;top:33px;height:2px;background:linear-gradient(90deg,#bfdbfe,#ddd6fe,#bbf7d0,#fde68a)}
.journey-step{position:relative;z-index:1;text-align:center}
.step-circle{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-soft);color:var(--blue)}
.step-circle svg{width:30px;height:30px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.journey-step h3{margin:0 0 8px}.journey-step p{font-size:13px;line-height:1.5;color:var(--slate)}

.proof-section{background:#fbfdff}
.proof-grid{display:grid;grid-template-columns:1fr 1.35fr .85fr;gap:16px}
.proof-copy,.proof-chart,.testimonial{border:1px solid var(--border);border-radius:18px;padding:24px;background:#fff}
.proof-copy h3{font-size:28px;margin:0 0 10px}.proof-copy p{color:var(--slate);line-height:1.6}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.metric strong{display:block;font-size:24px;color:var(--blue)}.metric span{font-size:11px;color:var(--slate)}
.proof-chart{min-height:260px}.proof-chart svg{width:100%;height:210px}
.testimonial{background:linear-gradient(180deg,#eff6ff,#fff)}
.quote{font-size:44px;color:var(--blue);line-height:.8}.testimonial p{font-size:17px;line-height:1.65;color:#334155}
.person-row{display:flex;align-items:center;gap:12px;margin-top:20px}.person-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#fde68a,#fca5a5)}
.about-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}
.about-card,.cta-card{border-radius:18px;padding:26px;border:1px solid var(--border)}
.about-card{background:linear-gradient(135deg,#f8fafc,#eef4ff)}
.cta-card{background:linear-gradient(135deg,#10233f,#0f3b82);color:#fff}
.about-card h3,.cta-card h3{font-size:26px;margin:0 0 10px}.about-card p,.cta-card p{line-height:1.6}.about-card p{color:var(--slate)}.cta-card p{color:#cbd5e1}

.site-footer{border-top:1px solid var(--border);padding:26px 0;background:#fff}
.footer-inner{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center}
.footer-links{display:flex;gap:18px;font-size:13px;color:var(--slate)}
.copyright{font-size:12px;color:var(--muted)}

.page-hero{padding:70px 0;background:linear-gradient(180deg,#f8fbff,#fff)}
.page-hero-inner{max-width:860px}.page-hero h1{font-size:56px;letter-spacing:-2.4px;line-height:1.05;margin:14px 0}.page-hero p{font-size:18px;line-height:1.7;color:var(--slate)}

/* How Aura Works */
.how-page{overflow:hidden}
.how-hero{padding:82px 0 88px;background:radial-gradient(circle at 86% 14%,rgba(20,184,166,.18),transparent 27%),linear-gradient(145deg,#f8fbff 0%,#eef4ff 58%,#f2fffc 100%)}
.how-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:68px;align-items:center}
.how-hero-copy h1{max-width:700px;margin:20px 0 20px;font-size:clamp(48px,5vw,70px);line-height:1.02;letter-spacing:-3px}
.how-hero-copy h1 span{color:var(--blue)}
.how-hero-copy>p{max-width:650px;margin:0;color:#475569;font-size:18px;line-height:1.72}
.how-hero-copy .how-hero-note{margin-top:20px;font-size:13px;font-weight:700;color:#64748b}
.how-decision-card{position:relative;padding:24px;border:1px solid rgba(191,219,254,.9);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 28px 70px rgba(15,23,42,.13)}
.how-decision-card:before{content:"";position:absolute;inset:-18px 30px auto;height:36px;border-radius:50%;background:rgba(37,99,235,.11);filter:blur(20px);z-index:-1}
.decision-card-top{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--border);color:#334155;font-size:12px;font-weight:800}
.decision-status{display:flex;align-items:center;gap:7px;color:#0f766e}.decision-status i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #ccfbf1}
.decision-question{padding:24px 6px 20px;font-size:23px;line-height:1.35;font-weight:800;letter-spacing:-.5px}
.decision-evidence,.decision-action{padding:18px;border-radius:16px}.decision-evidence{background:#f8fafc;border:1px solid var(--border)}
.decision-evidence span,.decision-action span{display:block;margin-bottom:7px;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.decision-evidence strong,.decision-action strong{display:block;font-size:15px;line-height:1.5}
.evidence-bars{display:grid;grid-template-columns:1.2fr .75fr .45fr;gap:6px;margin-top:14px}.evidence-bars i{height:6px;border-radius:999px;background:#bfdbfe}.evidence-bars i:nth-child(2){background:#99f6e4}.evidence-bars i:nth-child(3){background:#ddd6fe}
.decision-arrow{text-align:center;color:var(--blue);font-weight:900;line-height:30px}
.decision-action{background:linear-gradient(135deg,#10233f,#0f3b82);color:#fff}.decision-action span{color:#93c5fd}.decision-action small{display:block;margin-top:9px;color:#cbd5e1}
.how-intro{background:#fff}
.how-section-heading{max-width:820px;margin:0 auto 44px;text-align:center}.how-section-heading h2{margin:16px 0 12px;font-size:43px;line-height:1.12;letter-spacing:-1.8px}.how-section-heading p{margin:0;color:var(--slate);font-size:17px;line-height:1.7}.how-section-heading.compact{max-width:760px}
.reasoning-cycle{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.reasoning-step{position:relative;min-height:280px;padding:25px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.055)}
.reasoning-step:after{content:"→";position:absolute;right:-13px;top:50%;z-index:2;display:grid;place-items:center;width:26px;height:26px;border:1px solid #dbeafe;border-radius:50%;background:#fff;color:var(--blue);font-weight:800;transform:translateY(-50%)}
.reasoning-step:nth-child(3):after{content:"↓";right:50%;top:auto;bottom:-22px;transform:translateX(50%)}.reasoning-step:last-child:after{display:none}
.reasoning-number{position:absolute;right:21px;top:20px;color:#cbd5e1;font-size:12px;font-weight:900;letter-spacing:.1em}
.reasoning-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:22px;border-radius:15px;background:#dbeafe;color:var(--blue)}.reasoning-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reasoning-step:nth-child(2) .reasoning-icon,.reasoning-step:nth-child(6) .reasoning-icon{background:#ccfbf1;color:#0f766e}.reasoning-step:nth-child(3) .reasoning-icon{background:#ede9fe;color:#7c3aed}.reasoning-step:nth-child(4) .reasoning-icon{background:#fef3c7;color:#b45309}.reasoning-step:nth-child(5) .reasoning-icon{background:#dcfce7;color:#15803d}
.reasoning-step h3{margin:0 0 10px;font-size:23px}.reasoning-step p{margin:0 0 18px;color:#475569;font-size:14px;line-height:1.65}.reasoning-result{position:absolute;left:25px;right:25px;bottom:23px;padding-top:13px;border-top:1px solid var(--border);color:var(--blue);font-size:12px;font-weight:800}
.how-example-section{background:linear-gradient(180deg,#fbfdff,#f4f8ff)}
.how-example-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.how-example-copy h2{margin:16px 0;font-size:42px;line-height:1.14;letter-spacing:-1.6px}.how-example-copy p{color:#475569;line-height:1.75}.how-example-flow{display:grid;gap:12px}
.example-flow-card{position:relative;padding:22px 24px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}.example-flow-card:not(:last-child):after{content:"↓";position:absolute;left:32px;bottom:-20px;z-index:2;color:var(--blue);font-size:20px;font-weight:900}.example-flow-card span{display:block;margin-bottom:8px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.example-flow-card strong{font-size:16px;line-height:1.55}.example-flow-card.accent{margin-left:38px;background:#eff6ff;border-color:#bfdbfe}.example-flow-card.dark{margin-left:76px;background:linear-gradient(135deg,#10233f,#0f3b82);border-color:transparent;color:#fff}.example-flow-card.dark span{color:#93c5fd}.example-flow-card.dark small{display:block;margin-top:9px;color:#cbd5e1}
.how-audience-section{background:#fff}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.audience-card{min-height:245px;padding:27px;border:1px solid var(--border);border-radius:20px}.audience-card:nth-child(1){background:linear-gradient(145deg,#ecfeff,#f8fffe)}.audience-card:nth-child(2){background:linear-gradient(145deg,#eff6ff,#fbfdff)}.audience-card:nth-child(3){background:linear-gradient(145deg,#f5f3ff,#fcfbff)}.audience-label{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff;color:var(--blue);font-size:11px;font-weight:900}.audience-card h3{margin:24px 0 10px;font-size:24px;letter-spacing:-.6px}.audience-card p{margin:0;color:#475569;font-size:14px;line-height:1.7}
.how-principles-section{padding:0 0 22px}.how-principles{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding:48px;border-radius:24px;background:radial-gradient(circle at 12% 10%,rgba(20,184,166,.22),transparent 34%),linear-gradient(135deg,#10233f,#0f3b82);color:#fff}.how-principles h2{margin:11px 0 14px;font-size:40px;line-height:1.12;letter-spacing:-1.4px}.how-principles>div>p{margin:0;color:#cbd5e1;line-height:1.7}.how-principles ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.how-principles li{display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:start;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06)}.how-principles li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(94,234,212,.14);color:#5eead4;font-weight:900}.how-principles li strong,.how-principles li small{display:block}.how-principles li strong{font-size:14px}.how-principles li small{margin-top:4px;color:#cbd5e1;line-height:1.45}
.how-closing-section{padding-top:42px}.how-closing-cta{margin-top:0}
@media(max-width:1050px){.how-hero-grid,.how-example-grid,.how-principles{grid-template-columns:1fr}.reasoning-cycle{grid-template-columns:repeat(2,1fr)}.reasoning-step:nth-child(3):after{content:"→";right:-13px;top:50%;bottom:auto;transform:translateY(-50%)}.reasoning-step:nth-child(even):after{content:"↓";right:50%;top:auto;bottom:-22px;transform:translateX(50%)}.audience-grid{grid-template-columns:1fr}.audience-card{min-height:0}}
@media(max-width:700px){.how-hero{padding:52px 0 60px}.how-hero-grid{gap:42px}.how-hero-copy h1{font-size:45px;letter-spacing:-2px}.decision-question{font-size:19px}.how-section-heading h2,.how-example-copy h2{font-size:35px;letter-spacing:-1.2px}.reasoning-cycle{grid-template-columns:1fr}.reasoning-step{min-height:260px}.reasoning-step:after,.reasoning-step:nth-child(3):after,.reasoning-step:nth-child(even):after{content:"↓";right:50%;top:auto;bottom:-22px;transform:translateX(50%)}.example-flow-card.accent,.example-flow-card.dark{margin-left:0}.how-principles{gap:32px;padding:28px}.how-principles h2{font-size:34px}.how-closing-section{padding-top:26px}}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.content-card{border:1px solid var(--border);border-radius:18px;padding:28px;background:#fff}
.content-card h2{font-size:28px;margin:0 0 12px}.content-card p{color:var(--slate);line-height:1.7}
.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:18px auto 0;max-width:1250px}
.founder-card{display:grid;grid-template-columns:86px 1fr;gap:18px;border:1px solid var(--border);border-radius:18px;padding:24px}
.founder-avatar{width:82px;height:82px;border-radius:22px;background:linear-gradient(135deg,#dbeafe,#ccfbf1);display:grid;place-items:center;font-weight:800;color:var(--blue);font-size:22px}
.founder-card h3{margin:0 0 4px}.founder-card span{font-size:13px;color:var(--blue);font-weight:700}.founder-card p{color:var(--slate);line-height:1.6}

@media(max-width:1050px){
  .desktop-nav{display:none}.mobile-toggle{display:block}.header-inner{grid-template-columns:1fr auto}
  .header-actions .text-link,.header-actions>.btn{display:none}
  .mobile-menu.open{display:block}
  .hero-grid,.proof-grid,.about-strip,.content-grid{grid-template-columns:1fr}
  .difference-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}
  .product-scene{min-height:520px}
  .founders-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .hero{padding:56px 0}.hero h1{font-size:48px;letter-spacing:-2px}
  .hero-chips{grid-template-columns:1fr 1fr}
  .difference-grid,.skills-grid,.journey-row{grid-template-columns:1fr}
  .journey-row:before{display:none}
  .product-scene{min-height:600px}
  .dashboard-preview{right:28px}
  .phone-preview{top:290px;right:0}
  .footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}
  .page-hero h1{font-size:44px}
}

/* Approved homepage hero — final technical overrides */
@media (min-width: 1051px) {
  .hero-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 570px !important;
  }

  .hero-chip {
    min-width: 0 !important;
  }

  .hero-chip span:last-child {
    white-space: nowrap !important;
  }

  .dashboard-preview {
    right: 150px !important;
  }

  .phone-preview {
    right: -12px !important;
    width: 160px !important;
    top: 118px !important;
    transform: rotate(2.5deg) !important;
  }
}

/* Keep the IELTS dropdown open while moving from trigger to menu */
.dropdown {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.dropdown-menu {
  top: 100% !important;
  margin-top: 0;
}

.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu,
.dropdown-menu:hover {
  display: block;
}
.logo-image{display:block;width:auto;height:48px;object-fit:contain}



/* Aura Intelligence and foundation story */
.section-kicker{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border:1px solid #bfdbfe;
  border-radius:999px;
  background:#eff6ff;
  color:var(--blue);
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}

.intelligence-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 10%,rgba(20,184,166,.13),transparent 30%),
    linear-gradient(145deg,#f7faff 0%,#eef5ff 52%,#f4fffc 100%);
}

.intelligence-section:before{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  left:-250px;
  bottom:-290px;
  border-radius:50%;
  background:rgba(37,99,235,.08);
}

.intelligence-section>.container{
  position:relative;
  z-index:1;
}

.intelligence-hero{
  display:grid;
  grid-template-columns:1fr .92fr;
  gap:54px;
  align-items:end;
  margin-bottom:34px;
}

.intelligence-hero h2{
  margin:16px 0 0;
  font-size:48px;
  line-height:1.08;
  letter-spacing:-2px;
}

.intelligence-hero>p{
  margin:0;
  color:#475569;
  font-size:17px;
  line-height:1.75;
}

.intelligence-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.intelligence-card{
  position:relative;
  overflow:hidden;
  min-height:300px;
  padding:25px;
  border:1px solid rgba(203,213,225,.86);
  border-radius:20px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}

.intelligence-card:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
}

.brain-card:before{background:var(--blue)}
.teaching-card:before{background:var(--teal)}
.library-card:before{background:var(--purple)}
.governance-card:before{background:var(--amber)}

.intelligence-number{
  color:#cbd5e1;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}

.intelligence-label{
  display:block;
  margin-top:23px;
  color:var(--blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.teaching-card .intelligence-label{color:#0f766e}
.library-card .intelligence-label{color:#7c3aed}
.governance-card .intelligence-label{color:#b45309}

.intelligence-card h3{
  margin:8px 0 12px;
  font-size:23px;
  letter-spacing:-.5px;
}

.intelligence-card p{
  margin:0;
  color:#475569;
  font-size:14px;
  line-height:1.65;
}

.intelligence-card strong{
  color:var(--navy);
}

.intelligence-control{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:16px;
  align-items:center;
  margin-top:18px;
  padding:18px 20px;
  border:1px solid #bae6fd;
  border-radius:16px;
  background:rgba(255,255,255,.86);
}

.control-mark{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#dcfce7;
  color:#15803d;
  font-weight:900;
}

.intelligence-control p{
  margin:0;
  color:#334155;
  line-height:1.55;
}

.control-tag{
  padding:9px 12px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}

.foundation-story{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:16px;
  margin-top:18px;
}

.foundation-copy,
.foundation-principles{
  border-radius:20px;
  padding:34px;
}

.foundation-copy{
  border:1px solid var(--border);
  background:linear-gradient(145deg,#fff,#f5f8ff);
}

.foundation-copy h3,
.foundation-principles h3{
  margin:16px 0 16px;
  font-size:34px;
  line-height:1.15;
  letter-spacing:-1.2px;
}

.foundation-copy p{
  margin:0 0 14px;
  max-width:720px;
  color:#475569;
  font-size:15px;
  line-height:1.75;
}

.foundation-link{
  display:inline-flex;
  margin-top:8px;
  color:var(--blue);
}

.foundation-principles{
  background:
    radial-gradient(circle at 90% 5%,rgba(20,184,166,.35),transparent 31%),
    linear-gradient(145deg,#0f203a,#123d73);
  color:#fff;
}

.foundation-label,
.closing-label{
  color:#93c5fd;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.foundation-point{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:14px;
  align-items:start;
  padding:15px 0;
  border-top:1px solid rgba(255,255,255,.14);
}

.foundation-point>span{
  color:#5eead4;
  font-size:12px;
  font-weight:800;
}

.foundation-point strong{
  display:block;
  font-size:14px;
}

.foundation-point p{
  margin:4px 0 0;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.5;
}

.foundation-principles blockquote{
  margin:18px 0 0;
  padding:17px 18px;
  border-left:3px solid #5eead4;
  border-radius:0 12px 12px 0;
  background:rgba(255,255,255,.07);
  color:#e2e8f0;
  font-size:14px;
  font-weight:700;
  line-height:1.55;
}

.closing-cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  margin-top:16px;
  padding:30px 34px;
  border-radius:20px;
  background:linear-gradient(135deg,#10233f,#0f3b82);
  color:#fff;
}

.closing-cta h3{
  margin:7px 0 6px;
  font-size:28px;
  letter-spacing:-.7px;
}

.closing-cta p{
  margin:0;
  color:#cbd5e1;
}

.closing-cta .btn{
  flex:0 0 auto;
}

@media(max-width:1050px){
  .intelligence-hero,
  .foundation-story{
    grid-template-columns:1fr;
  }

  .intelligence-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .intelligence-control{
    grid-template-columns:auto 1fr;
  }

  .control-tag{
    grid-column:2;
    justify-self:start;
  }
}

@media(max-width:700px){
  .intelligence-hero h2{
    font-size:39px;
    letter-spacing:-1.5px;
  }

  .intelligence-grid{
    grid-template-columns:1fr;
  }

  .intelligence-card{
    min-height:0;
  }

  .intelligence-control{
    grid-template-columns:1fr;
  }

  .control-tag{
    grid-column:auto;
    white-space:normal;
    line-height:1.4;
  }

  .foundation-copy,
  .foundation-principles{
    padding:26px;
  }

  .foundation-copy h3,
  .foundation-principles h3{
    font-size:29px;
  }

  .closing-cta{
    align-items:flex-start;
    flex-direction:column;
    padding:27px;
  }
}

/* SKILL-CARD-PREVIEW-SPACING-2026-08-02 */

/* Align all four product previews after descriptions of different lengths. */
.skill-card>p{
  min-height:90px;
}

/* Give the miniature product moments enough breathing room. */
.skill-visual{
  height:142px;
  margin:16px 0 18px;
  padding:14px;
}

.mini-skill-preview{
  height:100%;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:10px;
}

.mini-preview-top{
  min-height:26px;
  align-items:flex-start;
}

.mini-preview-top span{
  min-width:0;
  white-space:nowrap;
}

.mini-preview-top span:last-child{
  text-align:right;
}

/* Keep each central demonstration vertically balanced. */
.mini-audio-row,
.mini-player-row,
.mini-writing-copy,
.mini-reading-copy{
  align-self:center;
}

.mini-status-row{
  min-height:22px;
  align-self:end;
}

/* Writing needs two calm, separate feedback labels. */
.writing-preview .mini-feedback-tags{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  align-self:end;
}

.writing-preview .mini-feedback-tags span{
  width:max-content;
  max-width:100%;
  white-space:nowrap;
}

/* Reserve the full width of the Listening cue symbol before its label. */
.listening-preview .mini-listening-marker{
  width:18px;
  flex:0 0 18px;
  margin-right:0;
  box-shadow:none;
  background:linear-gradient(
    90deg,
    var(--preview-accent) 0 4px,
    transparent 4px 7px,
    var(--preview-soft) 7px 11px,
    transparent 11px 14px,
    var(--preview-accent) 14px 18px
  );
}

@media(max-width:700px){
  .skill-card>p{
    min-height:0;
  }
}

/* SKILLS-SECTION-DESKTOP-GUTTER-2026-08-02 */

/*
 * The four product cards need a calmer desktop frame than the global
 * 20px page gutter. Tablet and mobile retain the established responsive
 * container widths.
 */
.skills-section>.container{
  width:min(calc(100% - 72px),1180px);
}

@media(max-width:1050px){
  .skills-section>.container{
    width:min(calc(100% - 40px),var(--max));
  }
}

@media(max-width:700px){
  .skills-section>.container{
    width:min(calc(100% - 28px),var(--max));
  }
}

/* APPROVED-AURA-FOOTER-LOGO-2026-08-02 */

.footer-logo{
  display:inline-flex;
  align-items:center;
}

.footer-logo-image{
  display:block;
  width:auto;
  height:34px;
  object-fit:contain;
}

/* HOMEPAGE-MOBILE-OVERFLOW-FIX-2026-08-02 */

/*
 * Recompose the homepage hero for narrow screens instead of shrinking
 * and clipping its desktop layout.
 */
@media(max-width:700px){
  .hero{
    padding:48px 0 54px;
  }

  .hero-grid,
  .hero-copy,
  .hero-actions,
  .hero-chips,
  .hero-chip,
  .product-scene,
  .dashboard-preview,
  .preview-grid,
  .preview-card,
  .preview-skills,
  .preview-skill{
    min-width:0;
  }

  .hero h1{
    max-width:100%;
    margin:16px 0;
    font-size:clamp(42px,12vw,52px);
    line-height:1.04;
    letter-spacing:-2.2px;
    overflow-wrap:break-word;
  }

  .hero-copy>p{
    max-width:100%;
    margin-right:0;
    font-size:17px;
    line-height:1.65;
  }

  .eyebrow{
    max-width:100%;
    white-space:normal;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
    margin-top:24px;
  }

  .hero-actions .btn{
    width:100%;
    min-width:0;
    padding-right:16px;
    padding-left:16px;
    text-align:center;
  }

  .hero-chips{
    grid-template-columns:1fr;
    width:100%;
    max-width:none;
    gap:10px;
    margin-top:22px;
  }

  .hero-chip span:last-child{
    min-width:0;
    white-space:normal;
  }

  .product-scene{
    min-height:548px;
    width:100%;
    margin-top:24px;
  }

  .scene-orb.one{
    width:210px;
    height:210px;
    top:12px;
    right:-34px;
  }

  .scene-orb.two{
    width:140px;
    height:140px;
    right:-24px;
    bottom:42px;
  }

  .dashboard-preview{
    top:28px;
    right:0;
    left:0;
    padding:13px;
    border-radius:18px;
    transform:none;
  }

  .preview-top{
    gap:8px;
    margin-bottom:11px;
  }

  .preview-top strong{
    min-width:0;
    font-size:14px;
    line-height:1.25;
  }

  .preview-top span{
    flex:0 0 auto;
    font-size:11px;
  }

  .preview-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:8px;
  }

  .preview-card{
    padding:10px;
    border-radius:11px;
  }

  .preview-grid h3{
    margin:5px 0;
    font-size:15px;
    line-height:1.2;
  }

  .preview-muted{
    font-size:10px;
    line-height:1.25;
  }

  .preview-button{
    max-width:100%;
    margin-top:9px;
    padding:7px 8px;
    font-size:10px;
    line-height:1.2;
    white-space:normal;
  }

  .preview-grid .band{
    margin-top:9px;
    font-size:31px;
  }

  .preview-chart{
    height:96px;
  }

  .preview-skills{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    margin-top:8px;
  }

  .preview-skill{
    padding:7px 5px;
    font-size:10px;
    line-height:1.25;
  }

  .phone-preview{
    top:310px;
    right:8px;
    width:132px;
    padding:12px;
    border-radius:20px;
    transform:rotate(2deg);
  }

  .phone-preview h3{
    font-size:12px;
  }

  .phone-preview .band{
    margin-top:10px;
    font-size:32px;
  }

  .phone-bars{
    height:62px;
    gap:6px;
    margin-top:12px;
  }
}

@media(max-width:380px){
  .hero h1{
    font-size:40px;
    letter-spacing:-1.8px;
  }

  .preview-top span{
    display:none;
  }

  .dashboard-preview{
    padding:11px;
  }

  .preview-card{
    padding:9px;
  }

  .phone-preview{
    top:318px;
    right:6px;
    width:122px;
  }
}

/* Temporary pre-incorporation legal and IELTS disclosure */
.legal-publication-note {
  display: inline-block;
  max-width: 34rem;
  color: inherit;
  font-size: 0.875rem;
  line-height: 1.5;
}

.ielts-disclaimer {
  max-width: 48rem;
  font-size: 0.75rem;
  line-height: 1.5;
  opacity: 0.72;
}

/* Founder statement */
.founder-quote-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.founder-quote-card .person-row {
  margin-top: 1.25rem;
}

/* Worked learner example */
.learner-example {
  margin-top: 56px;
  padding: 42px;
  border: 1px solid var(--border);
  border-radius: 24px;
  background: linear-gradient(145deg, #f8fbff, #ffffff);
}

.learner-example-heading {
  max-width: 760px;
  margin-bottom: 28px;
}

.learner-example-heading h3 {
  margin: 8px 0 12px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.15;
}

.learner-example-heading p {
  margin: 0;
  color: var(--slate);
  line-height: 1.7;
}

.learner-example-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.learner-example-card {
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #fff;
}

.learner-example-card h4 {
  margin: 10px 0 12px;
  font-size: 20px;
}

.learner-example-card p,
.learner-example-card li {
  color: #475569;
  line-height: 1.65;
}

.learner-example-card ul {
  margin: 0;
  padding-left: 20px;
}

.example-step {
  color: var(--blue);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.example-question {
  font-weight: 600;
}

.learner-response-card blockquote {
  margin: 18px 0 0;
  padding: 18px;
  border-left: 3px solid var(--blue);
  border-radius: 0 12px 12px 0;
  background: #f8fafc;
  color: #334155;
  line-height: 1.7;
}

.example-reason {
  display: grid;
  gap: 6px;
  margin-top: 18px;
  padding: 16px;
  border-radius: 12px;
  background: #f8fafc;
}

.recommended-next-step {
  border-color: #93c5fd;
  background: linear-gradient(145deg, #eff6ff, #ffffff);
}

.next-step-sequence {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0;
}

.next-step-sequence span {
  padding: 7px 11px;
  border-radius: 999px;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
}

.example-outcome {
  margin-bottom: 0;
  font-size: 14px;
}

@media (max-width: 760px) {
  .learner-example {
    padding: 24px;
  }

  .learner-example-grid {
    grid-template-columns: 1fr;
  }
}

.example-note {
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.5;
  color: #64748b;
}

/* Speaking page */
.speaking-page-hero {
  background:
    radial-gradient(circle at 85% 20%, rgba(20, 184, 166, .14), transparent 30%),
    linear-gradient(180deg, #f0fdfa, #ffffff);
}

.speaking-overview {
  background: #fbfefd;
}

.speaking-section-heading {
  max-width: 820px;
}

.speaking-focus-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.speaking-focus-card {
  min-height: 250px;
  padding: 24px;
  border: 1px solid #ccfbf1;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #f0fdfa);
}

.speaking-focus-number {
  color: #0f766e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
}

.speaking-focus-card h3 {
  margin: 18px 0 12px;
  font-size: 21px;
}

.speaking-focus-card p {
  margin: 0;
  color: #475569;
  line-height: 1.7;
}

.speaking-journey-section {
  background: #ffffff;
}

.speaking-journey-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
  gap: 32px;
  align-items: start;
}

.speaking-journey-copy h2,
.speaking-confidence-section h2 {
  margin: 12px 0;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.15;
}

.speaking-journey-copy > p,
.speaking-confidence-section article > p {
  color: var(--slate);
  line-height: 1.75;
}

.speaking-cycle {
  display: grid;
  gap: 12px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.speaking-cycle li {
  display: grid;
  gap: 5px;
  padding: 17px 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
}

.speaking-cycle span {
  color: var(--slate);
  line-height: 1.55;
}

.speaking-recommendation-card {
  padding: 28px;
  border: 1px solid #5eead4;
  border-radius: 22px;
  background: linear-gradient(145deg, #ecfeff, #ffffff);
  box-shadow: 0 18px 45px rgba(15, 118, 110, .09);
}

.speaking-recommendation-card h3 {
  margin: 12px 0 22px;
  font-size: 27px;
}

.speaking-evidence-label {
  margin-bottom: 5px;
  color: #0f766e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.speaking-recommendation-card > p {
  color: #475569;
  line-height: 1.65;
}

.speaking-priority {
  display: grid;
  gap: 6px;
  margin: 20px 0;
  padding: 17px;
  border-radius: 13px;
  background: rgba(255, 255, 255, .82);
}

.speaking-priority span {
  color: #475569;
  line-height: 1.55;
}

.speaking-recommendation-card blockquote {
  margin: 20px 0;
  padding: 17px;
  border-left: 3px solid #14b8a6;
  background: #ffffff;
  color: #334155;
  line-height: 1.65;
}

.speaking-confidence-section {
  background: linear-gradient(180deg, #f8fafc, #ffffff);
}

.speaking-confidence-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
  gap: 40px;
  align-items: center;
}

.speaking-signal-list {
  display: grid;
  gap: 12px;
}

.speaking-signal-list div {
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
}

.speaking-signal-list span {
  color: var(--slate);
  line-height: 1.55;
}

@media (max-width: 1050px) {
  .speaking-focus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .speaking-journey-grid,
  .speaking-confidence-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .speaking-focus-grid {
    grid-template-columns: 1fr;
  }

  .speaking-focus-card {
    min-height: 0;
  }

  .speaking-recommendation-card {
    padding: 22px;
  }
}

/* Writing page */
.writing-page-hero {
  background:
    radial-gradient(circle at 85% 20%, rgba(139, 92, 246, .14), transparent 30%),
    linear-gradient(180deg, #faf5ff, #ffffff);
}

.writing-overview {
  background: #fdfbff;
}

.writing-section-heading {
  max-width: 830px;
}

.writing-criteria-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.writing-criterion-card {
  min-height: 270px;
  padding: 24px;
  border: 1px solid #ddd6fe;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #faf5ff);
}

.writing-criterion-number {
  color: #7c3aed;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
}

.writing-criterion-card h3 {
  margin: 18px 0 12px;
  font-size: 21px;
}

.writing-criterion-card p {
  margin: 0;
  color: #475569;
  line-height: 1.7;
}

.writing-cycle-section {
  background: #ffffff;
}

.writing-cycle-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
  gap: 32px;
  align-items: start;
}

.writing-cycle-copy h2,
.writing-feedback-section h2 {
  margin: 12px 0;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.15;
}

.writing-cycle-copy > p,
.writing-feedback-section article > p {
  color: var(--slate);
  line-height: 1.75;
}

.writing-cycle {
  display: grid;
  gap: 12px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.writing-cycle li {
  display: grid;
  gap: 5px;
  padding: 17px 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
}

.writing-cycle span {
  color: var(--slate);
  line-height: 1.55;
}

.writing-recommendation-card {
  padding: 28px;
  border: 1px solid #c4b5fd;
  border-radius: 22px;
  background: linear-gradient(145deg, #f5f3ff, #ffffff);
  box-shadow: 0 18px 45px rgba(124, 58, 237, .09);
}

.writing-recommendation-card h3 {
  margin: 12px 0 22px;
  font-size: 27px;
}

.writing-evidence-label {
  margin-bottom: 5px;
  color: #7c3aed;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.writing-recommendation-card > p {
  color: #475569;
  line-height: 1.65;
}

.writing-priority {
  display: grid;
  gap: 6px;
  margin: 20px 0;
  padding: 17px;
  border-radius: 13px;
  background: rgba(255, 255, 255, .86);
}

.writing-priority span {
  color: #475569;
  line-height: 1.55;
}

.writing-recommendation-card blockquote {
  margin: 20px 0;
  padding: 17px;
  border-left: 3px solid #8b5cf6;
  background: #ffffff;
  color: #334155;
  line-height: 1.65;
}

.writing-method {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.writing-method span {
  padding: 7px 11px;
  border-radius: 999px;
  background: #ede9fe;
  color: #6d28d9;
  font-size: 12px;
  font-weight: 700;
}

.writing-feedback-section {
  background: linear-gradient(180deg, #f8fafc, #ffffff);
}

.writing-feedback-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
  gap: 40px;
  align-items: center;
}

.writing-feedback-list {
  display: grid;
  gap: 12px;
}

.writing-feedback-list div {
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
}

.writing-feedback-list span {
  color: var(--slate);
  line-height: 1.55;
}

@media (max-width: 1050px) {
  .writing-criteria-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .writing-cycle-grid,
  .writing-feedback-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .writing-criteria-grid {
    grid-template-columns: 1fr;
  }

  .writing-criterion-card {
    min-height: 0;
  }

  .writing-recommendation-card {
    padding: 22px;
  }
}

/* Reading page */
.reading-page-hero {
  background:
    radial-gradient(circle at 85% 20%, rgba(34, 197, 94, .14), transparent 30%),
    linear-gradient(180deg, #f0fdf4, #ffffff);
}

.reading-overview {
  background: #fbfefc;
}

.reading-section-heading {
  max-width: 830px;
}

.reading-focus-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.reading-focus-card {
  min-height: 260px;
  padding: 24px;
  border: 1px solid #bbf7d0;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #f0fdf4);
}

.reading-focus-number {
  color: #15803d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
}

.reading-focus-card h3 {
  margin: 18px 0 12px;
  font-size: 21px;
}

.reading-focus-card p {
  margin: 0;
  color: #475569;
  line-height: 1.7;
}

.reading-cycle-section {
  background: #ffffff;
}

.reading-cycle-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(350px, .95fr);
  gap: 32px;
  align-items: start;
}

.reading-cycle-copy h2,
.reading-evidence-section h2 {
  margin: 12px 0;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.15;
}

.reading-cycle-copy > p,
.reading-evidence-section article > p {
  color: var(--slate);
  line-height: 1.75;
}

.reading-cycle {
  display: grid;
  gap: 12px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.reading-cycle li {
  display: grid;
  gap: 5px;
  padding: 17px 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
}

.reading-cycle span {
  color: var(--slate);
  line-height: 1.55;
}

.reading-recommendation-card {
  padding: 28px;
  border: 1px solid #86efac;
  border-radius: 22px;
  background: linear-gradient(145deg, #f0fdf4, #ffffff);
  box-shadow: 0 18px 45px rgba(21, 128, 61, .09);
}

.reading-recommendation-card h3 {
  margin: 12px 0 22px;
  font-size: 27px;
}

.reading-evidence-label {
  margin-bottom: 5px;
  color: #15803d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.reading-recommendation-card > p {
  color: #475569;
  line-height: 1.65;
}

.reading-priority {
  display: grid;
  gap: 6px;
  margin: 20px 0;
  padding: 17px;
  border-radius: 13px;
  background: rgba(255, 255, 255, .86);
}

.reading-priority span {
  color: #475569;
  line-height: 1.55;
}

.reading-decision-grid {
  display: grid;
  gap: 9px;
  margin: 20px 0;
}

.reading-decision-grid div {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid #dcfce7;
  border-radius: 11px;
  background: #ffffff;
}

.reading-decision-grid strong {
  color: #15803d;
}

.reading-decision-grid span {
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
}

.reading-recommendation-card blockquote {
  margin: 20px 0 0;
  padding: 17px;
  border-left: 3px solid #22c55e;
  background: #ffffff;
  color: #334155;
  line-height: 1.65;
}

.reading-evidence-section {
  background: linear-gradient(180deg, #f8fafc, #ffffff);
}

.reading-evidence-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
  gap: 40px;
  align-items: center;
}

.reading-evidence-list {
  display: grid;
  gap: 12px;
}

.reading-evidence-list div {
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
}

.reading-evidence-list span {
  color: var(--slate);
  line-height: 1.55;
}

@media (max-width: 1050px) {
  .reading-focus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .reading-cycle-grid,
  .reading-evidence-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .reading-focus-grid {
    grid-template-columns: 1fr;
  }

  .reading-focus-card {
    min-height: 0;
  }

  .reading-recommendation-card {
    padding: 22px;
  }
}

/* Listening page */
.listening-page-hero {
  background:
    radial-gradient(circle at 85% 20%, rgba(245, 158, 11, .16), transparent 30%),
    linear-gradient(180deg, #fffbeb, #ffffff);
}

.listening-overview {
  background: #fffdf8;
}

.listening-section-heading {
  max-width: 840px;
}

.listening-focus-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.listening-focus-card {
  min-height: 265px;
  padding: 24px;
  border: 1px solid #fde68a;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #fffbeb);
}

.listening-focus-number {
  color: #b45309;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
}

.listening-focus-card h3 {
  margin: 18px 0 12px;
  font-size: 21px;
}

.listening-focus-card p {
  margin: 0;
  color: #475569;
  line-height: 1.7;
}

.listening-cycle-section {
  background: #ffffff;
}

.listening-cycle-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  gap: 32px;
  align-items: start;
}

.listening-cycle-copy h2,
.listening-evidence-section h2 {
  margin: 12px 0;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.15;
}

.listening-cycle-copy > p,
.listening-evidence-section article > p {
  color: var(--slate);
  line-height: 1.75;
}

.listening-cycle {
  display: grid;
  gap: 12px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.listening-cycle li {
  display: grid;
  gap: 5px;
  padding: 17px 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
}

.listening-cycle span {
  color: var(--slate);
  line-height: 1.55;
}

.listening-recommendation-card {
  padding: 28px;
  border: 1px solid #fcd34d;
  border-radius: 22px;
  background: linear-gradient(145deg, #fffbeb, #ffffff);
  box-shadow: 0 18px 45px rgba(180, 83, 9, .09);
}

.listening-recommendation-card h3 {
  margin: 12px 0 22px;
  font-size: 27px;
}

.listening-evidence-label {
  margin-bottom: 5px;
  color: #b45309;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.listening-recommendation-card > p {
  color: #475569;
  line-height: 1.65;
}

.listening-priority {
  display: grid;
  gap: 6px;
  margin: 20px 0;
  padding: 17px;
  border-radius: 13px;
  background: rgba(255, 255, 255, .88);
}

.listening-priority span {
  color: #475569;
  line-height: 1.55;
}

.listening-distractor-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 8px;
  align-items: center;
  margin: 20px 0;
}

.listening-distractor-flow div {
  display: grid;
  gap: 5px;
  min-height: 88px;
  padding: 13px;
  border: 1px solid #fef3c7;
  border-radius: 11px;
  background: #ffffff;
}

.listening-distractor-flow strong {
  color: #b45309;
  font-size: 13px;
}

.listening-distractor-flow span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.listening-flow-arrow {
  color: #d97706;
  font-weight: 800;
}

.listening-recommendation-card blockquote {
  margin: 20px 0 0;
  padding: 17px;
  border-left: 3px solid #f59e0b;
  background: #ffffff;
  color: #334155;
  line-height: 1.65;
}

.listening-evidence-section {
  background: linear-gradient(180deg, #f8fafc, #ffffff);
}

.listening-evidence-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
  gap: 40px;
  align-items: center;
}

.listening-evidence-list {
  display: grid;
  gap: 12px;
}

.listening-evidence-list div {
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
}

.listening-evidence-list span {
  color: var(--slate);
  line-height: 1.55;
}

@media (max-width: 1050px) {
  .listening-focus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .listening-cycle-grid,
  .listening-evidence-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .listening-distractor-flow {
    grid-template-columns: 1fr;
  }

  .listening-flow-arrow {
    transform: rotate(90deg);
    justify-self: center;
  }
}

@media (max-width: 700px) {
  .listening-focus-grid {
    grid-template-columns: 1fr;
  }

  .listening-focus-card {
    min-height: 0;
  }

  .listening-recommendation-card {
    padding: 22px;
  }
}

/* Stronger skill colour distinction on mobile */
@media (max-width: 700px) {
  .speaking-page-hero {
    background:
      radial-gradient(circle at 85% 15%, rgba(20, 184, 166, .24), transparent 42%),
      linear-gradient(180deg, #ccfbf1, #ffffff);
  }

  .writing-page-hero {
    background:
      radial-gradient(circle at 85% 15%, rgba(139, 92, 246, .24), transparent 42%),
      linear-gradient(180deg, #ede9fe, #ffffff);
  }

  .reading-page-hero {
    background:
      radial-gradient(circle at 85% 15%, rgba(34, 197, 94, .24), transparent 42%),
      linear-gradient(180deg, #dcfce7, #ffffff);
  }

  .listening-page-hero {
    background:
      radial-gradient(circle at 85% 15%, rgba(245, 158, 11, .26), transparent 42%),
      linear-gradient(180deg, #fef3c7, #ffffff);
  }

  .speaking-overview {
    background: #f0fdfa;
  }

  .writing-overview {
    background: #faf5ff;
  }

  .reading-overview {
    background: #f0fdf4;
  }

  .listening-overview {
    background: #fffbeb;
  }

  .speaking-focus-card {
    background: linear-gradient(180deg, #ffffff, #ccfbf1);
  }

  .writing-criterion-card {
    background: linear-gradient(180deg, #ffffff, #ede9fe);
  }

  .reading-focus-card {
    background: linear-gradient(180deg, #ffffff, #dcfce7);
  }

  .listening-focus-card {
    background: linear-gradient(180deg, #ffffff, #fef3c7);
  }

  .speaking-recommendation-card {
    background: linear-gradient(145deg, #ccfbf1, #ffffff);
  }

  .writing-recommendation-card {
    background: linear-gradient(145deg, #ede9fe, #ffffff);
  }

  .reading-recommendation-card {
    background: linear-gradient(145deg, #dcfce7, #ffffff);
  }

  .listening-recommendation-card {
    background: linear-gradient(145deg, #fef3c7, #ffffff);
  }

  .skill-card.speaking {
    background: linear-gradient(180deg, #ccfbf1, #f0fdfa);
  }

  .skill-card.writing {
    background: linear-gradient(180deg, #ede9fe, #faf5ff);
  }

  .skill-card.reading {
    background: linear-gradient(180deg, #dcfce7, #f0fdf4);
  }

  .skill-card.listening {
    background: linear-gradient(180deg, #fef3c7, #fffbeb);
  }
}


/* Incorporated company disclosure */
.copyright {
  max-width: 21rem;
  line-height: 1.6;
}

/* Incorporated footer layout */
.footer-inner {
  grid-template-columns: auto minmax(260px, .7fr) minmax(420px, 1.3fr);
  align-items: start;
}

.copyright {
  grid-column: 1 / -1;
  max-width: none;
  padding-top: 18px;
  border-top: 1px solid var(--border);
  line-height: 1.7;
}

@media (max-width: 1050px) {
  .footer-inner {
    grid-template-columns: auto 1fr;
  }

  .ielts-disclaimer {
    grid-column: 1 / -1;
  }

  .copyright {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .footer-inner {
    grid-template-columns: 1fr;
  }

  .footer-links,
  .ielts-disclaimer,
  .copyright {
    grid-column: 1;
  }

  .copyright {
    font-size: 12px;
  }
}

/* Why Aura page spacing */
.why-aura-page .page-hero {
  padding: 52px 0 40px;
}

/* Free resources library */
.resources-page{overflow:hidden}.resources-hero{padding:78px 0 82px;background:radial-gradient(circle at 84% 12%,rgba(139,92,246,.14),transparent 30%),linear-gradient(145deg,#f8fbff,#f2f6ff 58%,#fbf9ff)}.resources-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}.resources-hero h1{max-width:760px;margin:19px 0;font-size:clamp(48px,5vw,70px);line-height:1.03;letter-spacing:-3px}.resources-hero p{max-width:670px;margin:0;color:#475569;font-size:18px;line-height:1.7}.resource-principle-card{padding:30px;border:1px solid #ddd6fe;border-radius:22px;background:rgba(255,255,255,.9);box-shadow:var(--shadow)}.resource-principle-label{color:#7c3aed;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.resource-principle-card h2{margin:12px 0;font-size:30px;line-height:1.18;letter-spacing:-1px}.resource-principle-card p{font-size:15px}.principle-sequence{display:flex;align-items:center;gap:10px;margin-top:23px}.principle-sequence span{padding:9px 11px;border-radius:9px;background:#f5f3ff;color:#7c3aed;font-size:12px;font-weight:800}.principle-sequence i{color:#94a3b8;font-style:normal}.resource-skills{background:#fff}.resource-section-heading{max-width:820px;margin:0 auto 40px;text-align:center}.resource-section-heading h2{margin:16px 0 11px;font-size:42px;line-height:1.15;letter-spacing:-1.7px}.resource-section-heading p{margin:0;color:var(--slate);font-size:16px;line-height:1.7}.resource-skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.resource-skill-card{display:grid;grid-template-columns:48px 1fr;gap:14px;min-height:210px;padding:23px;border:1px solid var(--border);border-radius:18px;transition:.2s ease}.resource-skill-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}.resource-skill-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-weight:900}.resource-skill-card h3{margin:3px 0 8px;font-size:21px}.resource-skill-card p{margin:0;color:#475569;font-size:13px;line-height:1.6}.resource-skill-card strong{display:block;margin-top:16px;font-size:12px}.resource-skill-card.speaking{background:#f0fdfa}.resource-skill-card.speaking>span{background:#ccfbf1;color:#0f766e}.resource-skill-card.writing{background:#faf5ff}.resource-skill-card.writing>span{background:#ede9fe;color:#7c3aed}.resource-skill-card.reading{background:#f0fdf4}.resource-skill-card.reading>span{background:#dcfce7;color:#15803d}.resource-skill-card.listening{background:#fffbeb}.resource-skill-card.listening>span{background:#fef3c7;color:#b45309}.topic-library{background:#f8fafc}.topic-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.topic-guide{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04)}.topic-guide summary{display:grid;grid-template-columns:42px 1fr 22px;gap:14px;align-items:center;padding:21px;cursor:pointer;list-style:none}.topic-guide summary::-webkit-details-marker{display:none}.topic-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eff6ff;color:var(--blue);font-size:12px;font-weight:900}.topic-guide summary strong,.topic-guide summary small{display:block}.topic-guide summary strong{font-size:17px}.topic-guide summary small{margin-top:4px;color:#64748b;font-size:11px;font-weight:700}.topic-guide summary i{position:relative;width:20px;height:20px}.topic-guide summary i:before,.topic-guide summary i:after{content:"";position:absolute;left:4px;right:4px;top:9px;height:2px;border-radius:2px;background:var(--blue)}.topic-guide summary i:after{transform:rotate(90deg);transition:.2s}.topic-guide[open] summary i:after{transform:rotate(0)}.topic-content{padding:0 21px 22px;border-top:1px solid var(--border)}.topic-intro{margin:18px 0;color:#475569;font-size:13px;line-height:1.6}.language-block,.expression-block,.prompt-block{padding:14px 15px;border-radius:12px;margin-top:10px}.language-block{background:#f8fafc}.expression-block{background:#f5f3ff}.prompt-block{background:#eff6ff}.language-block>span,.expression-block>span,.prompt-block>span{display:block;margin-bottom:7px;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.expression-block>span{color:#7c3aed}.prompt-block>span{color:var(--blue)}.language-block p,.expression-block p,.prompt-block p{margin:0;color:#334155;font-size:12px;line-height:1.65}.language-block b{color:var(--navy)}.strategy-line{margin:14px 2px 0;color:#475569;font-size:12px;line-height:1.6}.strategy-line strong{color:#0f766e}.resource-method-section{padding:74px 0;background:linear-gradient(135deg,#10233f,#0f3b82);color:#fff}.resource-method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.resource-method-grid h2{margin:10px 0 12px;font-size:39px;line-height:1.14;letter-spacing:-1.3px}.resource-method-grid>div p{margin:0;color:#cbd5e1;line-height:1.65}.resource-method-grid ol{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0;padding:0;list-style:none}.resource-method-grid li{display:grid;grid-template-columns:32px 1fr;gap:11px;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.06)}.resource-method-grid li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(94,234,212,.14);color:#5eead4;font-size:12px;font-weight:900}.resource-method-grid li strong,.resource-method-grid li small{display:block}.resource-method-grid li strong{font-size:13px}.resource-method-grid li small{margin-top:4px;color:#cbd5e1;line-height:1.4}.resource-closing{padding-top:46px}
@media(max-width:1050px){.resources-hero-grid,.resource-method-grid{grid-template-columns:1fr}.resource-skill-grid{grid-template-columns:1fr 1fr}.topic-guide-grid{grid-template-columns:1fr}}
@media(max-width:700px){.resources-hero{padding:50px 0 58px}.resources-hero h1{font-size:44px;letter-spacing:-2px}.resource-principle-card{padding:24px}.principle-sequence{gap:6px;flex-wrap:wrap}.resource-section-heading h2{font-size:35px}.resource-skill-grid{grid-template-columns:1fr}.resource-skill-card{min-height:0}.topic-guide summary{padding:17px}.topic-content{padding:0 17px 18px}.resource-method-grid{gap:34px}.resource-method-grid h2{font-size:34px}.resource-method-grid ol{grid-template-columns:1fr}.resource-closing{padding-top:30px}}

.why-aura-page .section {
  padding: 34px 0;
}

.why-aura-page main > .section:first-of-type {
  padding-top: 24px;
}

@media (max-width: 700px) {
  .why-aura-page .page-hero {
    padding: 42px 0 32px;
  }

  .why-aura-page .section {
    padding: 26px 0;
  }
}
/* AURA-MARKETING-LANGUAGE-SWITCHER-2026-09-05 */

/*
 * Shared English / Simplified Chinese control for the public marketing site.
 * Desktop uses the header control; tablet/mobile uses the copy inside
 * the existing mobile menu.
 */

.language-switcher {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 5px;
}

.language-option {
  appearance: none;
  border: 0;
  border-radius: 7px;
  background: transparent;
  padding: 7px 5px;
  color: var(--slate);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition:
    color .2s ease,
    background-color .2s ease;
}

.language-option:hover {
  background: #eff6ff;
  color: var(--blue);
}

.language-option.active {
  color: var(--blue);
}

.language-option:focus-visible {
  outline: 2px solid #93c5fd;
  outline-offset: 2px;
}

.language-separator {
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1;
  user-select: none;
}

.mobile-language-switcher {
  display: none;
}


/* Tablet / mobile */

@media (max-width: 1050px) {
  .desktop-language-switcher {
    display: none;
  }

  .mobile-language-switcher {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 6px;
    padding: 8px 12px 14px;
    border-bottom: 1px solid var(--border);
  }

  .mobile-language-switcher .language-option {
    padding: 8px 6px;
    font-size: 13px;
  }
}


/* Very narrow phones */

@media (max-width: 380px) {
  .mobile-language-switcher {
    gap: 4px;
  }

  .mobile-language-switcher .language-option {
    font-size: 12px;
  }
}
/* Chinese marketing typography */
html[lang="zh-CN"] .hero h1 {
  font-size: clamp(42px, 4.7vw, 66px);
  letter-spacing: -1.5px;
  word-break: keep-all;
}
html[lang="zh-CN"] .how-hero-copy h1 {
  font-size: clamp(42px, 4.5vw, 62px);
  letter-spacing: -1.2px;
  word-break: keep-all;
}
html[lang="zh-CN"] .footer-links a {
  white-space: nowrap;
}

html[lang="zh-CN"] .footer-links {
  align-items: flex-start;
}