body{margin:0}
img{max-width:100%}
/* Single-look brand page: beige ground, neon angular shapes, heavy grotesque display */
:root{--ground:#D8D1C5;--ink:#2B2622;--accent:#B5A698;--paper:#F4F1EC;color-scheme:light}
body{background:var(--ground);color:var(--ink);font-size:16px}
a:focus-visible,button:focus-visible{outline:3px solid #2B2622;outline-offset:3px}
h1,h2,h3{text-wrap:balance}

body{margin:0}
a{color:#2B2622}a:hover{color:#4A423B}
.btn-dark:hover{background:#453D37 !important;color:#F2EFEA !important}
.btn-neon:hover{filter:brightness(0.93)}
@keyframes mq-ltr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.mq-track{animation:mq-ltr 36s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){.mq-track{animation:none}}
img{max-width:100%}
@media (min-width: 761px){.cta-inner > *{max-width:50% !important}}
@media (max-width: 760px){
.cta-shape{top:auto !important;bottom:0 !important;width:100% !important;height:64px !important;clip-path:polygon(0 100%,26% 0,44% 62%,100% 0,100% 100%) !important}
.cta-inner{padding-top:64px !important;padding-bottom:120px !important}
.sec{padding-top:56px !important;padding-bottom:32px !important}
.hero-inner{padding-top:36px !important;padding-bottom:56px !important;gap:40px !important}
.bubble{font-size:16px !important;padding:10px 14px !important}
.bubble-l{left:-6px !important}
.bubble-r{right:-6px !important}
.nav-links{order:3;flex-basis:100%;gap:4px 24px !important}
.nav-link{font-size:16px !important}
.inc-item{font-size:17px !important;padding:16px 0 !important}
.card{padding:26px !important;min-height:0 !important}
.mq{padding:28px 0 !important}
}
@media (max-width: 420px){
.btn-dark,.btn-neon{font-size:15px !important;padding:12px 20px !important}
.ielts-word{font-size:64px !important}
}
.pill:hover{box-shadow:inset 0 0 0 1px #2B2622}
@media (max-width: 920px){
.nav-links{order:3;flex-basis:100%;gap:4px 24px !important}
.nav-cta{margin-left:auto}
.msg-grid{grid-template-columns:minmax(0,1fr) !important}
}
@media (max-width: 760px){.hero-shape2{display:none}}
@media (max-width: 480px){
.logo{font-size:26px !important}
.nav-cta{font-size:15px !important;padding:11px 16px !important}
.nav{column-gap:12px !important;row-gap:10px !important}
}
@media (max-width: 360px){.logo{font-size:21px !important}.nav-cta{font-size:14px !important;padding:10px 13px !important}}
.top-tab:hover{text-decoration:underline !important}
html{scroll-behavior:smooth}
.nav-link:hover{text-decoration:underline !important}
