@view-transition{navigation:auto;}
:root{
  --night:#0a0e27;
  --night-2:#141a44;
  --dusk:#2b2a6b;
  --violet:#5b3f8f;
  --rose:#e48f86;
  --peach:#ffcf9f;
  --dawn:#fff3e3;
  --moon:#f4ecd8;
  --star:#cdd6ff;
  --ink-night:#e9e6f5;
  --ink-night-soft:#d4d1e8;
  --ink-day:#231b3d;
  --ink-day-soft:#57506e;
  --glow:#7d8cff;
  --display:"Young Serif",Georgia,"Times New Roman",serif;
  --text:"Manrope","Helvetica Neue",Arial,sans-serif;
  --gutter:clamp(18px,5vw,72px);
  --bg:var(--night);
  --fg:var(--ink-night);
  --fg-soft:var(--ink-night-soft);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg);transition:background-color .2s linear;}
body{margin:0;color:var(--fg);font-family:var(--text);font-size:1.0625rem;line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:color .6s ease;}
::selection{background:var(--glow);color:#fff;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--peach);outline-offset:4px;}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--gutter);}

.sky{position:fixed;inset:0;z-index:0;pointer-events:none;}
.stars{position:absolute;inset:0;opacity:var(--stars,1);transition:opacity .3s linear;
  background-image:
    radial-gradient(1.2px 1.2px at 12% 18%,var(--star),transparent 60%),
    radial-gradient(1px 1px at 27% 62%,var(--star),transparent 60%),
    radial-gradient(1.6px 1.6px at 41% 12%,#fff,transparent 60%),
    radial-gradient(1px 1px at 55% 44%,var(--star),transparent 60%),
    radial-gradient(1.3px 1.3px at 68% 78%,var(--star),transparent 60%),
    radial-gradient(1px 1px at 79% 24%,#fff,transparent 60%),
    radial-gradient(1.5px 1.5px at 88% 56%,var(--star),transparent 60%),
    radial-gradient(1px 1px at 6% 84%,var(--star),transparent 60%),
    radial-gradient(1.2px 1.2px at 34% 90%,#fff,transparent 60%),
    radial-gradient(1px 1px at 93% 8%,var(--star),transparent 60%);
  background-size:520px 520px;
  animation:twinkle 6s ease-in-out infinite alternate;
}
.stars.s2{background-size:340px 340px;background-position:120px 60px;animation-duration:9s;animation-delay:-3s;opacity:calc(var(--stars,1) * .7);}
@keyframes twinkle{from{filter:brightness(.7);}to{filter:brightness(1.25);}}

main,footer{position:relative;z-index:1;}

.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;}
.hero .wrap{width:100%;padding-top:clamp(80px,10vw,120px);padding-bottom:clamp(80px,10vw,120px);}
.hero h1{
  max-width:16em;
  margin:0 auto;
  font-family:var(--display);
  font-weight:400;
  font-size:clamp(2.2rem,1rem + 3.6vw,4.6rem);
  line-height:1.08;
  letter-spacing:-.01em;
  color:var(--moon);
  text-wrap:balance;
  hyphens:auto;
  overflow-wrap:break-word;
}
.hero .lead{margin:clamp(26px,3vw,40px) auto 0;max-width:32em;font-size:clamp(1.1rem,1rem + .5vw,1.32rem);line-height:1.6;color:var(--fg-soft);text-wrap:balance;}
.hero .scroll-cue{display:block;width:1px;height:70px;margin:clamp(40px,6vw,70px) auto 0;background:linear-gradient(var(--fg-soft),transparent);animation:cue 2.4s ease-in-out infinite;}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top;}50%{transform:scaleY(1);transform-origin:top;}51%{transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}

.chapter{position:relative;width:min(100%,640px);padding:clamp(60px,9vw,130px) 0;}
.chapter:nth-of-type(even){margin-left:auto;}
.chapter:nth-of-type(odd){margin-right:auto;}
.chapter.wide{width:100%;}
.chapter.wide::before{display:none;}
.chapter.wide .body > p{max-width:640px;}
.chapter.wide .risk,.chapter.wide .vs{margin:clamp(20px,3vw,36px) 0 clamp(28px,4vw,48px);}
.chapter::before{content:"";position:absolute;top:clamp(60px,9vw,130px);width:clamp(48px,6vw,80px);height:1px;background:linear-gradient(90deg,var(--peach),transparent);}
.chapter:nth-of-type(odd)::before{left:calc(100% + 28px);}
.chapter:nth-of-type(even)::before{right:calc(100% + 28px);transform:scaleX(-1);}
.chapter h2{
  margin:0 0 .7em;
  font-family:var(--display);
  font-weight:400;
  font-size:clamp(1.8rem,1.1rem + 2.2vw,3.1rem);
  line-height:1.08;
  letter-spacing:-.01em;
  text-wrap:balance;
  hyphens:auto;
  overflow-wrap:break-word;
}
.chapter .body{min-width:0;}
.chapter p{max-width:60ch;margin:0 0 1em;color:var(--fg-soft);font-size:clamp(1.04rem,.98rem + .3vw,1.18rem);text-wrap:pretty;hyphens:auto;overflow-wrap:break-word;transition:color .6s ease;}
.chapter p:last-child{margin-bottom:0;}
.chapter h3{margin:1.6em 0 .7em;font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,1rem + .9vw,1.7rem);}

.risk{width:100%;margin:0;border-collapse:collapse;}
.risk th{padding:0 0 10px;text-align:left;font-size:.85rem;font-weight:600;color:var(--fg-soft);border-bottom:1px solid rgba(233,230,245,.18);}
.risk th:last-child{text-align:right;}
.risk td{padding:16px 0 18px;vertical-align:bottom;border-bottom:1px solid rgba(233,230,245,.12);}
.risk td:first-child{position:relative;width:82%;font-family:var(--display);font-size:clamp(1.25rem,1rem + 1vw,1.9rem);color:var(--fg);}
.risk td:first-child::after{
  content:"";display:block;margin-top:10px;
  width:calc(var(--v) * 2%);max-width:100%;height:10px;border-radius:5px;
  background:linear-gradient(90deg,var(--glow),var(--rose));
  transform-origin:0 50%;transform:scaleX(0);
  transition:transform 1.4s cubic-bezier(.2,.7,.1,1);
}
.risk.is-in td:first-child::after{transform:scaleX(1);}
.risk tr:nth-child(2) td:first-child::after{transition-delay:.15s;}
.risk tr:nth-child(3) td:first-child::after{transition-delay:.3s;}
.risk td:last-child{text-align:right;font-family:var(--display);font-size:clamp(2rem,1.3rem + 2.4vw,3.6rem);line-height:1;color:var(--peach);white-space:nowrap;}

.phases{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:560px;}
.phases li{display:flex;align-items:center;gap:18px;font-size:clamp(1.04rem,.98rem + .3vw,1.16rem);color:var(--fg);}
.phases li::before{content:"";flex:0 0 30px;height:30px;border-radius:50%;background:var(--moon);box-shadow:inset 10px 0 0 0 var(--night-2);}
.phases li:nth-child(2)::before{box-shadow:inset 15px 0 0 0 var(--night-2);}
.phases li:nth-child(3)::before{box-shadow:inset 22px 0 0 0 var(--night-2);}

.dawn{position:relative;overflow:hidden;padding:clamp(80px,12vw,170px) 0 clamp(70px,10vw,140px);}
.dawn .sun{position:absolute;left:50%;bottom:0;width:min(900px,140vw);aspect-ratio:2/1;transform:translateX(-50%);border-radius:900px 900px 0 0;background:radial-gradient(circle at 50% 100%,rgba(255,207,159,.95),rgba(228,143,134,.35) 45%,rgba(228,143,134,0) 70%);pointer-events:none;}
.dawn .chapter{padding:0;margin:0 auto;text-align:center;}
.dawn .chapter::before{display:none;}
.dawn .chapter p{margin-left:auto;margin-right:auto;}
.dawn .stars-list{text-align:left;margin-left:auto;margin-right:auto;}

footer{border-top:1px solid rgba(35,27,61,.14);}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 40px;padding-top:28px;padding-bottom:30px;font-size:.94rem;}
footer nav{display:flex;flex-wrap:wrap;gap:8px 28px;font-weight:600;}
footer a{text-decoration:none;color:inherit;background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;transition:background-size .35s ease;}
footer a:hover,footer a:focus-visible,footer a[aria-current="page"]{background-size:100% 1px;}
footer p{margin:0;opacity:.8;}

.page-head{position:relative;min-height:78svh;display:grid;place-items:center;text-align:center;}
.page-head .wrap{width:100%;padding-top:clamp(120px,16vw,180px);padding-bottom:clamp(40px,6vw,70px);}
.page-head h1{margin:0 auto;max-width:17em;font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,1rem + 3.8vw,4.6rem);line-height:1.06;color:var(--moon);text-wrap:balance;hyphens:auto;overflow-wrap:break-word;}
.page-head .lead{margin:clamp(24px,3vw,36px) auto 0;max-width:38em;font-size:clamp(1.1rem,1rem + .5vw,1.32rem);line-height:1.6;color:var(--fg-soft);text-wrap:pretty;hyphens:auto;}
.text-link{color:var(--peach);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;text-decoration-color:rgba(255,207,159,.6);transition:color .3s ease,text-decoration-color .3s ease,background-color .3s ease;border-radius:3px;padding:0 .1em;}
.text-link:hover,.text-link:focus-visible{background-color:rgba(255,207,159,.16);text-decoration-color:var(--peach);}

.vs{width:100%;margin:0;border-collapse:separate;border-spacing:0 6px;font-size:.98rem;line-height:1.5;}
.vs th{padding:0 14px 8px;text-align:left;font-family:var(--display);font-weight:400;font-size:1.15rem;}
.vs th:nth-child(2)::before,.vs th:nth-child(3)::before{content:"";display:inline-block;width:12px;height:12px;margin-right:10px;border-radius:50%;vertical-align:baseline;}
.vs th:nth-child(2)::before{background:linear-gradient(180deg,#1b1b1b 0 33%,#dd2f2f 33% 66%,#f2c230 66%);}
.vs th:nth-child(3)::before{background:#d92a2a;box-shadow:inset 0 0 0 4px #d92a2a,inset 0 0 0 6px #fff;}
.vs td{padding:14px;vertical-align:top;background:rgba(255,255,255,.05);}
.vs td:first-child{font-weight:700;color:var(--fg);background:rgba(125,140,255,.16);width:22%;}
.vs td:nth-child(2){border-left:2px solid rgba(242,194,48,.7);color:var(--fg-soft);}
.vs td:nth-child(3){border-left:2px solid rgba(217,42,42,.8);color:var(--fg-soft);}
.vs tbody tr{transition:transform .3s ease;}
.vs tbody tr:hover{transform:translateX(6px);}

.stars-list{position:relative;list-style:none;margin:.6em 0 1.6em;padding:0 0 0 46px;max-width:640px;}
.stars-list::before{content:"";position:absolute;left:14px;top:14px;bottom:14px;width:1px;background:linear-gradient(var(--glow),var(--rose));opacity:.6;}
.stars-list li{position:relative;padding:10px 0 14px;font-size:clamp(1.04rem,.98rem + .3vw,1.16rem);color:var(--fg-soft);}
.stars-list li strong{color:var(--fg);font-weight:700;}
.stars-list li::before{
  content:"";position:absolute;left:-41px;top:14px;width:20px;height:20px;
  background:var(--peach);
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  opacity:.25;transform:scale(.6);
  transition:opacity .6s ease,transform .6s cubic-bezier(.3,1.6,.5,1);
}
.stars-list li.lit::before{opacity:1;transform:scale(1);filter:drop-shadow(0 0 6px rgba(255,207,159,.9));}

@media (max-width:860px){
  .chapter{width:100%;}
  .chapter:nth-of-type(even){padding-left:clamp(20px,8vw,60px);}
  .chapter:nth-of-type(odd){padding-right:clamp(20px,8vw,60px);}
  .chapter::before{display:none;}
}
@media (max-width:640px){
  .vs thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  .vs,.vs tbody,.vs tr,.vs td{display:block;width:100%;}
  .vs{border-spacing:0;}
  .vs tbody tr{margin-bottom:12px;}
  .vs td:first-child{width:100%;}
  .vs td:nth-child(2)::before,.vs td:nth-child(3)::before{content:attr(data-label);display:block;font-size:.8rem;font-weight:700;color:var(--fg);}
  .page-head .lead,.dawn .chapter p{text-align:left;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation:none !important;transition:none !important;}
  .risk td:first-child::after{transform:none;}
  .stars-list li::before{opacity:1;transform:none;}
}