:root{--ink:#15213b;--blue:#2f5bea;--red:#d73e4d;--cream:#f6f1e7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 Manrope,Arial,sans-serif}a{color:inherit}header{height:78px;display:flex;align-items:center;padding:0 5vw;background:white;position:sticky;top:0;z-index:3}header>a{text-decoration:none;font-weight:900}header>a span{background:var(--ink);color:white;padding:12px;margin-right:8px}nav{margin-left:auto;display:flex;gap:20px}.toggle{margin-left:25px}.toggle button{padding:8px;border:1px solid var(--ink);background:white}.toggle .active{background:var(--ink);color:white}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.hero>div{padding:8vw 6vw}.hero .en{background:var(--blue);color:white}.hero .fr{background:var(--red);color:white}.hero h1{font-size:clamp(2.8rem,5vw,5rem);line-height:.92}.compare,.scenario,.practice,.writing,.progress,.faq,.about,.contact{padding:80px 6vw;max-width:1180px;margin:auto}.compare h2,.scenario h2,.practice h2,.writing h2,.progress h2,.faq h2,.about h2,.contact h2{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1}.compare select{padding:12px}.panels{display:grid;grid-template-columns:1fr 1fr;margin-top:25px}.panels article{background:white;padding:30px;border-top:7px solid var(--blue)}.panels article+article{border-color:var(--red)}.compare button,.scenario button,.practice button{padding:12px 18px;background:var(--ink);color:white;border:0;margin-top:12px}.scenario{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.scenario article{background:white;padding:28px}.buttons button{display:block;width:100%}.practice{background:var(--ink);color:white;max-width:none;padding-left:12vw;padding-right:12vw;display:grid;grid-template-columns:1fr 1fr;gap:45px}.practice form{display:grid;gap:12px}.practice button{background:var(--cream);color:var(--ink)}.writing>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.writing article{background:white;padding:25px}.progress label{display:grid;grid-template-columns:160px 1fr;margin:15px 0}.faq details{border-top:1px solid #999;padding:18px}.about{background:linear-gradient(90deg,var(--blue) 50%,var(--red) 50%);color:white;max-width:none;padding-left:12vw}.contact{background:white;max-width:none;padding-left:12vw}footer{background:#091227;color:white;padding:50px 6vw;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}footer a,footer button{display:block;color:white;background:none;border:0;margin:7px 0}.cookie{position:fixed;bottom:15px;left:15px;right:15px;background:white;border:2px solid var(--ink);padding:14px;display:flex;gap:10px;align-items:center}.cookie span{margin-right:auto}dialog{max-width:650px}@media(max-width:780px){nav{display:none}.hero,.panels,.scenario,.practice{grid-template-columns:1fr}.writing>div,footer{grid-template-columns:1fr}.cookie{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}