@font-face{font-family:Luna;src:url("assets/Montserrat-Light.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:Luna;src:url("assets/Montserrat-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Luna;src:url("assets/Montserrat-Medium.ttf") format("truetype");font-weight:500 700;font-display:swap}
:root{--bg:#08090b;--panel:#101113;--text:#eeece5;--muted:#8c8d91;--line:#ffffff16;--accent:#d6cbb4;--mx:0;--my:0;color-scheme:dark;font-family:Luna,Arial,sans-serif;font-weight:400}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:disabled{cursor:wait;opacity:.65}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #c7baa0;outline-offset:5px}img{display:block;max-width:100%}button,summary{user-select:none}::selection{background:#d6cbb43d;color:#fff}.skip-link{position:fixed;top:-80px;left:20px;background:var(--text);color:var(--bg);padding:14px;z-index:100}.skip-link:focus{top:10px}
.header{height:112px;max-width:1440px;padding:0 72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid var(--line);position:relative;z-index:10}
.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-name{display:flex;align-items:baseline;gap:10px;font-size:24px;letter-spacing:.19em;font-weight:400}.brand-name small{font-size:8px;letter-spacing:.18em;color:var(--muted)}.moon-mark{width:34px;height:34px;display:inline-block;overflow:hidden;border-radius:50%;flex-shrink:0}.moon-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.34);mix-blend-mode:screen}.moon-mark.small{width:24px;height:24px}.moon-mark.large{width:66px;height:66px}
.navigation{display:flex;gap:35px;margin-left:45px}.navigation a,.cabinet-link{font-size:11px;color:#c2c1bf;transition:color .25s}.navigation a:hover,.cabinet-link:hover{color:#fff}.cabinet-link{display:flex;align-items:center;gap:25px;padding:12px 0}.cabinet-link span{color:var(--text);font-size:17px}.header-actions{display:flex;align-items:center;gap:22px}.menu-toggle{display:none;width:40px;height:40px;padding:10px}.menu-toggle span{display:block;height:1px;background:#eeece5;margin:6px 0;transition:transform .3s}
.eyebrow{font-size:9px;font-weight:500;letter-spacing:.21em;line-height:1.8;color:var(--muted);margin:0}.fine-dot{display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%;flex-shrink:0}.hero{max-width:1440px;min-height:780px;margin:auto;padding:58px 72px 84px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;position:relative;isolation:isolate;overflow:hidden}.hero-copy{z-index:2;padding-bottom:28px}.hero-copy .eyebrow{display:flex;align-items:center;gap:12px;color:#b6b3aa}.hero h1{font-size:clamp(52px,5.25vw,79px);font-weight:300;line-height:1.15;letter-spacing:-.065em;margin:29px -50px 25px 0;position:relative;z-index:2}.hero h1 em,h2 em{font-style:normal;color:#d1c7b3}.hero-description{font-size:13px;line-height:1.95;color:#929398;max-width:390px;margin:0 0 33px;letter-spacing:.005em}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:54px;padding:17px 24px;border-radius:4px;font-size:11px;font-weight:500;line-height:1.4;transition:background .25s,transform .25s,border-color .25s}.button>span{font-size:18px;line-height:1}.button-light{background:var(--text);color:#171718;border:1px solid var(--text)}.button-light:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}.button-outline{border:1px solid #ffffff32;background:#ffffff02}.button-outline:hover{border-color:#d6cbb46b;background:#d6cbb407;transform:translateY(-2px)}.quiet-link{font-size:10px;color:#b1b0b1;display:inline-flex;align-items:center;gap:18px;line-height:1.6;transition:color .25s}.quiet-link:hover{color:#fff}.quiet-link>span{font-size:16px}.platforms{font-size:9px;color:#63656c;letter-spacing:.03em;margin:35px 0 0}.platforms span{padding:0 10px;color:#36383e}
.moon-stage{position:relative;width:calc(100% + 65px);aspect-ratio:1;margin-left:-20px;align-self:center;perspective:1000px;isolation:isolate}.moon-halo{position:absolute;inset:14%;border-radius:50%;box-shadow:0 0 110px 5px #d6cbb40a;background:#d6cbb405}.hero-moon{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;z-index:2;pointer-events:none;animation:moon-breathe 12s ease-in-out infinite;transform:translate3d(calc(var(--mx)*-7px),calc(var(--my)*-5px),0)}#sculpture{position:absolute;inset:-12%;width:124%;height:124%;opacity:.68;z-index:1;pointer-events:none;filter:drop-shadow(0 8px 20px #000)}.moon-caption{position:absolute;left:19%;right:16%;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#4e5057;font-size:8px;letter-spacing:.14em;z-index:3}.moon-caption button{font-size:8px;letter-spacing:.05em;color:#777980;min-height:35px;min-width:68px;display:inline-flex;align-items:center;gap:10px;justify-content:end}.moon-caption button:hover{color:#dfdcd1}.hero-bottom{position:absolute;bottom:28px;left:72px;right:72px;padding-top:23px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#686a71}.hero-bottom a{color:#8e8f94}.hero-bottom a span{margin-left:18px}.launch-label{font-size:7px;letter-spacing:.14em}
.section{max-width:1440px;padding:112px 72px;margin:0 auto}.section h2{font-size:clamp(34px,3.8vw,54px);font-weight:300;letter-spacing:-.045em;line-height:1.25;margin:24px 0 0}.section h2>span{color:#72747a}.section-heading{margin-bottom:65px}.experience{border-top:1px solid var(--line)}.experience-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:120px;align-items:center}.large-copy{font-size:17px;line-height:1.9;color:#b0b0b3;font-weight:300;letter-spacing:-.02em;margin:0 0 39px}.principle{display:grid;grid-template-columns:30px 1fr;gap:16px;border-top:1px solid var(--line);padding:25px 0}.number{font-size:9px;color:#6e6b62;padding-top:5px}.principle h3{font-weight:400;font-size:14px;margin:0 0 10px;letter-spacing:-.02em}.principle p{font-size:11px;line-height:1.95;color:#7d7f86;margin:0;max-width:320px}.account-preview{min-height:488px;border:1px solid #ffffff19;border-radius:14px;padding:28px 32px 0;background:radial-gradient(ellipse at 50% 20%,#d4c39b0a,transparent 60%),linear-gradient(150deg,#141518,#0c0d0f);overflow:hidden;box-shadow:0 25px 80px #0000002b;max-width:430px;width:100%;justify-self:end;position:relative}.preview-top{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.13em;color:#96969c}.preview-badge{margin-left:auto;border:1px solid #ffffff1c;border-radius:3px;padding:5px 7px;font-size:6px;color:#666870}.preview-orbit{position:relative;width:165px;aspect-ratio:1;margin:20px auto 5px;perspective:500px}.preview-orbit img{width:100%;mix-blend-mode:screen;animation:moon-breathe 12s ease-in-out infinite}.preview-orbit i{position:absolute;inset:10%;border:1px solid #d5c7a622;border-radius:50%;transform:rotateX(65deg) rotateY(-20deg);animation:orbit 32s linear infinite}.account-preview>.eyebrow{font-size:7px;letter-spacing:.2em;color:#777b83}.account-preview h3{font-size:31px;letter-spacing:-.04em;font-weight:300;margin:12px 0}.preview-description{color:#7c7e86;font-size:11px;line-height:1.9;margin:0 0 22px}.account-preview .button{width:100%;min-height:48px;font-size:10px}.preview-foot{display:flex;justify-content:space-between;padding:23px 0;margin-top:3px;border-top:1px solid var(--line);font-size:8px;color:#5d6069}
.connection{border-top:1px solid var(--line)}.connection-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.connection-heading>p{color:#7e8088;font-size:11px;line-height:2;margin:0 30px 5px 0}.connection-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.connection-steps article{padding:35px 28px 34px 0}.connection-steps article+article{border-left:1px solid var(--line);padding-left:36px}.step-index{font-size:28px;font-weight:300;color:#716e66;letter-spacing:.03em}.connection-steps h3{font-size:14px;font-weight:400;letter-spacing:-.02em;margin:40px 0 12px}.connection-steps p{font-size:11px;line-height:1.95;margin:0;color:#777a83}.daily-note{display:flex;align-items:center;gap:18px;padding-top:25px}.daily-note p{font-size:9px;line-height:1.9;color:#676b74;margin:0;max-width:690px}.daily-note .quiet-link{margin-left:auto;white-space:nowrap}
.pricing-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:50px}.billing{padding:5px;display:flex;border:1px solid #ffffff16;border-radius:5px;margin-bottom:3px;flex-shrink:0}.billing button{padding:11px 16px;font-size:9px;color:#70737c;border-radius:3px;transition:background .25s,color .25s;white-space:nowrap}.billing button.active{background:#222326;color:#e3ded2}.billing button:not(.active):hover{color:#e6e3db}.subscription-card{border:1px solid #ffffff20;border-radius:12px;background:radial-gradient(ellipse at 12% 0%,#d2c39e07,transparent 60%),#101113;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.subscription-main{padding:38px 42px 32px}.subscription-top{display:flex;justify-content:space-between;align-items:center}.subscription-top .eyebrow{font-size:8px;letter-spacing:.16em;color:#9a9892}.subscription-top .moon-mark{width:31px;height:31px}.price{display:flex;align-items:center;gap:15px;margin:36px 0 0;line-height:1;min-height:92px}.price>#price{font-size:87px;font-weight:300;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.price-currency{font-size:25px;font-weight:300;padding-top:12px}.price-currency small{display:block;font-size:9px;color:#6e727d;margin-top:10px}.price-total{font-size:10px;color:#92939a;margin:12px 0 31px}.subscription-main .button{min-width:242px}.price-note{font-size:8px;color:#626771;line-height:1.8;margin:15px 0 0}.subscription-detail{padding:46px 44px;border-left:1px solid #ffffff14;background:#ffffff01}.subscription-detail h3{font-size:28px;font-weight:300;letter-spacing:-.035em;margin:0 0 15px}.subscription-detail>p{font-size:11px;line-height:1.9;color:#81848d;margin:0 0 25px}.subscription-detail ul{list-style:none;padding:0;margin:0}.subscription-detail li{border-bottom:1px solid #ffffff10;padding:15px 0;display:flex;justify-content:space-between;gap:24px;font-size:10px;color:#aaaab0}.subscription-detail li>span+span{font-size:13px;color:#6b685f}.subscription-detail>p.detail-note{font-size:8px;line-height:1.9;color:#626773;max-width:330px;margin:24px 0 0}.private-note{display:flex;align-items:center;gap:34px;margin-top:28px;padding:22px 0;border-bottom:1px solid var(--line)}.private-note>span{font-size:8px;letter-spacing:.19em;color:#b2a58b}.private-note>p{font-size:10px;line-height:1.8;color:#737780;margin:0}.private-note .quiet-link{margin-left:auto}
.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.faq h2{margin-top:25px}.faq-list details{border-bottom:1px solid #ffffff17}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:77px;font-size:11px;color:#c6c5c3;cursor:pointer;padding:20px 0;line-height:1.8}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;font-weight:300;color:#8c887c;transition:transform .3s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:11px;line-height:2;color:#7d818b;max-width:470px;margin:0 20px 24px 0}.closing{text-align:center;padding-top:60px;padding-bottom:105px}.closing>.moon-mark{margin:0 auto 30px}.closing h2{font-size:clamp(54px,7.2vw,100px);line-height:1.07;letter-spacing:-.06em;margin:24px 0 36px}.closing .button{min-width:220px;text-align:left}.footer{max-width:1440px;padding:30px 72px 38px;border-top:1px solid var(--line);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand-name{font-size:19px}.footer .brand-name small{font-size:6px}.footer>p{font-size:8px;color:#555a65;line-height:1.8}.footer>div{display:flex;gap:25px}.footer button{font-size:8px;color:#777b84;padding:8px 0}
.modal{width:min(480px,calc(100% - 36px));padding:38px;border:1px solid #ffffff26;border-radius:14px;color:var(--text);background:linear-gradient(130deg,#16171a,#0d0e10);box-shadow:0 35px 160px #000b}.modal::backdrop{background:#030407c9;backdrop-filter:blur(12px)}.modal-close{position:absolute;right:16px;top:12px;font-size:27px;font-weight:300;color:#888b93;width:38px;height:38px}.modal>.moon-mark{margin-bottom:22px}.modal h2{font-size:30px;font-weight:300;letter-spacing:-.04em;margin:14px 0 22px}.modal p,.modal li{font-size:12px;line-height:1.95;color:#9699a2}.modal li{margin-bottom:12px}.modal ol{padding-left:20px}.modal .modal-action{display:inline-flex;align-items:center;gap:20px;font-size:11px;border-bottom:1px solid #b8aa8e60;color:#d9d1c1;padding:13px 0}
.motion-enabled .reveal{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform 1.15s cubic-bezier(.2,.7,.1,1)}.motion-enabled .reveal.visible{opacity:1;transform:none}.is-paused .hero-moon,.is-away .hero-moon,.offscreen .hero-moon{animation-play-state:paused}.css-sculpture{position:absolute;inset:4%;z-index:1;transform-style:preserve-3d;perspective:900px;opacity:.28;pointer-events:none}.css-ring{position:absolute;inset:5%;border:2px solid #b5ae9a;border-radius:50%;box-shadow:inset 1px 0 2px #ffffff83,1px 0 2px #ffffff55;transform-style:preserve-3d;animation:orbit 44s linear infinite}.css-ring.ring-1{inset:9%;animation-direction:reverse;animation-duration:56s;border-color:#d4d3cd}.css-ring.ring-2{inset:1%;animation-duration:69s;border-color:#6f6c61}.css-sculpture.paused .css-ring,.css-sculpture.offscreen .css-ring{animation-play-state:paused}
@keyframes moon-breathe{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes orbit{0%{transform:rotateX(68deg) rotateY(-15deg) rotateZ(0)}50%{transform:rotateX(51deg) rotateY(28deg) rotateZ(180deg)}100%{transform:rotateX(68deg) rotateY(-15deg) rotateZ(360deg)}}
@media(min-width:1500px){.hero{min-height:820px}.moon-stage{margin-left:0}}
@media(max-width:1100px){.header{padding:0 42px;gap:20px}.navigation{margin-left:0;gap:24px}.hero{padding-left:42px;padding-right:42px;min-height:690px}.hero h1{font-size:clamp(46px,6.1vw,68px)}.hero-bottom{left:42px;right:42px}.section{padding:90px 42px}.experience-layout{gap:65px}.account-preview{padding:25px 25px 0}.faq{gap:55px}.subscription-main{padding:32px}.subscription-detail{padding:39px 32px}.footer{padding-left:42px;padding-right:42px}.hero-actions{gap:20px}.quiet-link{font-size:9px}}
@media(max-width:760px){html{scroll-padding-top:30px}.header{height:88px;padding:0 25px}.brand-name{font-size:21px;gap:7px}.brand-name small{font-size:6px}.brand{gap:10px}.moon-mark{width:27px;height:27px}.cabinet-link{font-size:9px;gap:13px}.navigation{display:none;position:absolute;top:87px;left:0;right:0;padding:24px;background:#0f1012;border-bottom:1px solid var(--line);gap:26px;z-index:20}.navigation.open{display:flex;justify-content:center}.navigation a{font-size:10px}.menu-toggle{display:block}.header-actions{gap:11px}.hero{padding:4px 26px 92px;min-height:auto;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.moon-stage{order:0;width:min(400px,110%);margin:-1px auto 0;left:-5%;align-self:center}.hero-copy{order:1;padding-bottom:0;z-index:3}.hero-copy .eyebrow{font-size:7px;letter-spacing:.16em}.hero h1{font-size:clamp(40px,8.9vw,61px);margin:22px -5px 19px;line-height:1.17}.hero-description{font-size:11px;line-height:1.95;margin-bottom:26px}.hero-actions{gap:24px}.button{font-size:10px;min-height:51px;padding:15px 20px;gap:30px}.hero-actions .quiet-link{font-size:9px;gap:11px}.platforms{font-size:8px;margin-top:26px}.platforms span{padding:0 8px}.moon-caption{bottom:10px;left:18%;right:15%;font-size:6px}.moon-caption button{font-size:7px}.hero-bottom{left:26px;right:26px;bottom:23px;padding-top:18px;font-size:7px;gap:10px}.hero-bottom>a{display:none}.launch-label{font-size:5px;letter-spacing:.1em}.section{padding:70px 26px}.section h2{font-size:33px;letter-spacing:-.055em;margin-top:22px}.eyebrow{font-size:7px;letter-spacing:.17em}.section-heading{margin-bottom:35px}.experience-layout{grid-template-columns:1fr;gap:30px}.large-copy{font-size:15px;line-height:1.8;margin-bottom:28px}.principle{padding:22px 0;gap:9px}.principle h3{font-size:12px}.principle p{font-size:10px;max-width:310px}.number{font-size:8px}.account-preview{max-width:440px;justify-self:center;min-height:460px;padding:24px 25px 0}.preview-description{font-size:10px}.account-preview h3{font-size:28px}.connection-heading{display:block}.connection-heading>p{font-size:10px;margin-top:24px}.connection-steps{grid-template-columns:1fr;margin-top:35px}.connection-steps article,.connection-steps article+article{padding:25px 0;border-left:0;display:grid;grid-template-columns:45px 1fr;column-gap:20px}.connection-steps article+article{border-top:1px solid var(--line)}.step-index{grid-row:1/3;font-size:25px}.connection-steps h3{margin:0 0 8px;font-size:12px}.connection-steps p{font-size:10px}.daily-note{gap:12px;align-items:start;flex-wrap:wrap;padding-top:22px}.daily-note .fine-dot{margin-top:7px}.daily-note p{font-size:8px;max-width:calc(100% - 20px)}.daily-note .quiet-link{margin-left:16px;margin-top:5px}.pricing-heading{display:block;margin-bottom:30px}.billing{display:inline-flex;margin-top:28px}.billing button{padding:11px 15px;font-size:8px}.subscription-card{grid-template-columns:1fr;border-radius:9px}.subscription-main{padding:28px}.subscription-top .eyebrow{font-size:6px}.price{margin-top:30px}.price>#price{font-size:82px}.subscription-main .button{width:100%;min-width:0}.price-note{font-size:7px;line-height:1.9}.subscription-detail{padding:32px 28px;border-left:0;border-top:1px solid var(--line)}.subscription-detail h3{font-size:25px}.subscription-detail>p{font-size:10px}.subscription-detail li{font-size:9px}.subscription-detail>p.detail-note{font-size:7px}.private-note{gap:20px;flex-wrap:wrap;padding:14px 0 22px}.private-note>span{font-size:7px}.private-note>p{font-size:9px}.private-note .quiet-link{margin-left:0;font-size:9px}.faq{grid-template-columns:1fr;gap:30px}.faq-list summary{min-height:70px;font-size:10px;gap:20px}.faq-list details p{font-size:10px}.closing{padding-top:35px;padding-bottom:70px}.closing>.moon-mark{margin-bottom:22px;width:52px;height:52px}.closing h2{font-size:67px;margin:20px 0 32px}.footer{padding:28px 26px;flex-wrap:wrap;gap:17px}.footer>p{font-size:7px}.footer>div{width:100%;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:13px}.footer button{font-size:8px}.modal{padding:30px 25px}.modal h2{font-size:26px}.modal p,.modal li{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}.hero-moon{transform:none}}

.hero-moon{mix-blend-mode:normal;mask-image:radial-gradient(circle at 50% 50%,#000 0 36%,#000f 37%,transparent 39%)}

/* Full moon direction: no surrounding rings. Final 3D camera sequence awaits design approval. */
.moon-stage .hero-moon{scale:1.18}.preview-orbit i{display:none}

/* The public landing uses the original lunar assets with system typography. */
.landing {
  font-family: system-ui, "Segoe UI", sans-serif;
}

.landing :is(.header, .hero-copy, .section, .footer) {
  text-rendering: geometricPrecision;
  opacity: .999;
}

.landing .header {
  height: 92px;
}

.landing .brand img, .landing .preview-top img {
  border-radius: 8px;
}

.landing .brand-name {
  font-size: 19px;
  white-space: nowrap;
}

.landing :is(.navigation a, .cabinet-link, .quiet-link, .footer a) {
  font-size: 14px;
}

.landing .hero {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  min-height: 0;
  padding-block: 20px 36px;
}

.landing .hero h1 {
  font-size: clamp(42px, 5.2vw, 74px);
  font-weight: 500;
  line-height: 1.06;
  margin: 22px 0;
}

.landing .hero h1 em {
  display: block;
}

.landing .hero-description {
  color: #c9c5bc;
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.55;
}

.landing .moon-stage {
  width: min(calc(100% + 54px), 676px);
  margin-left: -8px;
}

.landing .hero-moon {
  animation: none;
  transform: none;
  mask-image: radial-gradient(circle closest-side, #000 78%, transparent 96%);
}

.landing .eyebrow {
  font-size: 11px;
}

.landing .button {
  font-size: 14px;
  gap: 22px;
}

.landing .button:hover {
  transform: none;
}

.landing .lunar-detail {
  border-block: 1px solid var(--line);
  background:
    linear-gradient(90deg, #08090b 0%, #08090be8 30%, #08090b42 83%),
    url("assets/full-moon.webp") 67% 49% / max(1650px, 175%) auto no-repeat;
}

.landing .lunar-detail .section {
  padding-block: clamp(76px, 11vw, 156px);
}

.landing .section h2 {
  font-weight: 500;
  line-height: 1.12;
}

.landing .large-copy {
  max-width: 37ch;
  margin: 21px 0 28px;
  color: #cfcbc2;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.landing .lunar-detail .large-copy {
  margin-bottom: 0;
}

.landing .account-preview {
  min-height: 0;
  padding: 28px;
}

.landing .preview-top, .landing .preview-badge {
  font-size: 11px;
  color: #c9c5bc;
}

.landing .account-preview h3 {
  font-weight: 500;
  margin: 22px 0 18px;
}

.preview-list {
  display: grid;
  gap: 8px;
  margin: 0 0 16px;
}

.preview-list > div {
  padding: 12px 14px;
  background: #ffffff07;
  border: 1px solid var(--line);
  border-radius: 7px;
}

.preview-list dt {
  font-size: 14px;
  font-weight: 550;
}

.preview-list dd {
  margin: 3px 0 0;
  font-size: 13px;
  color: #b6b2aa;
}

.landing :is(.connection-steps p, .subscription-main p, .faq-list details p) {
  font-size: 15px;
  line-height: 1.55;
  color: #b6b2aa;
}

.landing .connection-steps h3, .landing .faq-list summary {
  font-size: 16px;
}

.landing :is(.subscription-main, .subscription-detail) h3 {
  margin: 0 0 14px;
  font-size: 25px;
  font-weight: 500;
}

.landing .subscription-main p {
  margin: 0 0 24px;
}

.landing .subscription-main .button {
  min-width: 0;
}

.landing .subscription-detail li {
  display: block;
  font-size: 14px;
  color: #c9c5bc;
}

.landing .faq-list p a {
  color: var(--text);
  text-decoration: underline;
}

.landing .footer > div {
  flex-wrap: wrap;
}

@media (max-width: 760px) {
  .landing .header {
    height: auto;
    padding: 14px 22px 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 16px;
  }

  .landing .cabinet-link {
    grid-column: 2;
    grid-row: 1;
    font-size: 13px;
    gap: 8px;
  }

  .landing .navigation {
    position: static;
    display: flex;
    flex-wrap: wrap;
    gap: 0 18px;
    grid-column: 1 / -1;
    padding: 0;
    background: none;
    border: 0;
  }

  .landing .navigation a {
    padding: 11px 0;
    font-size: 13px;
  }

  .landing .hero {
    padding: 0 22px 48px;
  }

  .landing .moon-stage {
    width: min(100%, 390px);
    margin: 0 auto;
    left: auto;
  }

  .landing .hero h1 {
    font-size: clamp(34px, 8.2vw, 54px);
    margin: 17px 0;
  }

  .landing .hero-description {
    margin-bottom: 21px;
  }

  .landing .hero-actions {
    gap: 14px 22px;
  }

  .landing .lunar-detail {
    background-position: center, 60% 49%;
  }
}

@media (max-width: 360px) {
  .landing .header .brand {
    gap: 8px;
  }

  .landing .header .brand img {
    width: 28px;
    height: 28px;
  }

  .landing .header .brand-name {
    font-size: 16px;
    letter-spacing: .12em;
  }
}