@font-face{font-family:Urbanist;src:url('assets/urbanist.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Quicksand;src:url('assets/quicksand.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
:root{color-scheme:dark;--ink:#f3f1e9;--muted:#c0cbd0;--mint:#addad7;--gold:#dfd1a9;--line:rgba(211,229,229,.2)}
*{box-sizing:border-box}
html{background:#112637;scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:400 16px/1.65 Quicksand,system-ui,sans-serif;background:linear-gradient(105deg,rgba(10,27,42,.27),rgba(10,27,42,.05)),url('assets/background.png') center 43%/100% auto repeat-y;min-width:280px}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
a:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:8px}
.skip-link{position:fixed;top:12px;left:12px;z-index:5;padding:10px 18px;background:#edf4ef;color:#112637;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.page{max-width:1280px;margin:0 auto;padding:0 64px}
.site-header{min-height:128px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}
.brand{display:flex;align-items:center;gap:14px;font:600 30px/1.2 Urbanist,system-ui,sans-serif;letter-spacing:-.6px}
.brand img{border-radius:14px;box-shadow:0 0 22px rgba(188,216,216,.07)}
.brand-caption{display:block;margin-top:5px;font:400 12px/1.4 Quicksand,system-ui,sans-serif;color:var(--muted);letter-spacing:.2px}
.header-support{font-size:14px;color:#dce9e7;display:inline-flex;align-items:center;gap:15px;padding:8px 0 8px 15px}
.header-support span{color:var(--mint);font:400 23px/1 system-ui,sans-serif}
.header-support:hover{color:var(--mint)}
.hero{min-height:650px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;padding:54px 0 68px}
.hero-copy{position:relative;z-index:1}
.coming-soon{display:inline-flex;align-items:center;gap:9px;margin:0 0 27px;padding:6px 15px;border:1px solid rgba(173,218,215,.32);border-radius:30px;font-size:13px;letter-spacing:1.5px;background:rgba(173,218,215,.07);color:#cce8e4}
.coming-soon>span{height:5px;width:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px rgba(173,218,215,.4)}
h1{font:600 clamp(54px,5.55vw,76px)/1.05 Urbanist,system-ui,sans-serif;letter-spacing:-2.7px;margin:0 0 25px}
h1 em{font-style:normal;color:var(--mint)}
.intro{max-width:420px;font-size:17px;line-height:1.85;color:#d0d9db;margin:0}
.availability{display:flex;align-items:center;gap:15px;margin-top:29px;color:#c0ced2;font-size:13px}
.availability p{margin:0}
.availability strong{color:var(--ink);font-weight:500}
.availability-rule{height:1px;width:29px;background:var(--gold);flex-shrink:0}
.celestial-art{position:relative;width:100%;aspect-ratio:1/1;max-width:530px;justify-self:center;isolation:isolate}
.watercolor-moon{position:absolute;width:69%;height:auto;left:15.5%;top:15.5%;filter:drop-shadow(0 12px 38px rgba(5,22,35,.26));z-index:2}
.moon-halo{position:absolute;inset:7%;background:radial-gradient(circle,rgba(205,225,210,.12),rgba(154,207,210,.04) 55%,transparent 70%);filter:blur(15px)}
.orbit{position:absolute;inset:9%;border:1px solid rgba(209,221,208,.42);border-radius:50%;transform:rotate(-28deg) scaleY(.71);z-index:3;pointer-events:none}
.orbit-one{inset:2%;border-color:rgba(225,211,172,.57);transform:rotate(-32deg) scaleY(.55)}
.orbit-one::before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#e2d4af;left:6%;top:23%;box-shadow:0 0 16px rgba(226,212,175,.6)}
.orbit-two{inset:0;border-style:dashed;border-color:rgba(185,213,211,.3);transform:rotate(55deg) scaleY(.77);z-index:1}
.orbit-three{inset:10%;border-color:rgba(198,222,221,.25);transform:rotate(18deg) scaleY(.94);z-index:1}
.orbit-light{position:absolute;inset:-1px;border-radius:50%;border:1px solid transparent;border-top-color:rgba(252,240,201,.95);clip-path:polygon(50% 50%,10% 0,60% 0);animation:orbit-glimmer 18s linear infinite}
.celestial-star{position:absolute;color:var(--gold);font-family:Georgia,serif;line-height:1}
.star-one{top:10%;left:12%;font-size:30px}
.star-two{bottom:17%;right:9%;font-size:16px;color:#b9dcdb}
.art-caption{position:absolute;bottom:-3%;width:100%;text-align:center;color:#c0d4d5;font-size:12px;letter-spacing:3px}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:31px 0 35px;gap:39px}
.features article{position:relative;padding-left:33px}
.features article+article{border-left:1px solid var(--line);padding-left:37px}
.feature-number{position:absolute;top:1px;left:0;font-size:10px;color:var(--gold);line-height:2.1;letter-spacing:1px}
.features article+article .feature-number{left:11px}
.features h2{font:600 19px/1.3 Urbanist,system-ui,sans-serif;letter-spacing:.1px;margin:0 0 10px;color:#e6ece8}
.features p{font-size:13px;line-height:1.8;color:#c2cfd2;margin:0;max-width:265px}
.information{padding:64px 0 57px}
.information-heading{display:flex;gap:25px;align-items:baseline;justify-content:space-between;margin-bottom:24px}
.information-heading h2{font:600 24px/1.3 Urbanist,system-ui,sans-serif;letter-spacing:-.25px;margin:0}
.information-heading p{font-size:12px;color:var(--muted);margin:0}
.information-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.information-links a{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border:1px solid rgba(222,237,234,.25);border-radius:22px;background:linear-gradient(130deg,rgba(226,239,231,.09),rgba(229,239,239,.025));box-shadow:inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .18s,border-color .18s}
.information-links a:hover{background-color:rgba(210,238,234,.08);border-color:rgba(205,232,226,.6)}
.information-links a>span:first-child{font:600 17px/1.3 Urbanist,system-ui,sans-serif}
.information-links small{display:block;margin-top:8px;color:var(--muted);font:400 11px/1.5 Quicksand,system-ui,sans-serif}
.information-links a>span:last-child{color:var(--mint);font:400 25px/1 system-ui,sans-serif}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:23px 0 30px;font-size:11px;color:#b8cbd1}
.site-footer p{margin:0}
.site-footer p span{margin:0 7px;color:var(--gold)}
.site-footer a:hover{text-decoration:underline;color:var(--ink)}
.contact-email{overflow-wrap:anywhere}
@keyframes orbit-glimmer{to{transform:rotate(360deg)}}
@media(min-width:1600px){body{background-size:100% 2900px}}
@media(max-width:1000px){.page{padding:0 35px}.hero{min-height:585px;gap:5px}h1{font-size:62px}.intro{font-size:15px}.information-heading{display:block}.information-heading p{margin-top:9px}.features{gap:23px}.information-links a{padding:18px}.information-links a>span:first-child{font-size:16px}}
@media(max-width:720px){body{background-size:auto 1650px;background-position:48% 0}.page{padding:0 25px}.site-header{min-height:105px}.brand{font-size:26px;gap:12px}.brand img{width:45px;height:45px;border-radius:12px}.brand-caption{font-size:10px;letter-spacing:0}.header-support{font-size:13px;gap:8px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 0 38px;gap:18px;min-height:0}.coming-soon{font-size:11px;margin-bottom:24px}h1{font-size:clamp(50px,10.8vw,72px);letter-spacing:-1.8px}.intro{max-width:440px;font-size:15px;line-height:1.9}.availability{margin-top:24px;font-size:12px}.celestial-art{max-width:360px;width:90%;align-self:center;margin:10px 0 25px}.art-caption{font-size:10px}.features{grid-template-columns:1fr;padding:25px 0;gap:24px}.features article,.features article+article{padding-left:33px;border:0}.features article+article .feature-number{left:0}.features h2{font-size:20px;margin-bottom:5px}.features p{max-width:none;font-size:13px}.information{padding:38px 0 34px}.information-heading{margin-bottom:20px}.information-heading h2{font-size:25px}.information-heading p{font-size:12px;max-width:290px}.information-links{grid-template-columns:1fr;gap:11px}.information-links a{min-height:84px;padding:18px 22px;border-radius:20px}.information-links a>span:first-child{font-size:18px}.information-links small{font-size:12px;margin-top:5px}.site-footer{flex-direction:column;align-items:flex-start;gap:6px;padding:22px 0 27px;font-size:11px}}
@media(max-width:360px){.page{padding:0 20px}.brand-caption{max-width:150px}.brand{font-size:24px}.brand img{width:40px;height:40px}.header-support{gap:5px;padding-left:0}h1{font-size:49px}.hero{padding-top:35px}.site-header{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
