@charset "UTF-8";
:root{color-scheme:dark;--bg:#101416;--surface:#191e21;--line:#30373a;--text:#f0f1ec;--muted:#a1adae;--accent:#d9ff67}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:800;letter-spacing:-1px}.x{color:var(--accent);padding-left:6px;font-size:28px}.header nav{display:flex;gap:32px;font-size:13px;color:var(--muted)}nav a:hover,.text-link:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;padding-top:95px;padding-bottom:96px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--accent);margin:0 0 28px}.dot{width:7px;height:7px;display:inline-block;background:var(--accent);border-radius:50%;margin-right:8px}h1{font-size:clamp(42px,4.8vw,66px);line-height:1.08;letter-spacing:-3px;margin:0 0 28px;font-weight:700}h1 span{color:var(--accent)}.english{font-size:13px;letter-spacing:.2px;color:var(--text)}.intro{font-size:15px;color:var(--muted);max-width:490px;margin:22px 0 32px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{background:var(--accent);color:var(--bg);font-size:13px;font-weight:700;padding:14px 20px;display:inline-flex;gap:32px;border-radius:3px}.button:hover{background:#e5ff9a}.text-link{font-size:12px}.visual{position:relative;min-height:380px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(ellipse at center,#30413166,transparent 65%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;padding:22px}.visual-top,.visual-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted);gap:10px}.green{color:var(--accent)}.chip{height:185px;width:185px;margin:45px auto 26px;border:1px solid #718943;background:linear-gradient(135deg,#252f28,#131b16);box-shadow:0 0 0 8px #151a17,0 0 0 9px #425134,0 0 60px #d9ff670d;display:flex;flex-direction:column;align-items:center;justify-content:center}.chip span,.chip small{font-size:9px;letter-spacing:3px;color:var(--muted)}.chip strong{font-size:86px;line-height:1.1;color:var(--accent)}.bus{display:flex;justify-content:center;gap:12px;font-size:7px;letter-spacing:1px;color:var(--muted);margin-bottom:28px}.bus span{border:1px solid var(--line);background:var(--bg);padding:6px}.strip{border-block:1px solid var(--line)}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;font-size:11px;letter-spacing:2px;color:var(--muted)}.plus{color:var(--accent);font-size:20px}.section{padding-block:90px}.section-heading{display:grid;grid-template-columns:1fr 1.5fr;gap:0 60px}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{max-width:350px;color:var(--muted);font-size:15px}h2{font-size:clamp(30px,3.2vw,43px);line-height:1.15;letter-spacing:-1.5px;margin:0 0 30px}h3{font-size:19px;line-height:1.3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.cards article{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:28px;display:flex;flex-direction:column}.number{font-size:12px;color:var(--accent);margin-bottom:20px}.cards p{font-size:14px;color:var(--muted);margin-bottom:40px}.tag{margin-top:auto;font-size:9px;letter-spacing:2px;color:var(--muted)}.modules{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid var(--line)}.muted{color:var(--muted);font-size:15px}.module-list>div{display:flex;gap:22px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0}.module-list>div>span{font-size:12px;color:var(--accent)}.module-list h3{margin:0;flex:1;font-size:16px}.module-list p{font-size:12px;color:var(--muted);max-width:450px;margin-top:24px}.studio{background:var(--accent);color:var(--bg)}.studio .eyebrow{color:#3d4d24}.studio-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center}.studio p:not(.eyebrow){max-width:590px;font-size:15px;color:#3f4a31}.studio-mark{font-weight:800;font-size:clamp(100px,14vw,190px);line-height:.9;letter-spacing:-15px;text-align:center}.studio-mark span{display:block;font-size:12px;letter-spacing:4px;line-height:1.7;margin-top:30px}.contact{max-width:850px;text-align:center}.contact p:not(.eyebrow){color:var(--muted);font-size:15px;max-width:610px;margin:0 auto 28px}.status{font-size:10px;letter-spacing:2px;border:1px solid var(--line);padding:12px 18px;border-radius:3px;display:inline-block}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-block:28px;gap:20px}.footer p,.footer>a:last-child{font-size:11px;color:var(--muted)}.skip{position:absolute;left:20px;top:-80px;background:var(--accent);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:20px}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header{height:auto;min-height:100px;gap:24px;flex-wrap:wrap;padding-block:20px}.header nav{gap:18px;flex-wrap:wrap}.hero{grid-template-columns:1fr;gap:48px;padding-block:55px}.hero-copy{max-width:650px}.visual{max-width:560px;width:100%;margin:auto}.cards{grid-template-columns:1fr}.cards article{padding:24px}.cards p{margin-bottom:24px}.modules{grid-template-columns:1fr;gap:20px}.studio-inner{grid-template-columns:1fr;gap:35px}.studio-mark{font-size:110px;letter-spacing:-9px}.section{padding-block:60px}.strip-inner{font-size:9px;letter-spacing:.5px;gap:12px}.section-heading{grid-template-columns:1fr}.footer{flex-wrap:wrap}h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original design with wide content and the approved illustration. */
.wrap{width:calc(100% - 64px);max-width:none}
.hero{grid-template-columns:minmax(0,1fr) 300px}
.brand-card{width:300px;max-width:100%;margin:0}
.brand-card img{display:block;width:100%;height:auto}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr}.brand-card{width:250px;justify-self:center}}