@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --bg:#06101c; --panel:#0b1928; --text:#f3f7fb; --muted:#9db0c1;
  --cyan:#36f3ff; --pink:#ff3fb8; --lime:#c7ff48; --yellow:#ffd95a;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{height:78px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(6,16,28,.72);backdrop-filter:blur(16px)}
.logo{font:700 16px/"Space Grotesk",sans-serif;letter-spacing:.09em;display:flex;align-items:center;gap:9px}
.logo-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);box-shadow:0 0 16px #36f3ff66;font-size:21px}
.pink{color:var(--pink)}
nav{display:flex;gap:34px;color:var(--muted);font-size:13px}
nav a:hover,.text-link:hover{color:var(--cyan)}
.pill,.big-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:15px 21px;border:1px solid var(--cyan);color:var(--cyan);border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.06em;box-shadow:0 0 22px #36f3ff18;transition:.25s}
.pill:hover,.big-button:hover{background:var(--cyan);color:#06101c;box-shadow:0 0 30px #36f3ff66;transform:translateY(-2px)}
.pill.small{padding:10px 15px;font-size:11px}
.hero{min-height:calc(100vh - 78px);position:relative;display:grid;grid-template-columns:48% 52%;align-items:center;padding:50px clamp(20px,5vw,72px) 70px;overflow:hidden}
.hero-copy{position:relative;z-index:3;max-width:650px}
.eyebrow{font:700 10px/"Space Grotesk",sans-serif;letter-spacing:.25em;color:var(--cyan);margin:0 0 22px}
h1,h2{font-family:"Space Grotesk",sans-serif;letter-spacing:-.055em;line-height:.92;margin:0}
h1{font-size:clamp(56px,7.6vw,112px)}
h1 span,h2 span{color:var(--pink);text-shadow:0 0 28px #ff3fb855}
.lead{max-width:490px;color:var(--muted);font-size:17px;line-height:1.7;margin:30px 0}
.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
.text-link{font-size:13px;color:#d5e0e9}.text-link span{color:var(--pink)}
.sun-glow{position:absolute;width:600px;height:600px;border-radius:50%;right:13%;top:10%;background:radial-gradient(circle,#ff5b9c55 0,#ff3fb810 40%,transparent 70%);filter:blur(15px)}
.tropical-scene{height:640px;position:relative;overflow:hidden;border-radius:38% 62% 30% 70% / 38% 36% 64% 62%;background:linear-gradient(#0b1830 0%,#152b46 44%,#f35e87 57%,#ffb45e 63%,#36d7dd 65%,#063d56 100%);box-shadow:0 0 80px #36f3ff16,inset 0 0 80px #0008}
.moon{position:absolute;width:90px;height:90px;border-radius:50%;right:17%;top:12%;background:#fff5cf;box-shadow:0 0 50px #fff1b888}
.cloud{position:absolute;height:10px;width:120px;border-radius:20px;background:#ffffff22;filter:blur(5px)}.c1{top:23%;left:12%}.c2{top:34%;right:30%;width:180px}
.island{position:absolute;left:0;right:0;top:54%;height:21%;background:#08151d;clip-path:polygon(0 55%,10% 44%,18% 52%,26% 24%,35% 50%,45% 42%,55% 54%,66% 36%,74% 50%,83% 30%,92% 55%,100% 38%,100% 100%,0 100%)}
.water{position:absolute;left:0;right:0;top:64%;height:31%;opacity:.7}.water i{display:block;height:2px;margin:30px auto 0;width:50%;border-radius:100%;background:#a4ffffaa;box-shadow:0 0 8px #36f3ff}.water i:nth-child(2){width:30%;margin-top:18px}.water i:nth-child(3){width:70%;margin-top:35px}.water i:nth-child(4){width:40%;margin-top:20px}.water i:nth-child(5){width:22%;margin-top:32px}.water i:nth-child(6){width:60%;margin-top:22px}
.sand{position:absolute;bottom:-8%;left:-5%;width:110%;height:29%;background:#ffca72;clip-path:ellipse(67% 60% at 47% 70%);filter:drop-shadow(0 -4px 12px #ffcc7844)}
.palm{position:absolute;bottom:17%;z-index:3;width:210px;height:300px}.palm-left{left:2%}.palm-right{right:0;transform:scaleX(-1) scale(.9)}.palm b{position:absolute;bottom:0;left:82px;width:16px;height:245px;background:#101820;transform:rotate(8deg);border-radius:100% 0 100% 0}.palm span,.palm span:before,.palm span:after{position:absolute;display:block;width:145px;height:28px;border-top:10px solid #0b1820;border-radius:50%;top:24px;left:22px;transform:rotate(5deg)}.palm span:before,.palm span:after{content:"";top:-11px;left:7px;transform:rotate(55deg)}.palm span:after{transform:rotate(-48deg);left:20px}
.neon-sign{position:absolute;right:11%;bottom:17%;z-index:4;padding:14px 20px;border:2px solid var(--cyan);color:var(--cyan);font:700 15px/"Space Grotesk",sans-serif;letter-spacing:.13em;text-align:center;transform:rotate(-4deg);box-shadow:0 0 12px var(--cyan),inset 0 0 14px #36f3ff44;text-shadow:0 0 10px var(--cyan);background:#06101c88}
.scroll-note{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.25em;color:#7890a4}
.marquee{overflow:hidden;border-block:1px solid var(--line);padding:16px 0;color:var(--lime);font:700 11px/"Space Grotesk";letter-spacing:.18em;white-space:nowrap}.marquee div{animation:marquee 20s linear infinite}@keyframes marquee{to{transform:translateX(-35%)}}
.section{padding:150px clamp(20px,7vw,110px)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:70px}.section h2{font-size:clamp(45px,6vw,80px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,#0d1d2c,#08131f);border:1px solid var(--line);border-radius:22px;padding:30px;min-height:280px;transition:.3s}.card:hover{transform:translateY(-6px);border-color:#36f3ff55}.card.hot{border-color:#ff3fb844}.icon{font-size:27px;color:var(--cyan);margin-bottom:55px}.card.hot .icon{color:var(--pink)}.card h3{font:600 23px/"Space Grotesk";margin:0 0 13px}.card p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}
.ritual{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#071522}.ritual-visual{height:500px;border:1px solid var(--line);border-radius:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#ff3fb825,transparent 30%),linear-gradient(145deg,#0c2132,#06101c)}.ritual-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 48%,#36f3ff12 49% 51%,transparent 52%);}.stamp{position:absolute;right:35px;top:30px;border:1px solid var(--pink);color:var(--pink);padding:12px 15px;text-align:center;font:700 11px/"Space Grotesk";letter-spacing:.18em;transform:rotate(8deg);box-shadow:0 0 25px #ff3fb822}.route-line{position:absolute;left:17%;right:12%;top:50%;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.route-line span{display:grid;place-items:center;position:absolute;top:-18px;width:36px;height:36px;border:1px solid var(--cyan);border-radius:50%;background:#071522;color:var(--cyan);font:700 12px/"Space Grotesk"}.route-line span:nth-child(1){left:0}.route-line span:nth-child(2){left:48%}.route-line span:nth-child(3){right:0}.mini-wave{position:absolute;bottom:70px;left:18%;font-size:34px;letter-spacing:9px;color:#36f3ff66}
.ritual-copy h2{margin-bottom:55px}.ritual-copy ol{list-style:none;margin:0;padding:0}.ritual-copy li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.ritual-copy li>strong{font:600 12px/"Space Grotesk";color:var(--pink)}.ritual-copy b{display:block;font:600 19px/"Space Grotesk";margin-bottom:7px}.ritual-copy small{display:block;color:var(--muted);font-size:13px;line-height:1.6}
.quote{padding:170px 20px;text-align:center;background:radial-gradient(circle at 50% 50%,#ff3fb815,transparent 35%)}.quote-mark{display:block;color:var(--pink);font:100px/0.6 "Space Grotesk";text-shadow:0 0 35px #ff3fb866}.quote p{font:600 clamp(35px,5.2vw,72px)/1.02 "Space Grotesk";letter-spacing:-.05em;margin:20px 0}.quote em{font-style:normal;color:var(--cyan);text-shadow:0 0 25px #36f3ff55}.quote-wave{color:#71889a;letter-spacing:.3em}
.cta{margin:0 clamp(20px,5vw,72px) 80px;border:1px solid var(--cyan);border-radius:28px;padding:70px clamp(25px,6vw,80px);display:flex;justify-content:space-between;align-items:end;gap:40px;background:radial-gradient(circle at 85% 20%,#36f3ff14,transparent 30%),#091826;box-shadow:0 0 50px #36f3ff0c}.cta h2{font-size:clamp(50px,7vw,95px)}.cta p:not(.eyebrow){color:var(--muted);max-width:470px;line-height:1.6;margin:22px 0 0}.big-button{padding:20px 26px;white-space:nowrap}
footer{display:flex;justify-content:space-between;gap:20px;padding:30px clamp(20px,5vw,72px);border-top:1px solid var(--line);color:#5e7487;font:700 9px/"Space Grotesk";letter-spacing:.16em}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{margin-bottom:50px}.tropical-scene{height:520px}.cards{grid-template-columns:1fr}.section-head{display:block}.ritual{grid-template-columns:1fr}.ritual-visual{height:380px}.cta{display:block}.big-button{margin-top:35px}}
@media(max-width:560px){.topbar{height:68px}.logo{font-size:13px}.hero{min-height:auto;padding-top:55px}.lead{font-size:15px}.tropical-scene{height:430px;border-radius:28px}.palm{transform:scale(.72);transform-origin:bottom left}.palm-right{transform:scaleX(-1) scale(.65);transform-origin:bottom right}.neon-sign{right:7%;bottom:14%}.section{padding:95px 20px}.ritual-visual{height:300px}.quote{padding:110px 20px}.cta{margin-bottom:45px;padding:45px 25px}footer{display:block;line-height:2.2}}