:root { --ink:#10213d; --muted:#64748b; --line:#dfe7f1; --blue:#1267e8; --blue-dark:#0849a7; --soft:#f3f7fc; --green:#0f8b65; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
a { color:inherit; }
.site-header { height:72px; display:flex; align-items:center; gap:38px; padding:0 clamp(22px,5vw,76px); border-bottom:1px solid var(--line); background:rgba(255,255,255,.94); position:sticky; top:0; z-index:10; backdrop-filter:blur(12px); }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; font-size:19px; }
.brand span { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; color:#fff; background:linear-gradient(145deg,#1677ef,#174cb9); font-size:14px; font-weight:850; box-shadow:0 7px 18px rgba(18,103,232,.22); }
.site-header nav { display:flex; gap:30px; margin-left:auto; }
.site-header nav a { color:var(--muted); font-size:14px; text-decoration:none; }
.site-header nav a:hover { color:var(--blue); }
.header-action { padding:10px 17px; border-radius:9px; background:var(--blue); color:#fff; font-size:14px; font-weight:750; text-decoration:none; }
main { overflow:hidden; }
.hero { min-height:590px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr); align-items:center; gap:clamp(38px,7vw,100px); padding:76px clamp(24px,7vw,110px) 82px; background:radial-gradient(circle at 82% 18%,#e6f1ff 0,transparent 28%),linear-gradient(145deg,#fff 18%,#f7faff 100%); }
.eyebrow { margin:0 0 14px; color:var(--blue); font-size:11px; font-weight:850; letter-spacing:.15em; }
h1 { max-width:780px; margin:0; font-size:clamp(40px,5vw,68px); line-height:1.12; letter-spacing:-.055em; }
.lead { max-width:690px; margin:26px 0 0; color:var(--muted); font-size:17px; line-height:1.85; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:22px; padding:0 21px; border-radius:10px; font-size:14px; font-weight:780; text-decoration:none; }
.button.primary { color:#fff; background:var(--blue); box-shadow:0 12px 25px rgba(18,103,232,.2); }
.button.primary:hover { background:var(--blue-dark); }
.button.secondary { border:1px solid var(--line); background:#fff; }
.button.disabled,[aria-disabled="true"] { color:#8c98a8; cursor:not-allowed; text-decoration:none; }
.button.disabled { border-color:#e5eaf0; background:#f3f5f8; box-shadow:none; }
.resume-notice { max-width:650px; display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:12px; margin-top:22px; padding:13px 15px; border:1px solid #bde4d8; border-radius:11px; background:#f0fbf7; color:#155d49; }
.resume-notice > span { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#d7f3e8; font-weight:800; }
.resume-notice p,.resume-notice small { display:block; margin:0; }
.resume-notice small { margin-top:3px; color:#528072; }
.resume-notice a { font-size:13px; font-weight:800; white-space:nowrap; }
.today-card { padding:28px; border:1px solid rgba(211,223,238,.9); border-radius:20px; background:rgba(255,255,255,.92); box-shadow:0 25px 60px rgba(27,55,91,.12); }
.today-card h2 { margin:0 0 21px; font-size:24px; }
.available-item { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:13px; padding:17px 0; border-top:1px solid var(--line); }
.available-item strong,.available-item small { display:block; }
.available-item small { margin-top:5px; color:var(--muted); font-size:12px; }
.available-item.muted { opacity:.73; }
.subject-mark { display:grid; place-items:center; width:43px; height:43px; border-radius:12px; background:#eaf2ff; color:var(--blue); font-weight:850; }
.state { padding:5px 8px; border-radius:13px; background:#edf1f6; color:var(--muted); font-size:11px; white-space:nowrap; }
.state.live { background:#e4f7f0; color:var(--green); }
.truth-note { margin:17px 0 0; padding-top:15px; border-top:1px dashed var(--line); color:var(--muted); font-size:11px; line-height:1.65; }
.path-section,.services-section { padding:78px clamp(24px,7vw,110px); }
.section-heading { max-width:760px; }
.section-heading h2 { margin:0; font-size:clamp(28px,3vw,40px); letter-spacing:-.035em; }
.section-heading > p:last-child { color:var(--muted); line-height:1.7; }
.path-list { list-style:none; display:grid; grid-template-columns:repeat(5,1fr); margin:46px 0 0; padding:0; border:1px solid var(--line); border-radius:17px; overflow:hidden; }
.path-list li { min-height:150px; padding:25px 22px; border-right:1px solid var(--line); background:#fff; }
.path-list li:last-child { border:0; }
.path-list span,.path-list strong,.path-list small { display:block; }
.path-list span { color:var(--blue); font-size:11px; font-weight:850; letter-spacing:.12em; }
.path-list strong { margin-top:27px; font-size:15px; }
.path-list small { margin-top:7px; color:var(--muted); }
.services-section { background:var(--soft); }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-top:38px; }
.service-grid article { min-height:230px; padding:26px; border:1px solid var(--line); border-radius:15px; background:#fff; }
.service-grid article > span { color:var(--blue); font-size:12px; font-weight:800; }
.service-grid h3 { margin:24px 0 10px; font-size:21px; }
.service-grid p { min-height:52px; color:var(--muted); font-size:13px; line-height:1.65; }
.service-grid a,.service-grid button,.service-grid article > span[data-feature-link] { border:0; padding:0; background:transparent; color:var(--blue); font:inherit; font-size:13px; font-weight:780; text-decoration:none; }
.service-grid button[disabled] { color:#9aa6b5; }
footer { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:30px clamp(24px,7vw,110px); border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
footer div { display:flex; align-items:baseline; gap:12px; } footer strong { color:var(--ink); font-size:18px; } footer p { margin:0; }
@media (max-width:900px) { .site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:54px}.today-card{max-width:620px}.path-list{grid-template-columns:1fr 1fr}.path-list li{border-bottom:1px solid var(--line)}.service-grid{grid-template-columns:1fr}.service-grid p{min-height:0} }
@media (max-width:560px) { .site-header{height:64px;padding:0 15px}.brand strong{display:none}.header-action{margin-left:auto}.hero{padding:42px 17px 55px}.hero h1{font-size:38px}.lead{font-size:15px}.button{width:100%}.today-card{padding:21px}.resume-notice{grid-template-columns:30px 1fr}.resume-notice a{grid-column:2}.path-section,.services-section{padding:55px 17px}.path-list{grid-template-columns:1fr}.path-list li{min-height:112px}.path-list strong{margin-top:17px}.service-grid{gap:12px}footer{align-items:flex-start;flex-direction:column;padding:28px 17px} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }