:root{color-scheme:dark;--ink:#fff9e9;--muted:#c9dcd6;--deep:#071e22;--teal:#6fc1b8;--gold:#ffc454;--paper:#fff9e9;--brown:#4e392f;--line:#ffffff24;font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,sans-serif}*{box-sizing:border-box}html{background:#071e22;color:var(--ink);line-height:1.55;scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 82% 10%,#24665b 0,transparent 27rem),linear-gradient(155deg,#071e22,#0b3734 54%,#102c2a);min-height:100vh}a{color:inherit;text-underline-offset:.2em}.skip{position:fixed;top:-7rem;left:1rem;z-index:20;padding:.7rem 1rem;background:var(--paper);color:var(--brown);border-radius:.6rem}.skip:focus{top:1rem}.wrap{width:min(72rem,calc(100% - 2rem));margin-inline:auto}header{position:relative;z-index:5;border-bottom:1px solid var(--line);background:#071e22d9;backdrop-filter:blur(14px)}nav{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-size:1.45rem;font-weight:950;letter-spacing:-.04em;text-decoration:none}.brand span{color:var(--gold)}.navlinks{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.9rem;font-weight:750}.navlinks a{text-decoration:none;color:var(--muted)}.navlinks a:hover{color:var(--gold)}.nav-notify{padding:.55rem .85rem;border-radius:999px;background:var(--gold);color:#291d13!important}main{min-height:70vh}.hero{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(1.5rem,5vw,5rem);align-items:center;padding:clamp(3rem,8vw,7rem) 0 4rem}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 .8rem;color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.status{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.38rem .75rem;border:1px solid #ffc4546b;border-radius:999px;background:#ffc45415;color:#ffd982;font-size:.78rem;font-weight:850}.status:before{width:.5rem;height:.5rem;border-radius:50%;background:var(--gold);content:"";box-shadow:0 0 1rem var(--gold)}h1{max-width:12ch;margin:.25rem 0 1.25rem;font-size:clamp(3.2rem,7.5vw,6.8rem);line-height:.88;letter-spacing:-.075em}h1 em{display:block;color:var(--gold);font-style:normal}.lede{max-width:39rem;color:#e7f1ed;font-size:clamp(1.05rem,2vw,1.28rem)}.hero-note{max-width:39rem;color:var(--muted);font-size:.92rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;padding:.78rem 1.15rem;border:1px solid #ffffff2b;border-radius:.8rem;background:#ffffff0b;font-weight:900;text-decoration:none}.button.primary{border-color:var(--gold);background:var(--gold);color:#2f2116;box-shadow:0 .35rem 0 #b66625}.button:hover{transform:translateY(-2px)}.hero-art-wrap{position:relative;display:grid;place-items:center}.hero-art-wrap:before{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffc45442,transparent 68%);content:"";filter:blur(12px)}.hero-art{position:relative;width:min(100%,34rem);height:auto;border-radius:2rem;filter:drop-shadow(0 1.7rem 2rem #0008)}.section{padding:4rem 0}.section-label{margin:0 0 .5rem;color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.section h2{max-width:18ch;margin:.2rem 0 2rem;font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:-.05em}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{padding:1.45rem;border:1px solid var(--line);border-radius:1.3rem;background:#ffffff0b;box-shadow:0 .8rem 2rem #0002}.card-number{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.75rem;background:var(--gold);color:#3b291b;font-weight:950}.card h3{margin:1.15rem 0 .35rem;font-size:1.35rem}.card p{margin:0;color:var(--muted)}.showcase{overflow:hidden;border:1px solid var(--line);border-radius:2rem;background:linear-gradient(135deg,#123f3b,#092825)}.showcase-copy{padding:clamp(1.5rem,4vw,3rem)}.showcase-copy h2{margin-bottom:1rem}.creatures{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;padding:0 1rem 1rem}.creature{position:relative;display:grid;min-height:14rem;place-items:center;overflow:hidden;border-radius:1.2rem;background:radial-gradient(circle at 50% 65%,#fff2c72e,transparent 45%),#061c1e}.creature img{width:82%;height:11rem;object-fit:contain;filter:drop-shadow(0 1rem 1rem #0008)}.creature span{position:absolute;left:.8rem;bottom:.7rem;padding:.25rem .55rem;border-radius:999px;background:#071e22d9;color:#f9e5b3;font-size:.73rem;font-weight:800}.eggs{display:flex;justify-content:center;gap:clamp(.6rem,4vw,3rem);align-items:end;padding:1rem 1rem 0}.egg{width:min(24%,9rem);height:auto;filter:drop-shadow(0 1rem 1rem #0007)}.launch{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;margin:4rem auto;padding:clamp(1.5rem,5vw,3.5rem);border:1px solid #ffc45470;border-radius:2rem;background:linear-gradient(135deg,#ffc45418,#6fc1b811)}.launch h2{margin:0 0 .6rem}.launch p{max-width:40rem;margin:0;color:var(--muted)}.reading{max-width:51rem;padding:clamp(2.5rem,7vw,5rem) 0 5rem}.reading h1{max-width:14ch;font-size:clamp(2.7rem,7vw,5rem)}.reading h2{margin:2.6rem 0 .6rem;font-size:1.45rem;letter-spacing:-.025em}.reading p,.reading li{color:#dcebe6}.reading li{margin:.55rem 0}.notice{padding:1rem 1.1rem;border-left:.3rem solid var(--gold);border-radius:.3rem;background:#ffc45412}.reading .card{margin:1.6rem 0}.reading .card h2{margin-top:0}details{margin:.85rem 0;padding:.9rem 1rem;border:1px solid var(--line);border-radius:.9rem;background:#ffffff09}summary{cursor:pointer;font-weight:850}footer{border-top:1px solid var(--line);background:#051719;padding:2.4rem 0;color:#aac4bd;font-size:.86rem}.footer-inner{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footerlinks{display:flex;gap:.6rem 1.2rem;flex-wrap:wrap}a:focus-visible,summary:focus-visible{outline:.2rem solid var(--gold);outline-offset:.25rem}@media(max-width:760px){.navlinks a:not(.nav-notify){display:none}.hero{grid-template-columns:1fr;padding-top:2.7rem}.hero-art-wrap{order:-1}.hero-art{width:min(82vw,24rem)}h1{font-size:clamp(3.4rem,17vw,5.5rem)}.feature-grid{grid-template-columns:1fr}.creatures{grid-template-columns:repeat(2,1fr)}.launch{grid-template-columns:1fr}.launch .button{width:100%}}@media(max-width:420px){.wrap{width:min(100% - 1.2rem,72rem)}.creatures{grid-template-columns:1fr 1fr;padding:.6rem}.creature{min-height:10rem}.creature img{height:8rem}.nav-notify{padding:.5rem .7rem}.brand{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}