/* ============================================================
   Landing Vision v2 · 数字山河志
   产品发布式留白 × 中国纸雕地形 × 严谨职业叙事
   ============================================================ */

body[data-view="home"] main{
  padding-top:64px!important;
  overflow:clip;
  background:#f4f7f9!important;
}
.landing-page{
  --lv-blue:#126fc3;
  --lv-cyan:#27a9c8;
  --lv-teal:#0b596d;
  --lv-ink:#092740;
  --lv-deep:#061b2c;
  --lv-muted:#657d90;
  --lv-line:rgba(22,79,119,.13);
  --lv-paper:#f4f8fa;
  --lv-white:#fff;
  --lv-gold:#d5a94e;
  --lv-serif:"Songti SC","STSong","Noto Serif CJK SC",serif;
  --lv-sans:"SF Pro Display","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI",sans-serif;
  color:var(--lv-ink);
  background:#fff;
  font-family:var(--lv-sans);
  -webkit-font-smoothing:antialiased;
}
.landing-page *{box-sizing:border-box}
.landing-page button,.landing-page a{font:inherit}
.landing-page button{cursor:pointer}
.landing-page :focus-visible{outline:3px solid rgba(39,169,200,.38);outline-offset:3px}

/* Hero */
.landing-hero{
  position:relative;
  min-height:calc(100svh - 64px);
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:#eef4f6;
  border-bottom:1px solid rgba(26,79,111,.08);
}
.landing-hero::before{
  content:"";
  position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 29%,rgba(255,255,255,.54) 48%,rgba(255,255,255,.04) 72%),
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(226,239,244,.12));
}
.landing-hero::after{
  content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:170px;
  background:linear-gradient(180deg,transparent,#f4f7f9);
  pointer-events:none;
}
.landing-hero-visual{
  position:absolute;inset:0;z-index:-2;
  background:url("../img/ui/home-landscape-2026-v1.webp") 56% center/cover no-repeat;
  transform:scale(1.006);
  animation:lvHeroBreathe 14s cubic-bezier(.2,.7,.2,1) both;
}
.landing-hero-copy{
  position:relative;z-index:2;
  width:min(610px,53%);
  margin-left:clamp(44px,6vw,104px);
  padding:82px 0 118px;
  animation:lvHeroEnter .9s cubic-bezier(.18,.8,.2,1) both;
}
.landing-release{
  width:max-content;max-width:100%;display:flex;align-items:center;gap:10px;
  margin-bottom:30px;padding:7px 13px 7px 7px;border:1px solid rgba(25,116,148,.15);
  border-radius:999px;background:rgba(255,255,255,.68);backdrop-filter:blur(18px);
  box-shadow:0 8px 30px rgba(19,73,100,.06);
  color:#365f72;font-size:11px;letter-spacing:.04em;
}
.landing-release span{
  padding:5px 9px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#147ea5,#0d6078);
  font:800 10px/1 var(--lv-sans);letter-spacing:.12em;
}
.landing-release b{font-weight:650}
.landing-hero-eyebrow,.landing-eyebrow{
  margin:0;color:#167d9e;font-size:10px;font-weight:800;letter-spacing:.27em;text-transform:uppercase;
}
body[data-view="home"] .landing-hero h1{
  max-width:600px;margin:15px 0 24px;color:var(--lv-deep);
  font:800 clamp(52px,5.25vw,82px)/1.05 var(--lv-serif);
  letter-spacing:-.064em;
}
.landing-hero h1 em{
  color:var(--lv-blue);font-style:normal;
  background:linear-gradient(100deg,#0e63b4,#1698b5 78%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.landing-hero-sub{
  max-width:570px;margin:0;color:#49697c;font-size:clamp(15px,1.15vw,18px);line-height:1.9;
  text-wrap:pretty;
}
.landing-hero-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:34px}
.landing-discover-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:17px}.landing-discover-links a{color:#257a93;font-size:10px;font-weight:750;text-decoration:none;border-bottom:1px solid rgba(37,122,147,.2)}.landing-discover-links a:hover{color:#0d6392;border-color:currentColor}
.lv-btn{
  min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:0 24px;border-radius:999px;border:1px solid transparent;
  font-size:14px;font-weight:750;letter-spacing:.01em;
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,background .3s,border-color .3s;
}
.lv-btn i{font-style:normal;transition:transform .3s}
.lv-btn:hover{transform:translateY(-2px)}
.lv-btn:hover i{transform:translateX(3px)}
.lv-btn-primary{color:#fff;background:linear-gradient(135deg,#0d6cbc,#148cad);box-shadow:0 13px 32px rgba(16,105,162,.22)}
.lv-btn-primary:hover{box-shadow:0 18px 42px rgba(16,105,162,.3)}
.lv-btn-ghost{color:#17435f;background:rgba(255,255,255,.64);border-color:rgba(19,78,112,.17);backdrop-filter:blur(16px)}
.lv-btn-ghost:hover{background:#fff;border-color:rgba(18,105,159,.28)}
.landing-hero-meta{
  display:flex;gap:22px;flex-wrap:wrap;margin-top:36px;padding-top:20px;
  border-top:1px solid rgba(21,78,110,.12);color:#51676f;font-size:10px;
}
.landing-hero-meta span{display:flex;align-items:baseline;gap:5px}
.landing-hero-meta b{color:#153f59;font:700 14px/1 Georgia,serif}
.landing-scroll-cue{
  position:absolute;left:50%;bottom:24px;z-index:4;transform:translateX(-50%);
  display:grid;justify-items:center;gap:7px;padding:0;border:0;background:none;color:#638090;
  font-size:9px;letter-spacing:.15em;
}
.landing-scroll-cue span{width:1px;height:27px;background:linear-gradient(#1e89a7,transparent);animation:lvScroll 1.8s ease-in-out infinite}

/* Proof strip and common sections */
.landing-proof{
  max-width:1180px;display:grid;grid-template-columns:repeat(3,1fr);margin:0 auto;
  padding:24px clamp(24px,4vw,58px);border-bottom:1px solid var(--lv-line);
}
.landing-proof>div{padding:12px 28px;border-right:1px solid var(--lv-line)}
.landing-proof>div:first-child{padding-left:0}.landing-proof>div:last-child{padding-right:0;border-right:0}
.landing-proof span{display:block;margin-bottom:7px;color:#8094a1;font-size:9px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}
.landing-proof b{color:#173e57;font-size:13px;font-weight:700}
.landing-stats{max-width:1180px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:34px auto 0;padding:0 clamp(24px,4vw,58px);background:var(--lv-line)}
.landing-stats article{min-height:180px;padding:28px;background:#fff}
.landing-stats b{display:block;color:#0d668e;font:750 34px/1 var(--lv-serif);letter-spacing:-.04em}
.landing-stats span{display:block;margin-top:11px;color:#183e56;font-size:12px;font-weight:800}
.landing-stats p{margin:13px 0 0;color:#78909c;font-size:10px;line-height:1.75}
.landing-section{max-width:1180px;margin:0 auto;padding:128px clamp(24px,4vw,58px)}
.landing-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,400px);gap:70px;align-items:end;margin-bottom:55px}
.landing-section-head.is-centered{display:block;max-width:870px;margin:0 auto 64px;text-align:center}
.landing-section-head.is-centered>p{max-width:660px;margin:22px auto 0}
body[data-view="home"] .landing-section-head h2,
body[data-view="home"] .landing-path-wrap h2,
body[data-view="home"] .landing-cta h2{
  margin:13px 0 0;color:var(--lv-deep);font:800 clamp(36px,4.1vw,58px)/1.13 var(--lv-serif);letter-spacing:-.052em;
}
.landing-section-head h2 em{font-style:normal;color:var(--lv-blue)}
.landing-section-head>p{margin:0;color:var(--lv-muted);font-size:14px;line-height:1.9;text-wrap:pretty}

/* Certificate / exam architecture */
.landing-certificate{padding-top:145px}
.lv-certificate-layout{display:grid;grid-template-columns:.92fr 1.18fr;gap:18px;align-items:stretch}
.lv-certificate-card{
  position:relative;min-height:540px;padding:40px;border-radius:30px;overflow:hidden;
  display:flex;flex-direction:column;color:#d6e8ef;
  background:
    radial-gradient(circle at 100% 0%,rgba(50,181,207,.26),transparent 36%),
    linear-gradient(155deg,#092d45 0%,#0b5165 100%);
  box-shadow:0 28px 70px rgba(7,45,68,.18);
}
.lv-certificate-card::after{
  content:"";position:absolute;right:-110px;bottom:-125px;width:360px;height:360px;border:1px solid rgba(151,219,230,.16);border-radius:50%;
  box-shadow:0 0 0 38px rgba(151,219,230,.045),0 0 0 76px rgba(151,219,230,.035);
}
.lv-certificate-seal{
  position:absolute;top:34px;right:34px;width:62px;height:62px;display:grid;place-items:center;
  border:1px solid rgba(203,237,240,.34);border-radius:50%;color:#bfe8ed;
  font:750 9px/1.25 var(--lv-sans);letter-spacing:.16em;text-align:center;
}
.lv-certificate-card>div:nth-child(2){position:relative;z-index:1;padding-right:60px}
.lv-certificate-card>div:nth-child(2)>span{color:#88ccd9;font-size:9px;font-weight:800;letter-spacing:.19em}
.lv-certificate-card h3{margin:15px 0 0;color:#fff;font:800 28px/1.45 var(--lv-serif);letter-spacing:-.03em}
.lv-certificate-card ol{position:relative;z-index:1;display:grid;gap:0;margin:auto 0 26px;padding:0;list-style:none}
.lv-certificate-card li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid rgba(205,232,237,.12)}
.lv-certificate-card li>i{color:#70c9d7;font:700 11px Georgia,serif;font-style:normal}
.lv-certificate-card li span{display:grid;gap:4px}.lv-certificate-card li b{color:#edf8fa;font-size:13px}.lv-certificate-card li small{color:#8fb7c4;font-size:11px;line-height:1.5}
.lv-certificate-note{position:relative;z-index:1;color:#82aab7;font-size:10px;line-height:1.6}
.lv-exam-system{padding:40px;border:1px solid var(--lv-line);border-radius:30px;background:#f6f9fa}
.lv-exam-title{display:grid;gap:10px;margin-bottom:25px}
.lv-exam-title span{color:#288aa3;font-size:9px;font-weight:800;letter-spacing:.18em}
.lv-exam-title b{max-width:500px;color:#173d55;font:750 20px/1.55 var(--lv-serif)}
.lv-exam-papers{display:grid;gap:11px}
.lv-exam-papers article{
  position:relative;display:grid;grid-template-columns:36px 1fr;gap:4px 12px;padding:23px 24px;
  border:1px solid rgba(27,89,121,.11);border-radius:17px;background:#fff;
  transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .28s;
}
.lv-exam-papers article:hover{transform:translateX(4px);border-color:rgba(31,143,170,.28);box-shadow:0 16px 38px rgba(22,81,111,.08)}
.lv-exam-papers article>i{grid-row:1/4;color:#22707f;font:700 12px Georgia,serif;font-style:normal}
.lv-exam-papers article>span{color:#7d949f;font-size:9px;font-weight:750;letter-spacing:.13em}
.lv-exam-papers h3{margin:3px 0 0;color:#133c55;font-size:17px}.lv-exam-papers p{margin:3px 0 0;color:#718894;font-size:12px;line-height:1.6}
.lv-exam-papers .is-interview{color:#fff;background:linear-gradient(120deg,#0e5d78,#137f94);border-color:transparent}
.lv-exam-papers .is-interview>i,.lv-exam-papers .is-interview>span{color:#9ddce4}.lv-exam-papers .is-interview h3{color:#fff}.lv-exam-papers .is-interview p{color:#b9dce2}
.lv-subjects{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.lv-subject{min-height:255px;display:flex;flex-direction:column;align-items:stretch;padding:26px;text-align:left;color:var(--lv-ink);border:1px solid var(--lv-line);border-radius:20px;background:#fff;transition:transform .28s,box-shadow .28s,border-color .28s}
.lv-subject:hover{transform:translateY(-4px);border-color:rgba(36,146,169,.34);box-shadow:0 18px 42px rgba(20,74,105,.08)}
.lv-subject-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.lv-subject-top>i{color:#2689a2;font:700 12px Georgia,serif;font-style:normal}.lv-subject-top>small{color:#7d929d;font-size:9px}
.lv-subject h3{margin:35px 0 12px;color:#123a52;font:750 18px/1.45 var(--lv-serif)}.lv-subject p{margin:0;color:#718691;font-size:11px;line-height:1.8}.lv-subject>em{margin-top:auto;padding-top:22px;color:#267f98;font-size:10px;font-weight:750;font-style:normal}.lv-subject>em i{font-style:normal}
.lv-interview-note{display:grid;grid-template-columns:56px 1fr auto;gap:22px;align-items:center;margin-top:12px;padding:25px 28px;border-radius:20px;color:#d8edf1;background:linear-gradient(120deg,#0a3853,#0e7787)}
.lv-interview-note>span{color:#79cfda;font:700 17px Georgia,serif}.lv-interview-note>div{display:grid;gap:5px}.lv-interview-note small{color:#86cbd5;font-size:9px;letter-spacing:.12em}.lv-interview-note h3{margin:0;color:#fff;font:750 18px var(--lv-serif)}.lv-interview-note p{max-width:710px;margin:0;color:#acd0d7;font-size:10px;line-height:1.7}.lv-interview-note button{padding:11px 0 11px 20px;border:0;border-left:1px solid rgba(213,239,243,.18);background:none;color:#fff;font-size:10px;font-weight:750;white-space:nowrap}.lv-interview-note button i{font-style:normal}

/* Value and career */
.landing-value{padding-top:118px}
.lv-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lv-benefit{min-height:285px;padding:30px 26px;border:1px solid var(--lv-line);border-radius:22px;background:#fff;transition:transform .3s,box-shadow .3s,border-color .3s}
.lv-benefit:hover{transform:translateY(-5px);border-color:rgba(37,151,178,.3);box-shadow:0 24px 50px rgba(17,75,105,.09)}
.lv-benefit>span{display:block;margin-bottom:55px;color:#22707f;font:700 12px Georgia,serif}
.lv-benefit h3{margin:0 0 13px;color:#123950;font:750 18px/1.45 var(--lv-serif)}
.lv-benefit p{margin:0;color:#718590;font-size:12px;line-height:1.8}
.landing-career{position:relative;overflow:hidden;color:#dbeaf0;background:#071f31}
.landing-career::after{content:"";position:absolute;inset:0 0 0 42%;background:url("../img/ui/home-landscape-2026-v1.webp") 56% center/cover no-repeat;opacity:.1;filter:saturate(.6) contrast(1.1);mix-blend-mode:screen}
.landing-career-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:125px clamp(24px,4vw,58px)}
.landing-career .landing-section-head{border-bottom:1px solid rgba(211,235,241,.13);padding-bottom:42px}
.landing-career .landing-eyebrow{color:#75cbd8}
body[data-view="home"] .landing-career h2{color:#f1f8fa}.landing-career h2 em{color:#80d2dc}
.landing-career .landing-section-head>p{color:#9ebbc5}
.lv-career-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(218,239,243,.12);border:1px solid rgba(218,239,243,.12)}
.lv-career-grid article{min-height:290px;padding:28px 24px;background:rgba(7,31,49,.9);transition:background .3s}
.lv-career-grid article:hover{background:rgba(13,66,82,.9)}
.lv-career-grid i{display:block;margin-bottom:48px;color:#67bdcb;font:700 11px Georgia,serif;font-style:normal}.lv-career-grid span{color:#75a8b6;font-size:9px;font-weight:750;letter-spacing:.16em}
.lv-career-grid h3{margin:12px 0;color:#fff;font:700 18px/1.5 var(--lv-serif)}.lv-career-grid p{margin:0;color:#98b8c2;font-size:12px;line-height:1.8}
.lv-career-disclaimer{max-width:760px;margin:22px 0 0;color:#668a96;font-size:9px;line-height:1.7}

/* Path */
.landing-path-section{padding-top:105px;padding-bottom:105px}
.landing-path-wrap{padding:65px 58px;border-radius:30px;background:linear-gradient(145deg,#eef6f8,#f9fbfb);border:1px solid var(--lv-line)}
.landing-path-wrap header{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-bottom:35px;border-bottom:1px solid var(--lv-line)}
body[data-view="home"] .landing-path-wrap h2{font-size:clamp(31px,3.4vw,48px)}
.lv-timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:44px}
.lv-timeline::before{content:"";position:absolute;left:20px;right:20px;top:20px;height:1px;background:linear-gradient(90deg,#55b2c3,#b6dbe1 82%,#d4a84e)}
.lv-step{position:relative;z-index:1}.lv-step-dot{width:42px;height:42px;display:grid;place-items:center;margin-bottom:24px;border-radius:50%;color:#287f96;background:#f4fafb;border:1px solid #80beca;font:700 10px Georgia,serif}
.lv-step.is-final .lv-step-dot{color:#fff;background:#96690d;border-color:#e5c77c;box-shadow:0 0 0 7px rgba(213,169,78,.1)}
.lv-step h3{margin:0 0 10px;color:#123a52;font:750 15px var(--lv-serif)}.lv-step p{margin:0;color:#718691;font-size:11px;line-height:1.75}

/* Product bento */
.landing-product{padding-top:95px}
.lv-features{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,245px) 230px;gap:14px}
.lv-feature{
  position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;
  padding:28px;text-align:left;color:#123950;background:#f3f7f8;border:1px solid var(--lv-line);border-radius:24px;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s;
}
.lv-feature:hover{transform:translateY(-4px);border-color:rgba(32,141,168,.32);box-shadow:0 24px 55px rgba(15,70,99,.11)}
.lv-feature-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.lv-feature-top>i{color:#4b8798;font-size:9px;font-weight:800;letter-spacing:.15em;font-style:normal}
.lv-feature-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65}.lv-feature-copy{position:relative;z-index:2;display:block;max-width:410px}
.lv-feature h3{margin:0 0 10px;color:inherit;font:750 25px/1.25 var(--lv-serif)}.lv-feature p{margin:0;color:#69818e;font-size:12px;line-height:1.78}
.lv-feature>em{position:relative;z-index:2;color:#237f99;font-size:10px;font-weight:750;font-style:normal}.lv-feature>em i{font-style:normal}
.lv-feature-1{grid-column:1/8;grid-row:1/3;padding:34px}
.lv-feature-1::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 22%,rgba(245,250,250,.98) 82%),url("../img/ui/home-landscape-2026-v1.webp") 61% center/cover no-repeat}
.lv-feature-1 .lv-feature-copy{margin-top:auto;padding-top:260px}.lv-feature-1 h3{font-size:35px}.lv-feature-1 p{max-width:480px;font-size:13px}
.lv-feature-2{grid-column:8/13;grid-row:1;color:#fff;background:linear-gradient(135deg,#0a3b57,#0b7182)}
.lv-feature-2 .lv-feature-top>i,.lv-feature-2>em{color:#90d7df}.lv-feature-2 p{color:#b7d7dc}.lv-feature-2 h3{color:#fff}
.lv-feature-2::after{content:"9,199";position:absolute;right:20px;bottom:-18px;color:rgba(255,255,255,.075);font:700 70px Georgia,serif;letter-spacing:-.05em}
.lv-feature-3{grid-column:8/13;grid-row:2;background:#eef4fb}
.lv-feature-4{grid-column:1/5;grid-row:3}.lv-feature-5{grid-column:5/9;grid-row:3}.lv-feature-6{grid-column:9/13;grid-row:3}
.lv-feature-4,.lv-feature-6{background:#fff}.lv-feature-5{background:#f8f4eb;border-color:rgba(158,119,50,.14)}
.lv-feature-4 h3,.lv-feature-5 h3,.lv-feature-6 h3{font-size:20px}

/* Learning loop */
.landing-flow-section{padding-top:105px}
.landing-flow-wrap{position:relative;overflow:hidden;padding:70px 60px;border-radius:32px;color:#d9eaf0;background:linear-gradient(145deg,#082a42,#0b5667)}
.landing-flow-wrap::after{content:"";position:absolute;right:-130px;top:-170px;width:480px;height:480px;border:1px solid rgba(145,220,229,.11);border-radius:50%;box-shadow:0 0 0 55px rgba(145,220,229,.03),0 0 0 110px rgba(145,220,229,.025)}
.landing-flow-wrap .landing-section-head{position:relative;z-index:1;margin-bottom:60px}.landing-flow-wrap .landing-eyebrow{color:#86d5df}
body[data-view="home"] .landing-flow-wrap .landing-section-head h2{color:#fff;font-size:clamp(34px,3.6vw,50px)}.landing-flow-wrap .landing-section-head>p{color:#a6c5cd}
.lv-flow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(207,236,241,.15)}
.lv-flow-step{position:relative;display:grid;grid-template-columns:36px 1fr;gap:13px;padding:30px 24px 8px 0}
.lv-flow-step:not(:last-child)::after{content:"";position:absolute;right:20px;top:-3px;width:6px;height:6px;border:1px solid #6ec6d2;border-radius:50%;background:#0a4659}
.lv-flow-no{color:#70c4d0;font:700 11px Georgia,serif}.lv-flow-step h3{margin:0 0 10px;color:#fff;font:700 16px var(--lv-serif)}.lv-flow-step p{margin:0;color:#9ebbc4;font-size:11px;line-height:1.75}
.lv-flow-actions{position:relative;z-index:1;display:flex;align-items:center;gap:22px;margin-top:45px}.landing-flow-wrap .lv-btn-primary{color:#0b4c61;background:#fff;box-shadow:0 13px 32px rgba(0,0,0,.14)}
.lv-text-link{padding:10px 0;border:0;background:none;color:#9dd9e1;font-size:11px;font-weight:750}

/* Syllabus */
#lvSyllabus{padding-top:100px}
.lv-syllabus-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;align-items:stretch}
.lv-syllabus-national{display:grid;gap:10px}
.lv-syllabus-link{display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:center;min-height:105px;padding:22px 24px;text-decoration:none;color:var(--lv-ink);border:1px solid var(--lv-line);border-radius:18px;background:#fff;transition:transform .28s,box-shadow .28s,border-color .28s}
.lv-syllabus-link:hover{transform:translateY(-3px);border-color:rgba(34,143,169,.34);box-shadow:0 18px 42px rgba(20,74,105,.08)}
.lv-doc-type{color:#2b879c;font:700 9px Georgia,serif;letter-spacing:.12em}.lv-syllabus-link div{display:grid;gap:7px}.lv-syllabus-link b{color:#143b52;font-size:14px}.lv-syllabus-link div span{color:#5f7480;font-size:10px}
.lv-syllabus-link>em{color:#277f98;font-size:10px;font-weight:750;font-style:normal}.lv-syllabus-link>em i{font-style:normal}.lv-syllabus-link.is-current{background:linear-gradient(110deg,#eef9fa,#fff)}
.lv-syllabus-aside{display:flex;flex-direction:column;justify-content:center;padding:30px;border-radius:18px;color:#d7e9ee;background:linear-gradient(145deg,#0c3b54,#0d6674)}
.lv-syllabus-aside>span{color:#8dd2dc;font-size:9px;font-weight:800;letter-spacing:.16em}.lv-syllabus-aside>b{display:flex;align-items:baseline;gap:7px;margin:16px 0;color:#fff;font:700 52px/1 Georgia,serif}.lv-syllabus-aside b small{font:650 11px var(--lv-sans);color:#a9ced5}.lv-syllabus-aside p{margin:0;color:#a8c9d0;font-size:11px;line-height:1.75}
.lv-province-directory{margin-top:22px;border:1px solid var(--lv-line);border-radius:20px;background:#f8fafb;overflow:hidden}
.lv-province-directory summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;list-style:none;cursor:pointer}.lv-province-directory summary::-webkit-details-marker{display:none}.lv-province-directory summary>span{display:grid;gap:4px}.lv-province-directory summary b{font-size:13px}.lv-province-directory summary small{color:#5f7480;font-size:10px}.lv-province-directory summary>i{font-size:22px;font-style:normal;transition:transform .25s}.lv-province-directory[open] summary>i{transform:rotate(45deg)}
.lv-province-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 14px 18px;border-top:1px solid var(--lv-line)}
.lv-province{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:12px 15px;border:1px solid var(--lv-line);border-radius:12px;background:#fff;text-decoration:none;color:var(--lv-ink);transition:transform .24s,border-color .24s,box-shadow .24s}
.lv-province:hover{transform:translateY(-2px);border-color:rgba(36,146,169,.35);box-shadow:0 10px 22px rgba(20,74,105,.07)}.lv-province>span{display:grid;gap:4px}.lv-province b{font-size:12px}.lv-province small{color:#5f7480;font-size:9px;line-height:1.35}.lv-province>i{font-style:normal;color:#5f7480}.lv-province.is-ready{background:#f3fbf7;border-color:rgba(59,157,108,.24)}.lv-province.is-ready>i{color:#3b9d6c}.lv-province.is-reference{background:#fffaf0;border-color:rgba(191,139,49,.24)}.lv-province.is-reference>i{color:#b07a21}

/* Final CTA and footer */
.landing-cta{max-width:1064px;margin:15px auto 0;display:flex;align-items:center;justify-content:space-between;gap:60px;padding:66px 68px;border-radius:32px;color:#fff;background:linear-gradient(125deg,#0b3450 0%,#0a6a78 100%);box-shadow:0 28px 70px rgba(8,55,80,.18)}
.landing-cta>div>span{color:#8ed2dc;font-size:9px;font-weight:800;letter-spacing:.18em}.landing-cta h2{color:#fff!important;font-size:clamp(30px,3.4vw,46px)!important}.landing-cta p{max-width:570px;margin:14px 0 0;color:#acd0d7;font-size:12px;line-height:1.8}.landing-cta .lv-btn-primary{flex-shrink:0;color:#0b5063;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.15)}
.landing-footer{max-width:1180px;margin:0 auto;padding:55px clamp(24px,4vw,58px) 75px;display:flex;align-items:center;gap:18px}.landing-footer>span{display:flex;align-items:center;gap:10px}.landing-footer>span b{font:800 15px var(--lv-serif);white-space:nowrap}.landing-footer p{flex:1;margin:0;color:#5f7480;font-size:9px}.landing-footer nav{display:flex;gap:15px}.landing-footer nav button,.landing-footer nav a{padding:0;border:0;background:none;color:#58778a;font-size:10px;font-weight:700;text-decoration:none}

@keyframes lvHeroEnter{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes lvHeroBreathe{from{transform:scale(1.03)}to{transform:scale(1.006)}}
@keyframes lvScroll{0%,100%{opacity:.25;transform:scaleY(.55);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}

@media(max-width:1080px){
  .landing-hero-copy{width:min(580px,59%);margin-left:46px}.landing-hero::before{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.35) 63%,transparent 82%)}
  .landing-section-head{gap:40px}.lv-certificate-layout{grid-template-columns:1fr}.lv-certificate-card{min-height:500px}
  .landing-stats{grid-template-columns:repeat(2,1fr)}.lv-subjects{grid-template-columns:repeat(2,1fr)}
  .lv-benefits,.lv-career-grid{grid-template-columns:repeat(2,1fr)}
  .lv-features{grid-template-rows:420px repeat(3,220px)}.lv-feature-1{grid-column:1/13;grid-row:1}.lv-feature-1 .lv-feature-copy{padding-top:200px}.lv-feature-2{grid-column:1/7;grid-row:2}.lv-feature-3{grid-column:7/13;grid-row:2}.lv-feature-4{grid-column:1/7;grid-row:3}.lv-feature-5{grid-column:7/13;grid-row:3}.lv-feature-6{grid-column:1/13;grid-row:4}
  .lv-province-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  body[data-view="home"] main{padding-top:64px!important}
  .landing-hero{min-height:780px;align-items:flex-start}.landing-hero-visual{background-position:66% bottom;background-size:auto 68%;background-repeat:no-repeat}.landing-hero::before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) 47%,rgba(255,255,255,.42) 75%,rgba(244,247,249,.3) 100%)}
  .landing-hero-copy{width:auto;margin:0;padding:58px 22px 280px}.landing-release{margin-bottom:21px}.landing-hero-eyebrow{font-size:8px;letter-spacing:.19em}body[data-view="home"] .landing-hero h1{font-size:45px;letter-spacing:-.055em}.landing-hero-sub{font-size:14px;line-height:1.8}
  .landing-hero-cta{align-items:stretch}.lv-btn{min-height:50px}.landing-hero-meta{gap:11px 16px;margin-top:26px}.landing-scroll-cue{display:none}
  .landing-proof{grid-template-columns:1fr;padding:18px 22px}.landing-proof>div,.landing-proof>div:first-child,.landing-proof>div:last-child{padding:14px 0;border-right:0;border-bottom:1px solid var(--lv-line)}.landing-proof>div:last-child{border-bottom:0}
  .landing-stats{grid-template-columns:1fr;margin-top:20px;padding:0 22px;background:transparent}.landing-stats article{min-height:auto;border-bottom:1px solid var(--lv-line);padding:24px 0}.landing-stats b{font-size:30px}
  .landing-section,.landing-career-inner{padding:82px 22px}.landing-section-head{display:block;margin-bottom:36px}.landing-section-head>p{margin-top:19px}.landing-section-head.is-centered{text-align:left;margin-bottom:42px}.landing-section-head.is-centered>p{margin:19px 0 0}
  body[data-view="home"] .landing-section-head h2{font-size:35px}.landing-certificate{padding-top:90px}
  .lv-certificate-card,.lv-exam-system{padding:28px;border-radius:23px}.lv-certificate-card{min-height:520px}.lv-certificate-card h3{font-size:24px}.lv-certificate-seal{top:26px;right:24px;width:52px;height:52px}.lv-exam-papers article{padding:20px}
  .lv-subjects{grid-template-columns:1fr}.lv-subject{min-height:225px}.lv-interview-note{grid-template-columns:42px 1fr;padding:23px}.lv-interview-note>button{grid-column:2;padding:13px 0 0;border-left:0;border-top:1px solid rgba(213,239,243,.18);text-align:left}
  .lv-benefits,.lv-career-grid{grid-template-columns:1fr}.lv-benefit{min-height:235px}.lv-benefit>span{margin-bottom:34px}.lv-career-grid article{min-height:230px}.lv-career-grid i{margin-bottom:35px}
  .landing-path-section{padding:72px 14px}.landing-path-wrap{padding:45px 24px;border-radius:24px}.landing-path-wrap header{display:block}.lv-timeline{grid-template-columns:1fr;gap:0}.lv-timeline::before{left:20px;right:auto;top:0;bottom:0;width:1px;height:auto}.lv-step{display:grid;grid-template-columns:42px 1fr;gap:16px;padding-bottom:28px}.lv-step-dot{margin:0}.lv-step p{max-width:440px}
  .lv-features{display:grid;grid-template-columns:1fr;grid-template-rows:390px repeat(5,210px)}.lv-feature-1,.lv-feature-2,.lv-feature-3,.lv-feature-4,.lv-feature-5,.lv-feature-6{grid-column:1;grid-row:auto}.lv-feature-1{padding:26px}.lv-feature-1 .lv-feature-copy{padding-top:195px}.lv-feature-1 h3{font-size:28px}
  .landing-flow-section{padding-left:14px;padding-right:14px}.landing-flow-wrap{padding:48px 24px;border-radius:24px}.lv-flow{grid-template-columns:1fr}.lv-flow-step{padding:22px 0;border-bottom:1px solid rgba(207,236,241,.12)}.lv-flow-step:not(:last-child)::after{display:none}.lv-flow-actions{align-items:stretch;flex-direction:column;gap:8px}.lv-text-link{text-align:left}
  .lv-syllabus-intro{grid-template-columns:1fr}.lv-syllabus-link{grid-template-columns:58px 1fr}.lv-syllabus-link>em{grid-column:2}.lv-syllabus-aside{min-height:230px}.lv-province-grid{grid-template-columns:repeat(2,1fr);padding:8px}.lv-province{min-height:68px;padding:11px}
  .landing-cta{margin:0 14px;display:block;padding:48px 28px;border-radius:25px}.landing-cta .lv-btn{width:100%;margin-top:27px}.landing-footer{display:grid;grid-template-columns:1fr auto}.landing-footer p{grid-column:1/-1;grid-row:2}.landing-footer nav{gap:9px}
}
@media(max-width:430px){
  .landing-release b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-hero-cta{display:grid}.landing-hero-cta .lv-btn{width:100%}.landing-hero-meta span{width:100%}
  .lv-province-grid{grid-template-columns:1fr}.landing-footer{display:flex;align-items:flex-start;flex-direction:column}.landing-footer nav{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  .landing-page *{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}
}