/* 文力德 V38 — AI Education System
   全站覆盖层：保留 CMS 基础功能，统一品牌、排版、交互与移动端体验。 */
:root {
  --wl-space: #08131F;
  --wl-space-2: #0D2030;
  --wl-ink: #10212E;
  --wl-mist: #F3F6F6;
  --wl-paper: #FCFDFC;
  --wl-line: rgba(16,33,46,.12);
  --wl-mint: #75F6D2;
  --wl-mint-deep: #1D9C7C;
  --wl-amber: #FFB86A;
  --wl-coral: #FF765A;
  --wl-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --wl-display: "Noto Serif SC", "Songti SC", STSong, serif;
  --wl-radius: 20px;
  --wl-shadow: 0 22px 60px rgba(8,19,31,.10);
}
html { scroll-padding-top: 84px; }
.v38-body { color: var(--wl-ink); background: var(--wl-paper); font-family: var(--wl-body); overflow-x: clip; }
.v38-body * { box-sizing: border-box; }
.v38-body img { display:block; max-width:100%; }
.v38-body a { text-decoration:none; }
.v38-skip-link { position:fixed; z-index:1000; top:-60px; left:18px; padding:10px 14px; color:var(--wl-space); background:var(--wl-mint); border-radius:8px; transition:top .2s ease; }
.v38-skip-link:focus { top:18px; }
.v38-body :focus-visible { outline:3px solid var(--wl-mint); outline-offset:4px; }
.v38-shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }

/* 全站导航 */
.v38-body #navbar { height:76px; background:rgba(8,19,31,.86)!important; border-bottom:1px solid rgba(117,246,210,.16); box-shadow:none!important; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.v38-body #navbar .text-warm-red { color:var(--wl-mint)!important; letter-spacing:.12em; }
.v38-body #navbar .text-deep-ink\/50, .v38-body #navbar .text-deep-ink\/70 { color:rgba(255,255,255,.74)!important; }
.v38-body #navbar .nav-link:hover { color:var(--wl-mint)!important; }
.v38-body #navbar .bg-warm-red { background:var(--wl-mint)!important; }
.v38-body #navbar .mobile-menu { background:var(--wl-space)!important; border-color:rgba(117,246,210,.16)!important; }
.v38-body #navbar .mobile-menu a { color:rgba(255,255,255,.84)!important; }
.v38-body #navbar .mobile-menu a:hover { color:var(--wl-mint)!important; }

/* 通用文字 */
.v38-section { position:relative; padding:130px 0; }
.v38-kicker, .v38-eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 20px; color:var(--wl-mint-deep); font-size:11px; font-weight:700; letter-spacing:.17em; }
.v38-eyebrow { color:rgba(255,255,255,.76); }
.v38-eyebrow span { width:30px; height:1px; background:var(--wl-mint); box-shadow:0 0 12px var(--wl-mint); }
.v38-kicker-light { color:var(--wl-mint); }
.v38-section-heading { display:grid; grid-template-columns:190px minmax(0,1fr); gap:40px; align-items:start; margin-bottom:64px; }
.v38-section-heading .v38-kicker { margin-top:14px; }
.v38-section-heading h2, .v38-system-copy h2, .v38-principles-intro h2, .v38-faq-intro h2, .v38-consultation-copy h2 { margin:0; color:var(--wl-ink); font-family:var(--wl-display); font-size:clamp(36px, 4vw, 60px); font-weight:700; letter-spacing:-.055em; line-height:1.18; }
.v38-section-heading p:not(.v38-kicker), .v38-system-copy > p, .v38-principles-intro > p, .v38-faq-intro > p, .v38-consultation-copy > p { max-width:620px; margin:20px 0 0; color:rgba(16,33,46,.67); font-size:16px; line-height:1.9; }
.v38-reveal { opacity:0; transform:translateY(20px); transition:opacity .65s ease, transform .65s cubic-bezier(.2,.75,.25,1); }
.v38-reveal.v38-visible { opacity:1; transform:none; }

/* Hero */
.v38-hero { position:relative; min-height:760px; padding:152px 0 0; overflow:hidden; color:#fff; background:linear-gradient(120deg,#07131f 0%,#0d2634 55%,#10212e 100%); }
.v38-hero-grid { position:absolute; inset:0; opacity:.35; background-image:linear-gradient(rgba(117,246,210,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(117,246,210,.08) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,black 0%,transparent 86%); }
.v38-orb { position:absolute; border-radius:50%; filter:blur(10px); opacity:.55; pointer-events:none; }
.v38-orb-a { width:520px; height:520px; top:-240px; left:-180px; background:radial-gradient(circle,rgba(117,246,210,.22),transparent 66%); }
.v38-orb-b { width:560px; height:560px; right:-170px; bottom:-310px; background:radial-gradient(circle,rgba(255,184,106,.19),transparent 66%); }
.v38-hero-shell { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(380px,.88fr); gap:72px; align-items:center; min-height:570px; padding-bottom:70px; }
.v38-hero h1 { max-width:680px; margin:0; font-family:var(--wl-display); font-size:clamp(47px,5.25vw,78px); font-weight:700; letter-spacing:-.065em; line-height:1.1; }
.v38-hero h1 em { color:var(--wl-mint); font-style:normal; text-shadow:0 0 30px rgba(117,246,210,.14); }
.v38-hero-lead { max-width:610px; margin:28px 0 0; color:rgba(255,255,255,.76); font-size:17px; line-height:1.85; }
.v38-hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:36px; }
.v38-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:52px; padding:0 20px; border:1px solid transparent; border-radius:10px; font-size:14px; font-weight:700; transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease; }
.v38-button:hover { transform:translateY(-2px); }
.v38-button-primary { color:var(--wl-space); background:var(--wl-mint); box-shadow:0 12px 30px rgba(117,246,210,.20); }
.v38-button-primary:hover { color:var(--wl-space); background:#a7ffe8; box-shadow:0 16px 36px rgba(117,246,210,.28); }
.v38-button-quiet { color:rgba(255,255,255,.9); border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.04); }
.v38-button-quiet:hover { color:#fff; border-color:var(--wl-mint); background:rgba(117,246,210,.11); }
.v38-hero-proof { display:flex; gap:0; max-width:650px; margin:46px 0 0; padding:0; border-top:1px solid rgba(255,255,255,.19); }
.v38-hero-proof div { flex:1; padding:16px 16px 0 0; }
.v38-hero-proof dt { color:var(--wl-mint); font-family:var(--wl-display); font-size:18px; font-weight:700; }
.v38-hero-proof dd { margin:5px 0 0; color:rgba(255,255,255,.61); font-size:12px; line-height:1.65; }
.v38-hero-visual { position:relative; padding:16px 0 40px 25px; }
.v38-visual-topline { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:0 0 12px; color:rgba(255,255,255,.58); font-size:10px; letter-spacing:.12em; }
.v38-visual-topline i { flex:1; height:1px; background:rgba(117,246,210,.32); }
.v38-hero-photo { position:relative; overflow:hidden; margin:0; border:1px solid rgba(117,246,210,.35); background:#0b1e2c; box-shadow:20px 25px 0 rgba(117,246,210,.08); }
.v38-hero-photo::after { position:absolute; inset:0; content:""; background:linear-gradient(140deg,rgba(8,19,31,.08),rgba(8,19,31,.46)); pointer-events:none; }
.v38-hero-photo img { width:100%; height:405px; object-fit:cover; filter:saturate(.82) contrast(1.08); }
.v38-hero-photo figcaption { position:absolute; z-index:1; bottom:0; left:0; right:0; padding:42px 22px 19px; color:#fff; font-size:13px; line-height:1.6; background:linear-gradient(transparent,rgba(8,19,31,.84)); }
.v38-outcome-card { position:absolute; z-index:2; right:-23px; bottom:12px; display:flex; align-items:center; gap:11px; width:min(310px,78%); padding:15px; color:var(--wl-space); background:var(--wl-mint); box-shadow:0 15px 40px rgba(0,0,0,.22); }
.v38-outcome-card small { display:block; opacity:.62; font-size:9px; font-weight:700; letter-spacing:.12em; }
.v38-outcome-card strong { display:block; margin-top:2px; font-family:var(--wl-display); font-size:15px; line-height:1.4; }
.v38-outcome-dot { width:9px; height:9px; border-radius:50%; background:var(--wl-space); box-shadow:0 0 0 5px rgba(8,19,31,.10); }
.v38-arrow { margin-left:auto; font-size:20px; }
.v38-signal-card { position:absolute; z-index:2; left:-3px; bottom:-10px; display:flex; align-items:center; gap:9px; padding:10px 14px; color:rgba(255,255,255,.73); border:1px solid rgba(255,255,255,.18); background:rgba(8,19,31,.86); backdrop-filter:blur(10px); font-size:11px; }
.v38-signal-card i { display:block; width:6px; height:6px; border-radius:50%; background:var(--wl-amber); }
.v38-hero-ticker { position:relative; z-index:1; overflow:hidden; border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); background:rgba(4,11,17,.43); }
.v38-hero-ticker div { display:flex; width:max-content; align-items:center; gap:24px; padding:15px 0; color:rgba(255,255,255,.75); font-size:12px; letter-spacing:.08em; animation:v38Ticker 35s linear infinite; }
.v38-hero-ticker b { color:var(--wl-mint); font-size:9px; }
@keyframes v38Ticker { to { transform:translateX(-35%); } }

/* Pathways */
.v38-pathways { background:var(--wl-paper); }
.v38-path-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.v38-path-card { position:relative; min-height:370px; padding:30px; overflow:hidden; border:1px solid var(--wl-line); background:#fff; box-shadow:0 1px 0 rgba(16,33,46,.02); transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.v38-path-card:hover { transform:translateY(-7px); border-color:rgba(29,156,124,.52); box-shadow:var(--wl-shadow); }
.v38-path-card::after { position:absolute; content:""; width:180px; height:180px; right:-95px; bottom:-95px; border-radius:50%; opacity:.8; }
.v38-path-school::after { background:radial-gradient(circle,rgba(117,246,210,.31),transparent 67%); }
.v38-path-channel::after { background:radial-gradient(circle,rgba(255,184,106,.28),transparent 67%); }
.v38-path-family::after { background:radial-gradient(circle,rgba(255,118,90,.22),transparent 67%); }
.v38-path-index { color:rgba(16,33,46,.22); font-family:var(--wl-display); font-size:38px; font-weight:700; line-height:1; }
.v38-path-label { margin:31px 0 12px; color:var(--wl-mint-deep); font-size:10px; font-weight:700; letter-spacing:.14em; }
.v38-path-card h3 { margin:0; font-family:var(--wl-display); font-size:25px; letter-spacing:-.04em; }
.v38-path-card > p:not(.v38-path-label) { min-height:56px; margin:10px 0 19px; color:rgba(16,33,46,.63); font-size:13px; line-height:1.75; }
.v38-path-card ul { margin:0; padding:0; list-style:none; }
.v38-path-card li { position:relative; margin:7px 0; padding-left:15px; color:rgba(16,33,46,.75); font-size:12px; }
.v38-path-card li::before { position:absolute; content:""; top:7px; left:0; width:5px; height:5px; background:var(--wl-mint-deep); }
.v38-path-card a { position:absolute; left:30px; bottom:25px; z-index:1; color:var(--wl-ink); font-size:13px; font-weight:700; }
.v38-path-card a span { color:var(--wl-mint-deep); font-size:17px; }

/* Delivery system */
.v38-system { overflow:hidden; color:#fff; background:var(--wl-space); }
.v38-system::before { position:absolute; inset:0; content:""; opacity:.35; background:linear-gradient(90deg,transparent 49.9%,rgba(117,246,210,.15) 50%,transparent 50.1%),linear-gradient(rgba(117,246,210,.04) 1px,transparent 1px); background-size:100% 100%,42px 42px; mask-image:linear-gradient(to right,black,transparent 80%); }
.v38-system-layout { position:relative; display:grid; grid-template-columns:.85fr 1.15fr; gap:98px; align-items:center; }
.v38-system-copy h2 { color:#fff; }
.v38-system-copy > p { color:rgba(255,255,255,.67); }
.v38-text-link { display:inline-flex; gap:10px; margin-top:28px; color:var(--wl-mint); font-size:14px; font-weight:700; }
.v38-system-steps { position:relative; margin:0; padding:0; list-style:none; }
.v38-system-steps::before { position:absolute; top:33px; bottom:32px; left:27px; width:1px; content:""; background:linear-gradient(var(--wl-mint),rgba(117,246,210,.08)); }
.v38-system-steps li { position:relative; display:grid; grid-template-columns:56px 1fr; gap:20px; padding:0 0 35px; }
.v38-system-steps li:last-child { padding-bottom:0; }
.v38-system-steps li > span { position:relative; z-index:1; display:grid; place-items:center; width:55px; height:55px; color:var(--wl-space); border:1px solid var(--wl-mint); border-radius:50%; background:var(--wl-mint); font-size:12px; font-weight:700; }
.v38-system-steps h3 { margin:6px 0 6px; color:#fff; font-family:var(--wl-display); font-size:24px; letter-spacing:-.04em; }
.v38-system-steps p { margin:0; color:rgba(255,255,255,.61); font-size:14px; line-height:1.75; }

/* Cases */
.v38-cases { background:var(--wl-mist); }
.v38-case-layout { display:grid; grid-template-columns:1.16fr .84fr; gap:15px; }
.v38-case-feature { overflow:hidden; background:var(--wl-space); }
.v38-case-feature figure { position:relative; overflow:hidden; margin:0; height:416px; }
.v38-case-feature figure::after { position:absolute; inset:0; content:""; background:linear-gradient(160deg,transparent 40%,rgba(8,19,31,.75)); }
.v38-case-feature img { width:100%; height:100%; object-fit:cover; filter:saturate(.82); transition:transform .6s ease; }
.v38-case-feature:hover img, .v38-case-compact:hover img { transform:scale(1.035); }
.v38-case-feature figcaption { position:absolute; z-index:1; right:20px; bottom:15px; color:rgba(255,255,255,.8); font-size:11px; }
.v38-case-body { padding:30px; color:#fff; }
.v38-case-body p, .v38-case-compact p { margin:0; color:var(--wl-mint); font-size:10px; font-weight:700; letter-spacing:.14em; }
.v38-case-body h3 { max-width:570px; margin:12px 0; font-family:var(--wl-display); font-size:28px; letter-spacing:-.045em; line-height:1.32; }
.v38-case-body span { color:rgba(255,255,255,.61); font-size:13px; }
.v38-case-body a { float:right; color:var(--wl-mint); font-size:13px; font-weight:700; }
.v38-case-side { display:grid; grid-template-rows:1fr 1fr; gap:15px; }
.v38-case-compact { display:grid; grid-template-columns:.8fr 1fr; overflow:hidden; background:#fff; border:1px solid var(--wl-line); }
.v38-case-compact img { width:100%; height:100%; min-height:210px; object-fit:cover; transition:transform .6s ease; }
.v38-case-compact div { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:20px; }
.v38-case-compact h3 { margin:10px 0 20px; color:var(--wl-ink); font-family:var(--wl-display); font-size:20px; line-height:1.42; letter-spacing:-.04em; }
.v38-case-compact a { margin-top:auto; color:var(--wl-mint-deep); font-size:12px; font-weight:700; }
.v38-evidence-strip { display:flex; align-items:center; justify-content:center; gap:22px; margin-top:34px; padding:17px; color:rgba(16,33,46,.72); border-top:1px solid var(--wl-line); border-bottom:1px solid var(--wl-line); font-size:12px; font-weight:700; }
.v38-evidence-strip b { color:var(--wl-mint-deep); font-size:10px; }

/* Principles */
.v38-principles { background:#fff; }
.v38-principles-intro { max-width:700px; }
.v38-principle-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:55px; border-top:1px solid var(--wl-line); border-left:1px solid var(--wl-line); }
.v38-principle-grid article { min-height:248px; padding:27px 24px; border-right:1px solid var(--wl-line); border-bottom:1px solid var(--wl-line); background:#fff; transition:background .25s ease; }
.v38-principle-grid article:hover { background:rgba(117,246,210,.13); }
.v38-principle-grid span { color:var(--wl-mint-deep); font-family:var(--wl-display); font-size:24px; font-weight:700; }
.v38-principle-grid h3 { margin:39px 0 10px; color:var(--wl-ink); font-family:var(--wl-display); font-size:21px; letter-spacing:-.04em; }
.v38-principle-grid p { margin:0; color:rgba(16,33,46,.66); font-size:13px; line-height:1.75; }
.v38-policy-link { display:inline-flex; gap:9px; margin-top:28px; color:var(--wl-mint-deep); font-size:13px; font-weight:700; }

/* FAQ */
.v38-faq { background:var(--wl-mist); }
.v38-faq-layout { display:grid; grid-template-columns:.84fr 1.16fr; gap:88px; align-items:start; }
.v38-faq-list { border-top:1px solid var(--wl-line); }
.v38-faq-list details { border-bottom:1px solid var(--wl-line); }
.v38-faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:23px 0; color:var(--wl-ink); cursor:pointer; font-family:var(--wl-display); font-size:20px; font-weight:700; letter-spacing:-.035em; list-style:none; }
.v38-faq-list summary::-webkit-details-marker { display:none; }
.v38-faq-list summary span { color:var(--wl-mint-deep); font-family:var(--wl-body); font-size:25px; font-weight:400; transition:transform .2s ease; }
.v38-faq-list details[open] summary span { transform:rotate(45deg); }
.v38-faq-list p { max-width:650px; margin:0; padding:0 30px 24px 0; color:rgba(16,33,46,.67); font-size:14px; line-height:1.85; }

/* Conversion */
.v38-consultation { position:relative; overflow:hidden; padding:120px 0; color:#fff; background:linear-gradient(135deg,#0b1f2d,#07131f); }
.v38-consultation::before { position:absolute; width:560px; height:560px; top:-270px; right:-100px; border:1px solid rgba(117,246,210,.16); border-radius:50%; content:""; box-shadow:0 0 0 70px rgba(117,246,210,.025),0 0 0 140px rgba(117,246,210,.025); }
.v38-consultation-grid { position:relative; display:grid; grid-template-columns:.88fr 1.12fr; gap:80px; align-items:start; }
.v38-consultation-copy h2 { color:#fff; }
.v38-consultation-copy > p { color:rgba(255,255,255,.68); }
.v38-contact-notes { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.v38-contact-notes span { padding:7px 10px; color:rgba(255,255,255,.75); border:1px solid rgba(255,255,255,.18); border-radius:999px; font-size:12px; }
.v38-phone-link { display:inline-flex; gap:10px; margin-top:24px; color:var(--wl-mint); font-size:14px; font-weight:700; }
.v38-contact-form { padding:30px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.07); box-shadow:0 25px 60px rgba(0,0,0,.18); backdrop-filter:blur(14px); }
.v38-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.v38-form-split { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.v38-form-row { margin-bottom:15px; }
.v38-form-row label { display:block; margin-bottom:7px; color:rgba(255,255,255,.79); font-size:12px; font-weight:700; }
.v38-form-row small { color:rgba(255,255,255,.5); font-weight:400; }
.v38-contact-form input, .v38-contact-form select, .v38-contact-form textarea { width:100%; border:1px solid rgba(255,255,255,.19); border-radius:7px; outline:none; color:#fff; background:rgba(8,19,31,.45); font-family:var(--wl-body); font-size:14px; transition:border-color .2s ease, background .2s ease; }
.v38-contact-form input, .v38-contact-form select { height:47px; padding:0 13px; }
.v38-contact-form textarea { padding:12px 13px; resize:vertical; }
.v38-contact-form select { color:#fff; }
.v38-contact-form select option { color:var(--wl-ink); background:#fff; }
.v38-contact-form input::placeholder, .v38-contact-form textarea::placeholder { color:rgba(255,255,255,.39); }
.v38-contact-form input:focus, .v38-contact-form select:focus, .v38-contact-form textarea:focus { border-color:var(--wl-mint); background:rgba(8,19,31,.68); }
.v38-submit { width:100%; border:0; cursor:pointer; }
.v38-submit:disabled { cursor:wait; opacity:.7; }
.v38-submit i { font-size:20px; font-style:normal; }
.v38-form-status { min-height:21px; margin:13px 0 0; font-size:13px; line-height:1.6; }
.v38-form-status[data-state="success"] { color:var(--wl-mint); }
.v38-form-status[data-state="error"] { color:#ffbaaa; }
.v38-form-status[data-state="loading"] { color:rgba(255,255,255,.7); }
.v38-privacy { margin:7px 0 0; color:rgba(255,255,255,.46); font-size:11px; line-height:1.6; }

/* Footer and mobile actions */
.v38-body .site-footer { background:#06111b; border-top:1px solid rgba(117,246,210,.15); }
.v38-body .site-footer .footer-kicker { color:var(--wl-mint); }
.v38-body .site-footer .text-warm-red { color:var(--wl-mint)!important; }
.v38-body .site-footer a:hover { color:var(--wl-mint)!important; }
.v38-mobile-actions { display:none; }
.v38-body .dock-nav { display:none!important; }
.v38-body #floatContact { display:none!important; }

@media (max-width: 1024px) {
  .v38-hero-shell { grid-template-columns:1fr .82fr; gap:38px; }
  .v38-hero-photo img { height:355px; }
  .v38-system-layout, .v38-faq-layout, .v38-consultation-grid { gap:48px; }
  .v38-path-card { padding:24px; }
  .v38-path-card a { left:24px; }
  .v38-principle-grid { grid-template-columns:repeat(2,1fr); }
  .v38-case-compact { grid-template-columns:.76fr 1fr; }
}
@media (max-width: 760px) {
  html { scroll-padding-top:68px; }
  .v38-shell { width:min(100% - 32px, 620px); }
  .v38-body #navbar { height:64px; }
  .v38-section { padding:76px 0; }
  .v38-section-heading, .v38-system-layout, .v38-faq-layout, .v38-consultation-grid { display:block; }
  .v38-section-heading { margin-bottom:38px; }
  .v38-section-heading .v38-kicker { margin-top:0; }
  .v38-section-heading h2, .v38-system-copy h2, .v38-principles-intro h2, .v38-faq-intro h2, .v38-consultation-copy h2 { font-size:39px; }
  .v38-section-heading p:not(.v38-kicker), .v38-system-copy > p, .v38-principles-intro > p, .v38-faq-intro > p, .v38-consultation-copy > p { font-size:14px; }
  .v38-hero { min-height:auto; padding-top:106px; }
  .v38-hero-shell { display:flex; flex-direction:column; gap:42px; align-items:stretch; min-height:0; padding-bottom:48px; }
  .v38-hero h1 { font-size:48px; }
  .v38-hero-lead { font-size:15px; }
  .v38-hero-proof { margin-top:32px; }
  .v38-hero-proof div { padding-right:8px; }
  .v38-hero-proof dt { font-size:16px; }
  .v38-hero-proof dd { font-size:10px; }
  .v38-hero-visual { order:-1; padding:7px 13px 33px 6px; }
  .v38-hero-photo img { height:260px; }
  .v38-outcome-card { right:0; bottom:0; width:88%; padding:12px; }
  .v38-signal-card { display:none; }
  .v38-hero-ticker div { animation-duration:27s; }
  .v38-path-grid, .v38-case-layout { grid-template-columns:1fr; }
  .v38-path-card { min-height:316px; }
  .v38-path-label { margin-top:23px; }
  .v38-path-card > p:not(.v38-path-label) { min-height:0; }
  .v38-system-copy, .v38-faq-intro, .v38-consultation-copy { margin-bottom:40px; }
  .v38-system-steps h3 { font-size:21px; }
  .v38-case-feature figure { height:280px; }
  .v38-case-body { padding:23px; }
  .v38-case-body h3 { font-size:24px; }
  .v38-case-body a { float:none; display:inline-flex; margin-top:16px; }
  .v38-case-side { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .v38-case-compact { display:block; }
  .v38-case-compact img { min-height:150px; height:150px; }
  .v38-case-compact div { min-height:165px; padding:16px; }
  .v38-case-compact h3 { font-size:17px; }
  .v38-evidence-strip { justify-content:flex-start; gap:11px; overflow-x:auto; white-space:nowrap; }
  .v38-principle-grid { grid-template-columns:1fr; margin-top:38px; }
  .v38-principle-grid article { min-height:0; padding:22px; }
  .v38-principle-grid h3 { margin-top:19px; }
  .v38-faq-list summary { padding:19px 0; font-size:18px; }
  .v38-faq-list p { padding-bottom:19px; font-size:13px; }
  .v38-consultation { padding:76px 0 100px; }
  .v38-contact-form { padding:20px; }
  .v38-form-split { grid-template-columns:1fr; gap:0; }
  .v38-mobile-actions { position:fixed; z-index:70; left:12px; right:12px; bottom:11px; display:grid; grid-template-columns:1.12fr .88fr; overflow:hidden; border:1px solid rgba(117,246,210,.3); border-radius:12px; box-shadow:0 16px 34px rgba(8,19,31,.24); }
  .v38-mobile-actions a { display:flex; align-items:center; justify-content:center; min-height:49px; color:var(--wl-space); background:var(--wl-mint); font-size:14px; font-weight:700; }
  .v38-mobile-actions a:last-child { color:#fff; border-left:1px solid rgba(255,255,255,.2); background:var(--wl-space); }
  .v38-body .site-footer { padding-bottom:64px; }
}
/* Service page extension */
.v38-service-page .page-header { display:none; }
.v38-page-hero { position:relative; overflow:hidden; padding:158px 0 104px; color:#fff; background:linear-gradient(125deg,#07131f,#103044); }
.v38-page-hero::after { position:absolute; inset:0; content:""; opacity:.22; background-image:linear-gradient(rgba(117,246,210,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(117,246,210,.11) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to right,black,transparent 70%); }
.v38-page-hero-grid { position:absolute; right:-140px; bottom:-230px; width:600px; height:600px; border:1px solid rgba(117,246,210,.21); border-radius:50%; box-shadow:0 0 0 70px rgba(117,246,210,.03),0 0 0 140px rgba(117,246,210,.02); }
.v38-page-hero-content { position:relative; z-index:1; max-width:940px; margin-left:max(24px,calc((100% - 1180px)/2)); }
.v38-breadcrumb { display:inline-flex; gap:9px; margin-bottom:30px; color:rgba(255,255,255,.61); font-size:12px; }
.v38-breadcrumb span { color:var(--wl-mint); }
.v38-page-hero h1 { max-width:890px; margin:0; color:#fff; font-family:var(--wl-display); font-size:clamp(42px,5vw,70px); line-height:1.14; letter-spacing:-.06em; }
.v38-page-hero h1 em { color:var(--wl-mint); font-style:normal; }
.v38-page-hero p:not(.v38-eyebrow) { max-width:650px; margin:27px 0 0; color:rgba(255,255,255,.75); font-size:16px; line-height:1.85; }
.v38-page-hero .v38-hero-actions { margin-top:35px; }
.v38-delivery-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--wl-line); border-left:1px solid var(--wl-line); }
.v38-delivery-grid article { min-height:260px; padding:25px; border-right:1px solid var(--wl-line); border-bottom:1px solid var(--wl-line); background:#fff; transition:background .25s ease; }
.v38-delivery-grid article:hover { background:rgba(117,246,210,.12); }
.v38-delivery-grid span { color:var(--wl-mint-deep); font-family:var(--wl-display); font-size:26px; font-weight:700; }
.v38-delivery-grid h3 { margin:48px 0 10px; font-family:var(--wl-display); font-size:22px; letter-spacing:-.04em; }
.v38-delivery-grid p { margin:0; color:rgba(16,33,46,.66); font-size:13px; line-height:1.75; }
.v38-service-roadmap { color:#fff; background:var(--wl-space); }
.v38-service-roadmap .v38-shell { display:grid; grid-template-columns:.82fr 1.18fr; gap:90px; align-items:center; }
.v38-roadmap-intro h2 { margin:0; color:#fff; font-family:var(--wl-display); font-size:clamp(35px,4.1vw,56px); line-height:1.18; letter-spacing:-.055em; }
.v38-roadmap-intro p:not(.v38-kicker) { margin:20px 0 0; color:rgba(255,255,255,.65); font-size:15px; line-height:1.85; }
.v38-service-roadmap ol { margin:0; padding:0; list-style:none; }
.v38-service-roadmap li { display:grid; grid-template-columns:64px 1fr; gap:20px; padding:22px 0; border-top:1px solid rgba(255,255,255,.13); }
.v38-service-roadmap li:last-child { border-bottom:1px solid rgba(255,255,255,.13); }
.v38-service-roadmap b { color:var(--wl-mint); font-family:var(--wl-display); font-size:24px; }
.v38-service-roadmap h3 { margin:0 0 6px; font-family:var(--wl-display); font-size:21px; }
.v38-service-roadmap li p { margin:0; color:rgba(255,255,255,.63); font-size:13px; line-height:1.75; }
.v38-service-evidence { background:var(--wl-mist); }
.v38-service-evidence-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.v38-service-evidence figure { position:relative; margin:0; overflow:hidden; background:var(--wl-space); box-shadow:18px 18px 0 rgba(117,246,210,.19); }
.v38-service-evidence figure::after { position:absolute; inset:0; content:""; background:linear-gradient(160deg,transparent 45%,rgba(8,19,31,.7)); }
.v38-service-evidence img { width:100%; height:420px; object-fit:cover; filter:saturate(.82); }
.v38-service-evidence figcaption { position:absolute; z-index:1; bottom:16px; left:19px; color:#fff; font-size:11px; }
.v38-service-evidence h2 { margin:0; color:var(--wl-ink); font-family:var(--wl-display); font-size:clamp(32px,3.7vw,51px); line-height:1.2; letter-spacing:-.055em; }
.v38-service-evidence p:not(.v38-kicker) { margin:18px 0; color:rgba(16,33,46,.67); font-size:15px; line-height:1.85; }
.v38-service-evidence ul { padding:0; margin:20px 0 0; list-style:none; }
.v38-service-evidence li { margin:10px 0; padding-left:16px; color:rgba(16,33,46,.75); font-size:13px; position:relative; }
.v38-service-evidence li::before { position:absolute; left:0; top:7px; width:6px; height:6px; content:""; background:var(--wl-mint-deep); }
.v38-service-guardrails { background:#fff; }
.v38-guardrail-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--wl-line); border-right:0; }
.v38-guardrail-grid article { padding:25px; min-height:205px; border-right:1px solid var(--wl-line); }
.v38-guardrail-grid h3 { margin:0 0 15px; color:var(--wl-ink); font-family:var(--wl-display); font-size:21px; letter-spacing:-.04em; }
.v38-guardrail-grid p { margin:0; color:rgba(16,33,46,.65); font-size:13px; line-height:1.75; }
.v38-service-cta { padding:95px 0; color:#fff; background:linear-gradient(125deg,#0D2A39,#07131f); text-align:center; }
.v38-service-cta p { margin:0 0 14px; color:var(--wl-mint); font-size:11px; font-weight:700; letter-spacing:.15em; }
.v38-service-cta h2 { margin:0 auto 30px; color:#fff; font-family:var(--wl-display); font-size:clamp(32px,4vw,54px); line-height:1.22; letter-spacing:-.055em; }
@media (max-width:760px) { .v38-page-hero { padding:110px 0 70px; } .v38-page-hero-content { width:min(100% - 32px,620px); margin:0 auto; } .v38-page-hero h1 { font-size:42px; } .v38-page-hero p:not(.v38-eyebrow) { font-size:14px; } .v38-delivery-grid,.v38-guardrail-grid { grid-template-columns:1fr; } .v38-delivery-grid article,.v38-guardrail-grid article { min-height:0; border-bottom:1px solid var(--wl-line); } .v38-delivery-grid h3 { margin-top:22px; } .v38-service-roadmap .v38-shell,.v38-service-evidence-grid { display:block; } .v38-roadmap-intro { margin-bottom:35px; } .v38-service-evidence figure { margin-bottom:43px; } .v38-service-evidence img { height:270px; } }
/* Global navigation and footer baseline for existing service pages */
body #navbar { background:rgba(8,19,31,.90)!important; border-bottom:1px solid rgba(117,246,210,.16); box-shadow:none!important; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
body #navbar .text-warm-red { color:var(--wl-mint)!important; letter-spacing:.12em; }
body #navbar .text-deep-ink\/50,body #navbar .text-deep-ink\/70 { color:rgba(255,255,255,.74)!important; }
body #navbar .nav-link:hover { color:var(--wl-mint)!important; }
body #navbar .bg-warm-red { background:var(--wl-mint)!important; }
body #navbar .mobile-menu { background:var(--wl-space)!important; border-color:rgba(117,246,210,.16)!important; }
body #navbar .mobile-menu a { color:rgba(255,255,255,.84)!important; }
body .site-footer { background:#06111b!important; border-top:1px solid rgba(117,246,210,.15); }
body .site-footer .footer-kicker,body .site-footer .text-warm-red { color:var(--wl-mint)!important; }
body .site-footer a:hover { color:var(--wl-mint)!important; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; } }