*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0D1420;--navy-mid: #1A2540;--navy-ring: #1E2E50;--teal-deep: #2A6E8A;--teal: #4A9EB0;--teal-lt: #6ABEC8;--sage: #7A9478;--sage-lt: #9AB498;--amber: #C87830;--amber-lt: #D89848;--gold: #C8A84B;--gold-lt: #E8C870;--gold-dim: #8A7030}html{scroll-behavior:smooth}body{font-family:Crimson Pro,Georgia,serif;background:var(--navy);color:var(--gold-lt);overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 3rem;background:#0d1420e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(200,168,75,.12)}.nav-logo{font-family:Cinzel,serif;font-size:1rem;font-weight:500;letter-spacing:.2em;color:var(--gold);text-decoration:none;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#c8a84b8c;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--gold)}.nav-buy{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--navy)!important;background:var(--gold);padding:.6rem 1.5rem;border-radius:1px;text-decoration:none;transition:background .2s}.nav-buy:hover{background:var(--gold-lt)!important}.nav-buy-cell{display:flex;flex-direction:column;align-items:center;gap:.35rem}.nav-buy--disabled,.btn-primary--disabled{pointer-events:none;cursor:default;opacity:.55}.nav-buy.nav-buy--disabled:hover{background:var(--gold)!important}.btn-primary.btn-primary--disabled:hover{background:var(--gold);transform:none}.buy-soon{font-family:Cinzel,serif;font-size:.65rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);margin:0}.buy-soon--nav{font-size:.55rem;letter-spacing:.16em;color:#4a9eb0d9}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:.75rem}.buy-soon--hero{opacity:0;animation:fadeUp .9s ease .75s forwards}.cta-buy{display:flex;flex-direction:column;align-items:center;gap:.75rem}.buy-soon--cta{color:#4a9eb0e6}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(ellipse,rgba(42,110,138,.18) 0%,rgba(200,120,48,.06) 50%,transparent 70%);pointer-events:none}.hero-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;border:1px solid rgba(200,168,75,.06);border-radius:50%;animation:slowSpin 120s linear infinite;pointer-events:none}.hero-ring:before{content:"";position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid rgba(200,168,75,.04);border-radius:50%}@keyframes slowSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-eyebrow{font-family:Cinzel,serif;font-size:.68rem;font-weight:400;letter-spacing:.35em;text-transform:uppercase;color:var(--teal);margin-bottom:1.5rem;opacity:0;animation:fadeUp .9s ease .2s forwards}.hero-title{font-family:Cinzel,serif;font-size:clamp(3rem,8vw,6.5rem);font-weight:400;line-height:1;letter-spacing:.08em;color:var(--gold-lt);margin-bottom:.5rem;opacity:0;animation:fadeUp .9s ease .35s forwards}.hero-title span{display:block;font-size:.45em;letter-spacing:.3em;color:var(--gold-dim);margin-top:.5rem}.hero-subtitle{font-family:Crimson Pro,serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:300;font-style:italic;color:#c8a84b99;max-width:560px;line-height:1.6;margin:1.5rem auto 2.5rem;opacity:0;animation:fadeUp .9s ease .5s forwards}.hero-actions{display:flex;align-items:center;gap:1.5rem;opacity:0;animation:fadeUp .9s ease .65s forwards}.btn-primary{font-family:Cinzel,serif;font-size:.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);background:var(--gold);padding:1rem 2.5rem;border-radius:1px;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.btn-primary:hover{background:var(--gold-lt);transform:translateY(-1px)}.btn-price{font-family:Crimson Pro,serif;font-size:.95rem;font-style:italic;color:#c8a84b73}.video-section{padding:0 3rem 6rem;max-width:1100px;margin:0 auto;opacity:0;animation:fadeUp 1s ease .9s forwards}.video-frame{position:relative;border-radius:4px;overflow:hidden;background:var(--navy-mid);aspect-ratio:16/9;border:1px solid rgba(200,168,75,.15);box-shadow:0 0 80px #2a6e8a1f,0 0 0 1px #c8a84b14}.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#c8a84b33}.video-caption{text-align:center;margin-top:1rem;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#c8a84b4d}.gold-rule{width:60px;height:1px;background:var(--gold);margin:0 auto;opacity:.4}.section-label{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:1rem}.section-title{font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:400;color:var(--gold-lt);line-height:1.15;letter-spacing:.05em;margin-bottom:1rem}.section-body{font-family:Crimson Pro,serif;font-size:1.15rem;font-weight:300;color:#c8a84b8c;line-height:1.8;max-width:540px;margin:0 auto}.readings{padding:7rem 3rem;max-width:1100px;margin:0 auto;text-align:center}.readings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:4rem;background:#c8a84b14;border:1px solid rgba(200,168,75,.08)}.reading-item{padding:2.5rem 2rem;background:var(--navy);text-align:center;transition:background .3s}.reading-item:hover{background:#1a2540cc}.reading-number{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.25em;color:var(--gold-dim);margin-bottom:1rem;display:block}.reading-title{font-family:Cinzel,serif;font-size:.95rem;font-weight:400;color:var(--gold);letter-spacing:.08em;margin-bottom:.75rem;line-height:1.3}.reading-body{font-family:Crimson Pro,serif;font-size:.95rem;font-weight:300;font-style:italic;color:#c8a84b66;line-height:1.6}.zones-strip{display:flex;height:6px;width:100%}.zone{flex:1}.zone-night{background:#0a1020}.zone-astro{background:#142035}.zone-nautical{background:#1a3050}.zone-civil{background:#204060}.zone-day{background:var(--teal-deep)}.zone-sage{background:var(--sage)}.zone-amber{background:var(--amber)}.layers{padding:7rem 3rem;background:var(--navy-mid);border-top:1px solid rgba(200,168,75,.06);border-bottom:1px solid rgba(200,168,75,.06)}.layers-inner{max-width:1000px;margin:0 auto;text-align:center}.layers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:4rem;background:#c8a84b0f}.layer-item{padding:2.5rem;background:var(--navy-mid);text-align:left;position:relative}.layer-bar{position:absolute;top:0;left:0;width:3px;height:100%}.bar-teal{background:var(--teal-deep)}.bar-gold{background:var(--gold)}.bar-amber{background:var(--amber)}.bar-sage{background:var(--sage)}.bar-navy{background:var(--navy-ring)}.bar-teal2{background:var(--teal-lt)}.layer-num{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.3em;color:var(--gold-dim);margin-bottom:.75rem;display:block;padding-left:1rem}.layer-title{font-family:Cinzel,serif;font-size:1rem;font-weight:400;color:var(--gold-lt);letter-spacing:.06em;margin-bottom:.5rem;padding-left:1rem}.layer-body{font-family:Crimson Pro,serif;font-size:.95rem;font-weight:300;font-style:italic;color:#c8a84b66;line-height:1.65;padding-left:1rem}.specs{padding:7rem 3rem;max-width:800px;margin:0 auto;text-align:center}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:3rem;border:1px solid rgba(200,168,75,.1)}.spec-item{padding:1.5rem 2rem;border-bottom:1px solid rgba(200,168,75,.08);border-right:1px solid rgba(200,168,75,.08);text-align:left}.spec-item:nth-child(2n){border-right:none}.spec-item:nth-last-child(-n+2){border-bottom:none}.spec-label{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--teal);margin-bottom:.4rem;display:block}.spec-value{font-family:Crimson Pro,serif;font-size:1.05rem;font-weight:300;color:var(--gold-lt)}.cta{padding:8rem 3rem;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(ellipse,rgba(42,110,138,.1) 0%,transparent 65%);pointer-events:none}.cta-title{font-family:Cinzel,serif;font-size:clamp(2rem,5vw,4rem);font-weight:400;color:var(--gold-lt);letter-spacing:.08em;line-height:1.2;margin-bottom:1rem}.cta-sub{font-family:Crimson Pro,serif;font-size:1.1rem;font-style:italic;color:#c8a84b66;margin-bottom:3rem}.cta-details{display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-top:2rem}.cta-detail{display:flex;align-items:center;gap:.6rem;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#c8a84b59}.cta-dot{width:3px;height:3px;background:var(--teal);border-radius:50%}footer{background:var(--navy-mid);border-top:1px solid rgba(200,168,75,.08);padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between}.footer-logo{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.2em;color:#c8a84b66}.footer-links{display:flex;gap:2rem;list-style:none}.footer-links a{font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:#c8a84b40;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--gold)}.footer-copy{font-family:Crimson Pro,serif;font-size:.8rem;color:#c8a84b33}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){nav{padding:1rem 1.5rem}.nav-links{display:none}.hero{padding:7rem 1.5rem 3rem}.video-section{padding:0 1.5rem 4rem}.readings{padding:5rem 1.5rem}.readings-grid{grid-template-columns:1fr}.layers{padding:5rem 1.5rem}.layers-grid{grid-template-columns:1fr}.specs{padding:5rem 1.5rem}.specs-grid{grid-template-columns:1fr}.spec-item{border-right:none}.cta{padding:5rem 1.5rem}.cta-details{flex-wrap:wrap;gap:1rem}footer{flex-direction:column;gap:1.5rem;text-align:center}}
