/* Original visual refinement. No third-party artwork, fonts, or assets. */
:root{--green:#163f35;--ink:#1b3b32;--cream:#faf9f4;--muted:#66776b;--line:#dce3d9}
body{background:var(--cream)}
.preview-note{background:#12372f;color:#c3d3c6;font-size:10px;padding:8px 20px;letter-spacing:1.6px}
.header{height:100px;border:0;width:min(1260px,calc(100% - 88px))}
.brand-mark{border-radius:12px 3px 12px 3px;box-shadow:0 5px 14px #173e3512}
.brand{font-size:25px;letter-spacing:3px}
.brand small{font-size:8px;color:#788879;letter-spacing:2.8px}
nav{gap:40px;font-size:13px}
nav>a{position:relative}
nav>a:not(.nav-contact):after{content:"";height:2px;background:#b08a52;position:absolute;bottom:-10px;left:0;width:0;transition:width .2s}
nav>a:hover:after{width:100%}
.nav-contact{border:0;background:#e9eee4;border-radius:7px;padding:14px 22px}
.hero{isolation:isolate;position:relative;grid-template-columns:1.03fr 1fr;gap:65px;min-height:700px;padding:65px 65px 62px;width:min(1340px,calc(100% - 48px));background:#163f35;border-radius:18px;color:#fcfaed;overflow:hidden}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 79% 40%,#547a4b65,transparent 57%),linear-gradient(115deg,#123c31,transparent 65%)}
.hero:after{content:"DERUN";position:absolute;left:45px;bottom:-38px;font:170px Georgia,serif;letter-spacing:10px;color:#ffffff03;pointer-events:none;z-index:-1}
.hero .eyebrow{color:#d5dfa9;font-size:11px;letter-spacing:3px;margin-bottom:30px}
.eyebrow>span{background:#e9b971}
h1{font-size:clamp(48px,4.8vw,70px);line-height:1.42;letter-spacing:4px;color:#f6f5e9;margin-bottom:25px}
.accent{color:#e8c58a}
.accent svg{stroke:#e1b570;bottom:-6px;stroke-width:2}
.hero-description{font-size:14px;line-height:2.2;color:#c2d0bf;letter-spacing:.7px}
.hero-actions{margin-top:34px;gap:30px}
.hero .button{color:#173e32;background:#e8c58a;border-radius:6px;font-weight:600;padding:18px 25px;box-shadow:0 8px 24px #00000012;gap:40px}
.hero .button:hover{background:#f6dbad;transform:translateY(-3px)}
.hero .text-link{color:#e4eadc;font-size:12px}
.hero-foot{margin-top:43px;gap:22px;color:#9db6a0;font-size:10px}
.hero-foot span+span{border-color:#5d7b62;padding-left:22px}
.hero-art{isolation:isolate;background:radial-gradient(ellipse at center,#f1eedc 0%,#dce3cf 68%);border-radius:220px 220px 13px 13px;padding:20px 10px 0;overflow:visible;border:1px solid #f1f3df44;box-shadow:0 25px 70px #031d2333;transform:rotate(2deg);margin:18px 10px 20px 0}
.hero-art>svg{position:relative;filter:drop-shadow(0 10px 10px #2e483218);transform:rotate(-2deg);margin:10px 0 -15px}
.art-label{top:60px;color:#50674d;font-size:7px;letter-spacing:2px}
.art-caption{border-color:#bac9ad;color:#536b4b;padding:17px 15px;font-size:7px;letter-spacing:1.4px}
.floating-note{position:absolute;background:#fffef7;color:#274d3c;box-shadow:0 12px 35px #001a232e;border:1px solid #f1eee0;display:flex;align-items:center;gap:12px;padding:17px 20px;border-radius:10px;z-index:2;transform:rotate(-2deg);font-size:12px;letter-spacing:.5px}
.floating-note small{display:block;font-size:7px;letter-spacing:1.4px;color:#81917b;margin-top:7px}
.note-top{top:45px;left:-47px}
.note-top>span{font-size:32px;color:#b58e52;line-height:1}
.note-bottom{right:-28px;bottom:55px;gap:0;padding:15px 19px}
.note-bottom>span{display:grid;place-items:center;height:34px;width:34px;border-radius:50%;border:2px solid #fffef7;background:#d9e4d0;margin-left:-8px;font-family:Georgia,SimSun,serif;font-size:13px}
.note-bottom>span:nth-child(2){background:#eddfbd}.note-bottom>span:nth-child(3){background:#d6e6e0}
.note-bottom>div{margin-left:11px;font-size:10px}.note-bottom small{font-size:8px;letter-spacing:1px}
.subject-strip{background:transparent;color:#506b54;padding:32px 0;border-bottom:1px solid #e1e6db;margin:0 auto;width:min(1180px,calc(100% - 100px))}
.subject-strip>div{width:100%;font-size:13px;letter-spacing:2px}
.subject-strip i{font-size:16px;color:#b49c6d}
.section{padding-top:105px;padding-bottom:105px}
.eyebrow{font-size:9px;color:#8b7c57;letter-spacing:2.4px}
h2,.section-side h2{font-size:38px;line-height:1.5;letter-spacing:2px}
.about{grid-template-columns:1fr 1.65fr;gap:100px}
.about h3{font-size:38px;line-height:1.6;margin-top:-10px;margin-bottom:28px;letter-spacing:2px}
.about-body>p{line-height:2.3;font-size:14px;color:#5f7364}
.about-body>p.muted{font-size:10px;color:#899486}
.about-seal{display:flex;align-items:center;gap:16px;border-top:1px solid #d9e0d1;margin-top:48px;padding-top:30px;width:235px;position:relative}
.about-seal>span{font:25px SimSun,serif;writing-mode:vertical-rl;letter-spacing:7px;color:#497052;border:1px solid #94a787;padding:13px 8px}
.about-seal small{font-size:11px;line-height:2;color:#7e8b74;letter-spacing:3px}.about-seal i{font-size:58px;font-style:normal;color:#c5cdb7;margin-left:5px}
.company{font-size:11px;padding-top:24px;margin-top:31px}.company>span{font-size:9px;text-transform:uppercase;letter-spacing:1px}
.subjects{background:#f0f2e9;position:relative;border-top:1px solid #e4e8db;border-bottom:1px solid #e4e8db}
.section-heading{margin-bottom:44px}.section-heading>p{font-size:12px;line-height:2.2}
.subject-cards{gap:23px}
.subject-card{border-radius:12px;border:1px solid #d4ddcc;padding:28px 29px 0;position:relative;overflow:hidden;box-shadow:0 3px 0 #ffffff80 inset;transition:transform .25s,box-shadow .25s}
.subject-card:hover{transform:translateY(-7px);box-shadow:0 20px 35px #31462e12}
.subject-card:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff70;border-radius:50%;top:55px;right:-80px;pointer-events:none}
.chinese{background:linear-gradient(145deg,#e2ead9,#d4e1c8)}
.math{background:linear-gradient(145deg,#efe7d5,#e8dcc0);border-color:#ddd1b8}
.english{background:linear-gradient(145deg,#e0ece8,#ccdfd8);border-color:#cbdcd4}
.card-top{font-size:8px;letter-spacing:1.6px;color:#58704f}
.card-top>span+span{background:#fff7;border:0;width:33px;height:33px;color:#38583e;font-size:14px}
.subject-symbol{height:190px;font-size:100px;position:relative;z-index:1;text-shadow:0 3px 0 #fff4}
.subject-symbol>span{font-size:9px;margin-top:15px;letter-spacing:2px}
.geometry svg{width:235px;height:145px;stroke-width:1.3}
.letters{font-size:99px;font-style:italic}
.subject-card h3{font-size:28px;position:relative;z-index:1}
.subject-card h3 small{font-size:10px;margin-top:13px;color:#5c7055}
.subject-card p{font-size:12px;line-height:2.05;margin-top:22px;margin-bottom:28px;position:relative;z-index:1}
.subject-card>a{border-color:#7182643b;font-size:11px;padding:21px 0;position:relative;z-index:1}.subject-card>a span{background:#fff8;border-radius:50%;height:27px;width:27px;display:grid;place-items:center;font-size:17px;margin-top:-5px}
.section-note{font-size:10px;margin-top:25px;color:#839079}
.approach{padding-bottom:110px}.steps{gap:0;border-top:1px solid #d5dece;margin-top:50px}
.steps article{border:0;padding:30px 35px 0;position:relative}.steps article:first-child{padding-left:0}.steps article+article{border-left:1px solid #dce2d5}
.steps article>span{font:italic 37px Georgia,serif;color:#b2bd9e}.steps h3{font-size:20px;letter-spacing:1px;margin-top:25px}.steps p{font-size:12px;color:#73836b;line-height:2.1}
.contact{border-radius:14px;background:linear-gradient(125deg,#173f34,#28523b);padding:65px;gap:65px;position:relative;overflow:hidden;margin-bottom:65px}
.contact:before{content:"✳";position:absolute;left:38%;bottom:-100px;font-size:350px;line-height:1;color:#ffffff04;pointer-events:none}
.contact h2{font-size:37px;color:#f4f3df}.contact .eyebrow{color:#d8c394;font-size:8px}.contact>div>p:last-child{font-size:11px;color:#bdcfb6}
.contact-panel{border-radius:9px;background:#f7f6e9;padding:30px;position:relative;box-shadow:0 20px 45px #001e241c;border:1px solid #ffffff80}
.contact-tag{font-size:9px;color:#8c7e58}.contact-panel h3{font-size:19px;margin-top:23px}.contact-panel p{font-size:12px;line-height:2.1}.contact-pending{font-size:12px}.contact-panel small{font-size:9px;line-height:1.8}
footer{padding-bottom:38px;padding-top:30px}footer p{font-size:10px;line-height:2}.footer-brand .brand-mark{border-radius:9px 2px 9px 2px}.footer-status{font-size:9px}
@media(min-width:1500px){.hero{min-height:720px}.hero-art{max-width:490px}h1{font-size:73px}}
@media(max-width:1100px){.hero{padding:50px 40px;gap:40px;min-height:620px}h1{font-size:57px}.hero-art{margin-right:0}.floating-note{padding:13px;font-size:10px}.note-top{left:-25px}.note-bottom{right:-15px}.about{gap:65px}.contact{padding:45px;gap:35px}.subject-card{padding-left:23px;padding-right:23px}}
@media(max-width:900px){.header{width:calc(100% - 48px);height:90px}nav{gap:23px}.hero{padding:45px 28px;gap:25px;min-height:540px}h1{font-size:47px;letter-spacing:2px}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero-description{font-size:12px}.hero-actions{gap:22px}.hero .button{padding:15px 18px;gap:20px;font-size:11px}.hero .text-link{font-size:10px}.hero-foot{font-size:8px;gap:12px}.hero-foot span+span{padding-left:12px}.floating-note{gap:8px}.note-top{top:34px;left:-18px;font-size:9px}.note-top>span{font-size:25px}.floating-note small{font-size:5px;letter-spacing:1px}.note-bottom{right:-12px;bottom:33px;padding:10px}.note-bottom>span{height:25px;width:25px;font-size:10px}.note-bottom>div{font-size:8px}.note-bottom small{font-size:6px}.art-label{top:38px;font-size:5px}.art-caption{font-size:5px;padding:14px 5px}.section{padding-top:75px;padding-bottom:75px}h2,.section-side h2{font-size:32px}.about h3{font-size:31px}.about{gap:40px}.about-seal{width:190px;gap:12px}.about-seal i{font-size:40px}.about-seal small{font-size:9px}.subject-card{padding:22px 19px 0}.subject-symbol{font-size:83px;height:160px}.subject-card p{font-size:10px}.subject-card h3{font-size:25px}.subject-card h3 small{font-size:8px}.subject-card>a{font-size:10px}.subject-cards{gap:15px}.steps article{padding:25px 23px 0}.steps h3{font-size:17px}.steps p{font-size:10px}.contact h2{font-size:29px}.contact{padding:35px 30px;gap:25px}.contact-panel{padding:25px 22px}.contact-panel h3{font-size:17px}.contact-panel p{font-size:10px}}
@media(max-width:640px){.header{height:83px}.brand{font-size:23px}.preview-note{font-size:8px;letter-spacing:.3px;padding:8px 10px}nav{top:110px}nav .nav-contact{background:#e9eee4}.hero{width:calc(100% - 24px);padding:37px 24px 30px;border-radius:12px;grid-template-columns:1fr;gap:32px;min-height:0}.hero .eyebrow{font-size:9px;margin-bottom:24px}h1{font-size:49px;letter-spacing:3px;line-height:1.4;margin-bottom:21px}.hero-description{font-size:12px;line-height:2.1}.hero-actions{margin-top:27px;gap:25px}.hero .button{font-size:12px;padding:16px 20px;gap:28px}.hero .text-link{font-size:11px}.hero-foot{font-size:8px;margin-top:26px;gap:20px}.hero-art{width:84%;max-width:340px;margin:12px 0 12px;justify-self:center;border-radius:180px 180px 10px 10px;padding:12px 8px 0}.hero-art>svg{margin:8px 0 -10px}.art-label{top:38px;font-size:5px}.art-caption{padding:13px 6px;font-size:5px}.note-top{top:38px;left:-32px;padding:11px 12px;font-size:9px}.note-top>span{font-size:25px}.note-bottom{right:-28px;bottom:30px;padding:12px}.note-bottom>span{height:25px;width:25px;font-size:10px}.note-bottom>div{font-size:8px}.note-bottom small{font-size:6px}.subject-strip{width:calc(100% - 48px);padding:25px 0}.subject-strip>div{font-size:9px;letter-spacing:0;gap:6px}.subject-strip i{font-size:11px}.section{padding-top:58px;padding-bottom:58px}.eyebrow{font-size:8px;letter-spacing:2px}.about{grid-template-columns:1fr;gap:28px}.about-seal{display:none}h2,.section-side h2{font-size:29px}.about h3{font-size:30px;margin-top:0;line-height:1.6}.about-body>p{font-size:12px;line-height:2.2}.about-body>p.muted{font-size:9px}.company{font-size:9px;gap:13px;align-items:flex-start}.company>span{white-space:nowrap;font-size:8px}.company strong{line-height:1.8}.section-heading{margin-bottom:28px}.section-heading>p{font-size:11px}.subject-cards{grid-template-columns:1fr;gap:19px}.subject-card{padding:24px 25px 0;min-height:285px;border-radius:10px}.subject-symbol{height:130px;width:125px;position:absolute;right:18px;top:65px;font-size:77px;opacity:.9}.subject-symbol>span{font-size:6px;letter-spacing:.3px}.subject-card h3{font-size:26px;margin-top:25px}.subject-card h3 small{font-size:9px}.subject-card p{font-size:10px;line-height:2;max-width:180px;margin-top:23px;margin-bottom:24px}.subject-card>a{font-size:11px;margin-top:15px}.card-top{font-size:8px}.subject-card:after{width:210px;height:210px;right:-110px;top:50px}.geometry svg{width:145px;height:130px}.section-note{font-size:9px;line-height:1.9}.steps{margin-top:30px;gap:0}.steps article,.steps article:first-child{padding:25px 0;grid-template-columns:45px 1fr;border-bottom:1px solid #dce2d5}.steps article+article{border-left:0}.steps article>span{font-size:32px}.steps h3{font-size:18px;margin-top:0}.steps p{font-size:11px;margin-top:10px}.contact{width:calc(100% - 24px);padding:35px 24px 25px;gap:28px;margin-bottom:35px;grid-template-columns:1fr;border-radius:12px}.contact h2{font-size:29px}.contact .eyebrow{font-size:7px;letter-spacing:1.6px}.contact-panel{padding:25px 21px}.contact-panel h3{font-size:17px}.contact-panel p{font-size:11px}.contact-tag{font-size:9px}footer{padding-top:28px;padding-bottom:30px}footer p{font-size:9px}.footer-status{font-size:8px}}