/* English Compass AI - crawlable language landing pages */
:root{--ink:#183f43;--teal:#147f78;--cream:#f8faf6;--line:#d9e7e0}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#203c42;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e6b66d;outline-offset:4px}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.top{background:#fff;border-bottom:1px solid var(--line)}.top nav{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-weight:850;font-size:22px;letter-spacing:-.7px;color:#163d43;white-space:nowrap}.brand strong{color:var(--teal)}.brand b{color:#e7b96c}.topnav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:750}.topnav a:hover{color:var(--teal)}.pill{border-radius:12px;padding:11px 16px;font-weight:850;display:inline-flex;justify-content:center;align-items:center;font-size:14px}.pill.primary{background:#127e74;color:white}.pill.ghost{border:1px solid #a9d0c2;background:white;color:#176b63}
.hero{background:radial-gradient(ellipse at 75% 10%,#d8efe5 0,transparent 44%),linear-gradient(110deg,#f6fbf7,#f8faf6);padding:74px 0 66px}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:65px;align-items:center}.eyebrow{letter-spacing:1.5px;font-size:12px;font-weight:900;color:#13796f}.hero h1{font:normal clamp(42px,4.8vw,69px)/1.08 Georgia,serif;color:#163b40;letter-spacing:-2px;margin:18px 0 25px}.hero h1 em{color:#157e74}.hero p{font-size:18px;line-height:1.78;max-width:700px;color:#536e6c}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 18px}.subtle{font-size:12px!important;color:#647d78!important}.preview{border:1px solid #cce4d8;border-radius:25px;background:#fff;padding:31px;box-shadow:0 24px 55px #143f3d12;transform:rotate(-1deg)}.preview>span{font-size:12px;font-weight:900;letter-spacing:1.4px;color:#1a8375}.preview blockquote{font:normal 28px/1.5 Georgia,serif;margin:17px 0;border-left:4px solid #21a088;padding-left:17px}.preview p{font-size:13px;color:#59756e}.section{padding:68px 0}.section h2{font:normal clamp(30px,3.5vw,46px)/1.16 Georgia,serif;color:#1b4743;letter-spacing:-1.2px;margin:11px 0 20px}.section p{color:#536a67;line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:28px}.feature{background:white;border:1px solid #d7e6de;border-radius:21px;padding:27px}.feature b{color:#168173;font-size:21px}.feature h3{font:normal 24px Georgia,serif;color:#174c45;margin:14px 0 10px}.feature p{font-size:14px;margin:0}.segment{background:#e9f5ee}.levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:30px 0}.levels>div{background:white;border:1px solid #d2e5da;border-radius:16px;padding:19px 10px;text-align:center}.levels strong{display:block;color:#14594e;font-size:25px}.levels small{font-size:12px;color:#62776b}.note{background:#fff;border-radius:19px;border:1px solid #d5e5dc;padding:22px;margin-top:20px}.faq{max-width:880px}.faq details{border-bottom:1px solid #d0e1d7;padding:18px 0}.faq summary{font-weight:850;color:#234b47;cursor:pointer}.faq p{font-size:14px}.bottom{background:#123e45;color:white;padding:56px 0}.bottom h2{font:normal clamp(30px,4vw,44px)/1.15 Georgia,serif;margin:0 0 17px}.bottom p{color:#d3e7e0;max-width:680px}.bottom .pill{background:#fff;color:#17675d}.foot{background:#0d2f36;color:#d5e8e3;font-size:12px;padding:24px 0}.foot .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.foot a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr;gap:30px}.preview{transform:none;max-width:530px}.levels{grid-template-columns:repeat(3,minmax(0,1fr))}.features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hero{padding:43px 0}.hero h1{font-size:42px;letter-spacing:-1px}.topnav{gap:10px;font-size:12px}.top nav{flex-wrap:wrap;padding:15px 0}.features{grid-template-columns:1fr}.levels{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{flex-direction:column}.actions .pill{width:100%}}