/* Cosmic atmosphere: lightweight gradients and a bounded particle canvas. */
body{--bg:#080913;--panel:#111321;--text:#f8f0e3;--muted:#b9b7c7;--accent:#e1ba7c;--line:#d8c6ff24;background:var(--bg);isolation:isolate}
body::before{content:'';position:fixed;inset:-10%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 78% 18%,#4c226b55,transparent 40%),radial-gradient(ellipse at 10% 65%,#203c6645,transparent 40%),radial-gradient(ellipse at 68% 92%,#762c3b28,transparent 36%);animation:cosmic-breathe 24s ease-in-out infinite alternate}



.cosmic-field{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.85}
body>main,body>.footer{position:relative;z-index:1}
.nav{height:88px;background:#090a16e8;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.nav .brand small{font-size:10px;letter-spacing:.1em}.brand img{box-shadow:0 0 24px #d8ab6d15}
.nav nav{gap:25px}.button{background:linear-gradient(120deg,#ead0a0,#c8995a);color:#24170b;border:1px solid #e5c58d;border-radius:999px;box-shadow:0 6px 26px #bd8c3520;transition:transform .25s,box-shadow .25s}
.button:hover{box-shadow:0 8px 34px #d5ac5840;filter:none;transform:translateY(-2px)}
.button.secondary{background:transparent;color:var(--text);border-color:var(--line);box-shadow:none}
.hero{background:transparent;min-height:790px;isolation:isolate;border-bottom:1px solid var(--line)}
.hero-image{inset:60px 4% 75px auto;width:38%;border-radius:240px 240px 12px 12px;background:linear-gradient(180deg,#100a1e10 35%,#080913bb),url('assets/temple-corridor.jpg') 72% center/cover;opacity:.82;box-shadow:0 0 85px #c0995630;mask-image:linear-gradient(180deg,#000 72%,transparent);animation:hero-appear 1.8s ease both;z-index:-1}
.hero-content{padding-top:112px;padding-bottom:62px}.hero h1{max-width:790px;font-size:clamp(58px,6.8vw,100px);line-height:1.02;letter-spacing:-.035em;text-shadow:0 4px 40px #080913}
.hero h1 em{display:inline;color:#e7c48f}.hero-content>p{max-width:600px;color:#c9c4d4;font-size:18px;line-height:1.85}
.hero-content .eyebrow{font-size:12px;letter-spacing:.2em;color:#e2c497}.hero-note{font-size:13px;color:#bdb5c4}.hero-bottom{font-size:12px;letter-spacing:.12em;gap:20px;flex-wrap:wrap;border:0;padding-block:24px}
.motion-control{border:1px solid var(--line);border-radius:999px;background:#111321cc;color:var(--muted);padding:9px 14px;font:12px var(--sans);min-height:38px;margin-left:auto}
.motion-control:hover{color:var(--text);border-color:var(--accent)}
.section{padding-block:120px}h2{font-size:clamp(44px,4.6vw,68px);line-height:1.08;letter-spacing:-.025em}h3{line-height:1.15}
.mission{grid-template-columns:.9fr 1.1fr;gap:90px}.mission .section-heading{align-self:start;position:sticky;top:140px}.mission-copy{padding-top:0}.mission-copy h3{margin-top:38px;color:var(--accent);font-size:36px}.mission-copy p{max-width:610px}.lead{font-size:23px}
.pillars{gap:20px;padding-bottom:110px}.pillars article,.pillars article:first-child,.pillars article:last-child{padding:32px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#25203670,#0b0c1950)}
.pillars p,.join-grid p{font-size:16px}.pillars .number{font:italic 38px var(--serif);letter-spacing:0;margin-bottom:28px;color:var(--accent)}.pillars h3{font-size:30px}
.app-section{background:linear-gradient(180deg,#15122580,#08091330);border-block:1px solid var(--line)}
.app-visual{background:radial-gradient(ellipse,#70549825,transparent 64%)}.phone{box-shadow:0 35px 100px #0009,0 0 75px #ad81551a;transform:rotate(-4deg);border-color:#bba7c24d}
.orbit{border-color:#dbc28f30}.orbit-one{width:480px;height:480px}.orbit-two{width:600px;height:600px;border-style:solid;border-color:#9c87d41f}
.preview-label{font-size:12px;text-align:center}
.roadmap-list{border-left:1px solid var(--line);padding-left:35px}.roadmap-list article{position:relative;padding:28px 0}.roadmap-list article::before{content:'';position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;top:36px;left:-39px;box-shadow:0 0 15px #d6b78155}.roadmap-list article:first-child::before{top:8px}.status{font-size:12px;border-radius:999px;padding:5px 12px}
.journey{background:linear-gradient(115deg,#2d172c70,#0b112760);border-block:1px solid var(--line)}.journey-layout{gap:72px}.journey-art{border:1px solid #d3ab6433;border-radius:160px 160px 16px 16px;overflow:hidden;padding:7px;background:#d3ab6408;box-shadow:0 22px 65px #0005}.journey-art img{mask-image:none;border-radius:153px 153px 10px 10px;aspect-ratio:4/5;opacity:.88}.journey h2{font-size:clamp(44px,4.6vw,65px)}.date,.signature{font-size:12px}.journey blockquote{font-size:32px}
.join-grid{border:0;gap:22px}.join-grid article,.join-grid article:first-child,.join-grid article:last-child{padding:35px 28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#26203466,#10121e99);transition:border-color .25s,transform .25s}
.join-grid article:hover{border-color:#d8b87b66;transform:translateY(-4px)}.join-grid h3{font-size:36px}.join-grid small{font-size:13px}.join-grid .number{font-size:12px}
.waitlist-section{background:radial-gradient(ellipse at 10% 70%,#63377430,transparent 65%),#10121d99;border-block:1px solid var(--line)}.waitlist-layout form{padding:32px;border:1px solid var(--line);border-radius:18px;background:#0b0c17bb}.form-note{font-size:13px}.waitlist-layout input:not([type=checkbox]){background:#08091388;border-color:#c7b5dd35;border-radius:8px}.waitlist-layout .button{width:100%}
.faq details{padding:26px 0}details p{font-size:16px}.footer{background:transparent}.footer-bottom{font-size:13px}.footer button{font-size:13px}.cookie-banner{background:#121422f5;border-color:#d8b87955;border-radius:16px}.legal-wrap{background:#080913b8}.legal-body p{color:#c7c2d1}
[data-cosmic-paused=true] *,[data-cosmic-paused=true] body::before{animation-play-state:paused!important}
@keyframes cosmic-breathe{from{transform:translate3d(-4%,-3%,0) scale(1);opacity:.7}to{transform:translate3d(5%,4%,0) scale(1.12);opacity:1}}
@media(max-width:1100px){.hero-image{width:43%;opacity:.48}.hero h1{max-width:700px}.mission{gap:45px}.nav nav{gap:16px}.join-grid{gap:14px}.join-grid article,.join-grid article:first-child,.join-grid article:last-child{padding:28px 22px}}
@media(max-width:760px){.nav{height:76px}.nav nav{background:#10111ff7}.hero{min-height:0}.hero-image{inset:35px -50px 0 auto;width:80%;opacity:.24;mask-image:linear-gradient(180deg,#000,transparent 90%)}.hero-content{padding-top:76px;padding-bottom:42px}.hero h1{font-size:clamp(48px,11vw,72px);max-width:600px}.hero-content>p{font-size:16px;max-width:470px}.hero-content>p br{display:none}.hero-content .eyebrow{font-size:12px;max-width:300px}.hero-bottom{font-size:12px;letter-spacing:.06em}.hero-bottom>span{width:100%}.motion-control{font-size:12px}.section{padding-block:76px}.mission{grid-template-columns:1fr;gap:28px}.mission .section-heading{position:static}.pillars{gap:14px;padding-bottom:72px}.pillars article,.pillars article:first-child,.pillars article:last-child{padding:26px}.app-layout{gap:30px}.orbit-one{width:330px;height:330px}.orbit-two{width:430px;height:430px}.app-visual{min-height:640px}.roadmap-list{padding-left:24px}.roadmap-list article::before{left:-28px}.journey-layout{gap:36px}.journey-art{order:0;border-radius:100px 100px 14px 14px;max-width:440px;margin-inline:auto}.journey-art img{border-radius:94px 94px 8px 8px;aspect-ratio:6/5}.join-grid{gap:16px}.join-grid article,.join-grid article:first-child,.join-grid article:last-child{padding:30px}.waitlist-layout form{padding:24px 20px}.footer-top{align-items:flex-start}.brand small{font-size:10px}.footer .brand small{font-size:9px}.hero-note{font-size:12px}}
.hero-image{inset:0;width:100%;border-radius:0;opacity:1;box-shadow:none;mask-image:none;background:linear-gradient(90deg,#080913a6 0%,#08091366 42%,#08091300 75%),linear-gradient(0deg,#080913,transparent 35%),url('assets/temple-cosmos-hero.jpg') center right/cover no-repeat}
.hero-content{position:relative;z-index:1}.hero-bottom{z-index:1}.hero-content>p{color:#e1dce7;text-shadow:0 2px 20px #080913}
.mission .section-heading{position:static}.mission-image{margin:38px 0 0;border:1px solid #d6b4782b;border-radius:12px;overflow:hidden;background:#101018}.mission-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.phone{transform:none;border-color:#d5c5b84d;box-shadow:0 32px 80px #0008,0 0 60px #b9945320}
.journey-art.journey-photo{margin:0;border-radius:16px;padding:8px;max-width:480px;background:#15131b;border-color:#d6b47833}
.journey-art.journey-photo img{border-radius:10px;aspect-ratio:4/5;object-fit:cover;object-position:center 43%;opacity:1;mask-image:none}
.journey-photo figcaption{padding:16px 12px 10px;font-size:13px;line-height:1.7;color:var(--muted)}
@media(max-width:760px){.journey-art.journey-photo{margin-inline:auto;width:100%}.hero-image{inset:0;width:100%;opacity:1;background-image:linear-gradient(90deg,#080913d9,#08091388),linear-gradient(0deg,#080913,transparent 45%),url('assets/temple-cosmos-hero.jpg');background-position:65% center}.mission-image{margin-top:28px}}
@media(prefers-reduced-motion:reduce){body::before{animation:none}.hero-image{animation:none}.join-grid article:hover,.button:hover{transform:none}}
/* Language switcher (native <details>, no JS) */
.lang-switch{position:relative;font:12px var(--sans)}
.lang-switch>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);white-space:nowrap;font-size:11px;letter-spacing:.04em}
.lang-switch>summary>span[aria-hidden]{font-size:12px;opacity:.7}
.lang-switch>summary::-webkit-details-marker{display:none}
.lang-switch>summary:hover,.lang-switch[open]>summary{color:var(--text);border-color:var(--accent)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;margin:0;padding:6px;list-style:none;min-width:150px;background:#141422f4;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px #0008;backdrop-filter:blur(14px)}
.lang-menu li{margin:0}
.lang-menu a{display:block;padding:9px 12px;border-radius:8px;color:var(--muted);text-decoration:none}
.lang-menu a:hover{background:#ffffff14;color:var(--text)}
.lang-menu a[aria-current=page]{color:var(--accent);font-weight:600}


.lang-switch>summary::after{content:'▾';font-size:10px;opacity:.6;transition:transform .2s}
.lang-switch[open]>summary::after{transform:rotate(180deg)}