:root{color-scheme:dark;--night:#031318;--deep:#052d37;--ink:#edfffb;--dim:#b7cfca;--mint:#8cf0dc;--gold:#e6ca7d;--line:rgba(173,238,225,.2);--glass:rgba(9,37,43,.76)}
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 82% -8%,#1d6570 0,transparent 29%),radial-gradient(circle at 5% 38%,#27305f 0,transparent 30%),linear-gradient(155deg,var(--deep),var(--night) 62%);min-height:100vh}
  body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
  a{color:inherit}
  .shell{width:min(1160px,calc(100% - 30px));margin:auto;padding:24px 0 76px}
  nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:clamp(48px,8vw,100px)}
  .brand{text-decoration:none;display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:.01em}
  .mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #c7f7ed66;border-radius:13px;background:linear-gradient(145deg,#16898d,#1c4968);box-shadow:inset 0 1px #fff5,0 12px 30px #0006}
  .back{text-decoration:none;color:var(--dim);font-size:.82rem;border-bottom:1px solid transparent}.back:hover{color:var(--mint);border-color:var(--mint)}
  .hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:clamp(28px,7vw,90px);align-items:end;padding-bottom:clamp(60px,9vw,110px)}
  .kicker{margin:0 0 14px;color:var(--mint);font-size:.72rem;font-weight:900;letter-spacing:.25em;text-transform:uppercase}
  h1{margin:0;max-width:12ch;font:600 clamp(3.1rem,8.8vw,7.9rem)/.86 Georgia,serif;letter-spacing:-.065em;text-wrap:balance}
  h1 em{color:var(--gold);font-weight:500}
  .lede{max-width:680px;margin:25px 0 0;color:var(--dim);font-size:clamp(1.03rem,1.7vw,1.28rem);line-height:1.65}
  .orbit{aspect-ratio:1;position:relative;display:grid;place-items:center;isolation:isolate}
  .orbit:before,.orbit:after{content:"";position:absolute;border-radius:44% 56% 61% 39%;border:1px solid #a5f6e466;inset:10%;animation:turn 24s linear infinite}
  .orbit:after{inset:24%;border-color:#e6ca7d99;border-radius:62% 38% 43% 57%;animation-direction:reverse;animation-duration:17s}
  .core{width:42%;aspect-ratio:1;border-radius:48% 52% 45% 55%;background:radial-gradient(circle at 30% 24%,#dffff7,#58c7b7 21%,#126476 53%,#0a2837 72%);box-shadow:0 0 60px #5de2cb55,0 0 0 18px #8cf0dc0b;transform:rotate(-18deg)}
  .orbit span{position:absolute;color:#d7e8e4;font-size:.7rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.orbit .a{left:4%;top:19%}.orbit .b{right:0;bottom:21%}.orbit .c{left:3%;bottom:14%;color:var(--gold)}
  @keyframes turn{to{transform:rotate(360deg)}}
  @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.orbit:before,.orbit:after{animation:none}}
  .principle{display:grid;grid-template-columns:.7fr 1.3fr;gap:26px;padding:28px 0 38px;border-top:1px solid var(--line)}
  .principle h2{margin:0;font:500 clamp(1.65rem,3vw,2.6rem)/1.05 Georgia,serif;color:#fff8e5}.principle p{margin:0;color:var(--dim);max-width:720px}
  .paths{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:20px}
  .card{position:relative;grid-column:span 2;min-height:230px;padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(13,48,55,.9),rgba(6,25,31,.82));box-shadow:0 22px 60px -46px #000;overflow:hidden}
  .card:nth-child(4),.card:nth-child(5),.card:nth-child(6){grid-column:span 2}
  .card:after{content:"";position:absolute;right:-38px;bottom:-55px;width:145px;height:145px;border:1px solid rgba(140,240,220,.12);border-radius:50%;box-shadow:0 0 0 22px rgba(140,240,220,.025)}
  .num{color:var(--mint);font-size:.7rem;font-weight:900;letter-spacing:.2em}
  .card h3{margin:35px 0 9px;font:600 1.34rem/1.12 Georgia,serif;color:#fff8e7}.card p{margin:0;color:var(--dim);font-size:.9rem;position:relative;z-index:1}
  .inline-link{position:relative;z-index:1;display:inline-block;margin-top:14px;color:var(--gold);font-size:.83rem;font-weight:800;text-decoration:none}.inline-link:hover,.inline-link:focus-visible{text-decoration:underline}
  .boundary{margin:50px 0 0;padding:clamp(22px,4vw,38px);border:1px solid #e6ca7d55;border-radius:24px;background:radial-gradient(circle at 100% 0,#9e7c2d22,transparent 40%),var(--glass)}
  .boundary strong{display:block;margin-bottom:8px;color:var(--gold);font:600 1.45rem Georgia,serif}.boundary p{margin:0;color:var(--dim);max-width:900px}
  .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:820;font-size:.9rem;background:var(--mint);color:#052d34;border:1px solid #b8fff1}.button.alt{background:transparent;color:var(--ink);border-color:#cceee755}
  footer{margin-top:58px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#8fa9a4;font-size:.75rem}
  @media(max-width:820px){.hero{grid-template-columns:1fr}.orbit{width:min(430px,92%);margin:auto}.principle{grid-template-columns:1fr}.card,.card:nth-child(4),.card:nth-child(5),.card:nth-child(6){grid-column:span 3}}
  @media(max-width:560px){.shell{width:min(100% - 22px,1160px)}nav{margin-bottom:52px}.hero{padding-bottom:58px}.orbit span{font-size:.58rem}.paths{display:block}.card{margin-bottom:10px;min-height:0}.card h3{margin-top:20px}footer{display:block}.back{display:none}footer span{display:block;margin:7px 0}}