:root{--navy:#101b21;--ink:#1b272d;--muted:#59686d;--teal:#415f5a;--mint:#e9e3d6;--cream:#f3efe7;--line:#d3cabe;--white:#faf8f3;--gold:#a37648}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}
.container{width:min(1200px,calc(100% - 64px))}
.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.23em;font-weight:700}
h1,h2,h3{font-family:Georgia,"Songti SC","STSong","Noto Serif CJK SC",serif;font-weight:500;letter-spacing:-.055em}
h1{font-size:clamp(54px,6.6vw,92px);line-height:1.13;letter-spacing:-.075em}
h1 i{font-family:Georgia,"Songti SC",serif;font-weight:400;color:#9b704a;font-style:italic}
h2{font-size:clamp(36px,4.2vw,58px);line-height:1.23}
h3{font-size:23px}
.nav{background:#f7f4ee;color:#17292d;border-bottom:1px solid #d4cbbb}
.nav-inner{min-height:84px}
.logo{font-size:15px;letter-spacing:.03em}
.logo em{font-size:10px;font-weight:700;letter-spacing:.18em;color:#927350;margin-left:6px}
.nav-links a{color:#304047;font-size:13px}
.nav-links a:hover{color:#9b704a}
.nav-cta,.nav-links .nav-cta{border:1px solid #3b5052;color:#213e42!important;padding:8px 14px;border-radius:0;text-transform:uppercase;letter-spacing:.06em}
.hero{background:#f3efe7;color:#1b272d;position:relative}
.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#cfc5b7}
.hero-inner{grid-template-columns:1.12fr .88fr;gap:72px;padding:110px 0 115px}
.hero .eyebrow{color:#9c714a}
.hero .lead{color:#4d5b60;font-size:18px;max-width:590px;line-height:1.9}
.hero-note{color:#79827f}
.btn{border-radius:0;padding:14px 24px;font-size:13px;letter-spacing:.04em}
.btn-primary{background:#203b3c;color:#fff;border-color:#203b3c}
.btn-primary:hover{background:#a37648;color:#fff;border-color:#a37648}
.btn-outline{border-color:#425655;color:#263e41}
.btn-outline:hover{background:#ddd5c8}
.btn-dark{background:#1b373a;border-color:#1b373a}
.btn-dark:hover{background:#9b704a;border-color:#9b704a}
.visual{min-height:480px;border-radius:0;border:0;background:linear-gradient(180deg,rgba(12,27,30,.26),rgba(12,27,30,.79) 67%,rgba(12,27,30,.96)),url('/topic/2027-management-exam-54-day-plan/releases/1/images/architectural-steps.jpg') center 43%/cover;box-shadow:24px 26px 0 #d8d0c2;overflow:hidden;padding:36px}
.visual:before{inset:22px;border:1px solid #aab8a43a;border-radius:0}
.visual:after{display:none}
.visual-top{position:relative;z-index:1;color:#b7b9a9;letter-spacing:.2em}
.visual-number{font-family:Georgia,serif;font-weight:400;font-size:148px;margin-top:78px;color:#e8dfc9;position:relative;z-index:1}
.visual-number span{font-family:Arial,sans-serif;font-size:13px;letter-spacing:.22em;color:#d2bea1}
.visual-caption{position:relative;z-index:1;color:#d4d0bd;letter-spacing:.08em}
.visual-grid{position:relative;z-index:1;margin-top:65px}
.visual-grid div{border-top:1px solid #99aaa066}
.visual-grid strong{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#f3ebd9}
.visual-grid span{color:#aab9ad}
.mobile-cta{text-decoration:none;font-size:12px}
.compact-top{padding-top:0}
.hours-unit{font-size:17px}
.form-note{margin:13px 0 0}
.subject-title{font-size:30px;margin:18px 0}
.result-cta{margin-top:10px}
.strip{background:#ebe4d8;border-color:#d5c7b5}
.strip strong{color:#805d3b}
.strip a{text-underline-offset:4px}
.section{padding:112px 0}
.section-head{max-width:760px}
.section-head p{font-size:16px;line-height:1.9}
.exam-card,.mode,.resource,.diag-form{border-radius:0;background:#faf8f3;border-color:#d7cfc3;box-shadow:none}
.exam-card{min-height:285px;padding:38px}
.exam-card h3{font-size:33px}
.exam-card .tag,.resource b{color:#9b704a;letter-spacing:.16em}
.exam-card .foot{color:#29464b}
.callout{background:#ebe6dd;border-color:#a77948;color:#394d4e}
.dark{background:#172a2d}
.dark .eyebrow{color:#bc9a72!important}
.phase{background:#1f3639;border-color:#526765;border-radius:0;min-height:315px;padding:28px}
.phase .num,.phase time{color:#c7ad8b}
.phase h3{font-size:27px}
.phase .result{border-color:#66807e}
.tabs{border-bottom:1px solid #bcb3a7;gap:0}
.tab{border:0;border-radius:0;padding:12px 22px;color:#5b6768}
.tab[aria-selected="true"]{background:transparent;color:#1d3c3e;border-bottom:2px solid #9b704a}
.subject-panel{border-radius:0;background:#faf8f3}
.subject-panel .pill{border-radius:0;background:#e6dfd2;color:#8f6640}
.mode .hours{color:#8b6643;font-family:Georgia,serif;font-weight:400}
.diagnostic{background:#e9e2d7}
.diagnostic .callout{background:#dfd3c3!important}
.diag-form{box-shadow:18px 18px 0 #d5c7b7}
.field input,.field select,.field textarea{border-radius:0;border:1px solid #bdb5a9;background:#fffdf9;color:#24383b;width:100%;padding:12px 13px}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #b99b73;border-color:#9a7857}
.diag-output{border-radius:0;background:#1e393c}
.resource-grid{gap:1px;background:#d7cfc3;border:1px solid #d7cfc3}
.resource{border:0;border-radius:0;min-height:205px}
.resource h3{font-size:24px}
.daily{border-radius:0;background:#213a3c;border-color:#607675}
.daily-row span{color:#c6ad87}
.faq summary{font-family:Georgia,"Songti SC",serif;font-size:21px}
.faq summary:after{color:#a37648}
.lead-section{background:#f7f3ec}
.lead-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.lead-copy>p{max-width:520px;color:var(--muted);font-size:16px;line-height:1.9}
.lead-qr{display:flex;align-items:center;gap:20px;margin-top:52px;border-top:1px solid #cfc5b7;padding-top:26px}
.lead-qr img{width:122px;height:122px;border:1px solid #d4c9b7;object-fit:cover;background:#fff}
.lead-qr strong{display:block;font-family:Georgia,"Songti SC",serif;font-weight:500;font-size:22px}
.lead-qr span{display:block;color:var(--muted);font-size:13px;margin-top:6px}
.lead-card{background:#ede7dc;border:1px solid #d0c6b8;padding:36px;box-shadow:16px 16px 0 #ddd3c4}
.lead-card-top{display:flex;justify-content:space-between;border-bottom:1px solid #bdb2a2;padding-bottom:20px;margin-bottom:28px;font-size:11px;letter-spacing:.18em;color:#8c694b}
.lead-preview-note{border-left:2px solid #a37648;padding:14px 18px;background:#e2d8c9;color:#34484a;font-size:14px}
.lead-preview-note[hidden]{display:none}
.lead-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#526268;line-height:1.65;margin:10px 0 22px}
.lead-consent input{margin-top:3px;accent-color:#1c5554}
.lead-card .btn{width:100%}
.lead-result{min-height:24px;font-size:13px;color:#26544f;margin:12px 0 0}
.final-cta{background:#d4c6b2}
.final-cta h2{font-size:clamp(40px,4.7vw,64px)}
.footer{background:#111f23}
.footer .logo{color:#efe5d3}
@media(max-width:900px){.hero-inner,.lead-layout{grid-template-columns:1fr}.visual{max-width:620px;width:100%;min-height:385px}.visual-number{margin-top:42px}.visual-grid{margin-top:35px}.lead-layout{gap:40px}}
@media(max-width:600px){.container{width:min(100% - 36px,1200px)}.hero-inner{padding:70px 0 75px;gap:35px}.hero h1{font-size:clamp(47px,12vw,64px)}.visual{min-height:340px;padding:25px;box-shadow:12px 12px 0 #d8d0c2}.visual-number{font-size:105px;margin-top:50px}.visual-grid{margin-top:32px}.section{padding:76px 0}.exam-card,.mode,.diag-form{padding:26px}.lead-card{padding:25px;box-shadow:10px 10px 0 #ddd3c4}.lead-qr img{width:92px;height:92px}.nav-inner{min-height:70px}.logo em{display:none}}
