:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark;background:#06121e;color:#e1edf7;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:280px;-webkit-font-smoothing:antialiased}.landing{min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden}
.grid-layer{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#29475a15 1px,transparent 1px),linear-gradient(90deg,#29475a15 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse at 50% 48%,#0009,transparent 75%)}
.masthead{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 44px}.brand{display:flex;align-items:center;gap:9px}.brand img{display:block;width:34px;height:34px}.wordmark{font-size:24px;line-height:1;font-weight:700;letter-spacing:-.055em;color:#edf5fc;white-space:nowrap}.wordmark>span{color:#71b9e8;font-weight:650}.wordmark sup{display:inline-block;font-size:9px;color:#9db3c5;letter-spacing:0;font-weight:500;vertical-align:top;margin:1px 0 0 4px}.domain{font-size:11px;color:#9db3c5;letter-spacing:.04em}
.hero{flex:1;min-height:460px;position:relative;display:grid;place-items:center}.central-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);width:min(620px,70vh,78vw);aspect-ratio:1;pointer-events:none}.central-mark svg{display:block;width:100%;height:100%;overflow:visible}.symbol-face{opacity:.13}.construction{fill:none;stroke:#375f78;stroke-width:.13;opacity:.25}.small-ridge{fill:none;stroke:#73cdd5;stroke-width:.13;opacity:.16}
.traveler{offset-path:path("M38 88 L51 65 L63 82 L78 57");offset-distance:0%;animation:ridge-ascent 11s ease-in-out infinite}.halo{fill:#61d5dc;opacity:.3}.core{fill:#c2f1f5;opacity:.7}
@keyframes ridge-ascent{0%,10%{offset-distance:0%;opacity:0}18%{opacity:.6}74%{offset-distance:100%;opacity:.65}85%,100%{offset-distance:100%;opacity:0}}
.announcement{text-align:center;position:relative;z-index:1;animation:entrance 1.4s ease-out both;padding:35px 20px}.announcement h1{font-size:clamp(58px,8.7vw,126px);font-weight:600;line-height:1.1;letter-spacing:-.065em;margin:24px 0 29px;color:#e6f0f8;text-shadow:0 2px 28px #06121e88;white-space:nowrap}.announcement h1 span{color:#9dcbe9}.signal-line{height:1px;width:36px;background:#70b7d2;opacity:.55;margin:auto}.lower-line{height:1px;width:116px;background:#29475a;margin:auto}
.message{position:relative;z-index:1;text-align:center;padding:28px 22px 53px;animation:entrance 1.6s ease-out both}.journey{white-space:nowrap;font-size:clamp(13px,1.65vw,21px);line-height:1.6;letter-spacing:-.018em;color:#d0e2ef;margin:0}.positioning{font-size:14px;line-height:1.6;color:#9db3c5;margin:13px 0 0}
@keyframes entrance{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important}html[data-motion=off] .traveler{opacity:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.traveler{opacity:0}}
@media(max-width:620px){.masthead{padding:23px 23px}.brand{gap:7px}.brand img{width:29px;height:29px}.wordmark{font-size:21px}.domain{font-size:10px}.hero{min-height:380px}.central-mark{width:min(430px,100vw);transform:translate(-50%,-56%)}.announcement{padding-left:15px;padding-right:15px}.announcement h1{font-size:clamp(44px,11.7vw,72px);margin:24px 0 25px}.message{padding:24px 18px 40px}.journey{font-size:clamp(12px,3.7vw,19px)}.positioning{font-size:12px;margin-top:14px}.grid-layer{background-size:72px 72px}}
@media(max-height:650px) and (min-width:621px){.masthead{padding-top:20px;padding-bottom:20px}.hero{min-height:290px}.central-mark{width:min(450px,76vh)}.message{padding-bottom:26px;padding-top:18px}.announcement h1{font-size:clamp(58px,8vw,100px)}}

/* Refinement 2: original brand hues, central signature line, asymmetric closing statement. */
.symbol-face{opacity:.32}
.construction{opacity:.15}
.hero{min-height:460px}
.central-mark{transform:translate(-50%,-53%)}
.announcement h1{margin-bottom:29px}
.journey{display:flex;justify-content:center;gap:.48em;margin:0;white-space:nowrap;font-size:clamp(16px,1.85vw,27px);font-weight:600;letter-spacing:-.035em;line-height:1.5;color:#e6f0f8;text-shadow:0 1px 15px #06121e}
.journey em{font-style:normal;color:#81bce3;font-weight:550}
.message{padding:22px 44px 37px;text-align:left;display:flex;justify-content:flex-start}
.positioning{border-left:1px solid #467e96;padding-left:17px;margin:0;color:#9db3c5;font-size:20px;font-weight:400;letter-spacing:-.025em;line-height:1.45}
.positioning span{color:#d1e5f3;font-weight:500}
@media(max-width:620px){
.central-mark{width:min(430px,100vw);transform:translate(-50%,-54%)}
.hero{min-height:380px}
.announcement h1{margin-bottom:24px}
.journey{font-size:clamp(12px,3.85vw,22px);gap:.4em}
.message{padding:24px 25px 32px}
.positioning{font-size:17px;padding-left:13px}
}
@media(max-height:650px) and (min-width:621px){.hero{min-height:290px}.message{padding-top:15px;padding-bottom:24px}.positioning{font-size:17px}.journey{font-size:22px}}

/* Refinement 3: a single central composition, inspired by the supplied reference. */
.grid-layer{background-image:linear-gradient(#29475a22 1px,transparent 1px),linear-gradient(90deg,#29475a22 1px,transparent 1px);mask-image:radial-gradient(ellipse at 50% 50%,#000b,transparent 78%);background-size:128px 128px}
.hero{min-height:590px}
.central-mark{width:min(780px,88vh,87vw);transform:translate(-50%,-52%)}
.symbol-face{opacity:.34}
.construction{opacity:.2}
.announcement{animation:none;padding:35px 24px 40px}
.announcement h1{font-size:clamp(64px,8.65vw,126px);margin-top:31px;margin-bottom:23px;font-weight:600}
.announcement h1 span{color:#8ecdeb}
.signal-line{width:46px;opacity:.65;position:relative}
.signal-line::after{content:"";position:absolute;inset:0;background:#c4edff;animation:quiet-line 11s ease-in-out infinite}
@keyframes quiet-line{0%,10%,85%,100%{opacity:0}45%{opacity:.45}}
.journey{font-size:clamp(18px,2.4vw,35px);gap:.48em;letter-spacing:-.027em;font-weight:600;color:#e6f0f8;line-height:1.5}
.positioning{border:0;padding:0;margin:23px 0 0;font-size:clamp(16px,1.8vw,25px);line-height:1.5;font-weight:400;letter-spacing:-.02em;color:#b2d2e6;text-shadow:0 2px 18px #06121e}
.positioning span{color:inherit;font-weight:inherit}
.page-end{height:60px;flex:none}
.announcement h1,.journey,.positioning{animation:entrance 1.3s ease-out both}
.announcement h1{animation-delay:.1s}.journey{animation-delay:.25s}.positioning{animation-delay:.4s}
.ridge-trail{stroke:url(#ridge-color);stroke-width:.24;fill:none;stroke-linecap:round;stroke-dasharray:5 95;stroke-dashoffset:0;opacity:0;animation:ridge-trail 11s ease-in-out infinite}
@keyframes ridge-trail{0%,10%{stroke-dashoffset:5;opacity:0}18%{opacity:.35}74%{stroke-dashoffset:-95;opacity:.4}85%,100%{stroke-dashoffset:-95;opacity:0}}
html[data-motion=off] .ridge-trail,html[data-motion=off] .signal-line::after{opacity:0}
@media(prefers-reduced-motion:reduce){.ridge-trail,.signal-line::after{opacity:0}}
@media(max-width:620px){
.grid-layer{background-size:90px 90px}
.hero{min-height:440px}
.central-mark{width:min(530px,106vw);transform:translate(-50%,-51%)}
.announcement{padding:28px 17px 30px;width:100%}
.announcement h1{font-size:clamp(43px,11.7vw,72px);margin-top:27px;margin-bottom:19px}
.journey{font-size:clamp(12px,3.9vw,22px);gap:.42em}
.positioning{font-size:clamp(13px,3.65vw,18px);max-width:330px;margin:18px auto 0;line-height:1.6}
.page-end{height:55px}
}
@media(max-height:650px) and (min-width:621px){.hero{min-height:330px}.central-mark{width:min(540px,90vh)}.announcement h1{font-size:clamp(58px,8vw,104px)}.journey{font-size:26px}.positioning{font-size:18px;margin-top:18px}.page-end{height:28px}}