@charset "UTF-8";
*{box-sizing:border-box} :root{color-scheme:dark;--bg:#151f34;--ink:#f1f4fb;--muted:#a3adc2;--line:#ffffff20;--coral:#ff907e;--teal:#39d1cd;--secondary:#aaa4f0}html{min-height:100%;background:var(--bg)}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 90% 55%,#122e3b45,transparent 48%),var(--bg);color:var(--ink);min-height:100svh;transition:background-color .4s,color .4s}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.site{max-width:1600px;margin:auto;padding:38px clamp(24px,5.8vw,100px) 24px;min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:repeating-linear-gradient(0deg,transparent 0 2px,#ffffff08 2px 3px);z-index:2}header{display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:3}.brand{width:170px;display:block;text-decoration:none}.brand img{width:100%;height:auto;display:block}.brand .logo-light{display:none}.status{font-size:10px;font-weight:650;letter-spacing:.18em;display:flex;align-items:center;gap:10px;color:var(--muted)}.status i{height:6px;width:6px;display:block;background:var(--teal);box-shadow:0 0 18px #39d1cd70;border-radius:50%}main{flex:1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:15px;min-height:660px;padding:50px 0 75px;position:relative}.copy{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:10px;margin:0 0 34px}.eyebrow span{height:1px;width:28px;background:var(--coral)}h1{font-size:clamp(52px,6.9vw,106px);letter-spacing:-.065em;line-height:1.04;font-weight:650;margin:0;white-space:nowrap}h1>span{background:linear-gradient(105deg,var(--coral) 5%,#de83b6 42%,var(--secondary) 77%);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{font-size:clamp(16px,1.5vw,20px);line-height:1.7;font-weight:350;color:var(--muted);margin:28px 0 36px}.arrival{display:flex;gap:18px;align-items:center;font-size:11px;letter-spacing:.25em;font-weight:700}.asterisk{font-size:35px;line-height:1;color:var(--teal);animation:turn 35s linear infinite}.arrival>span:last-child{display:flex;align-items:center;gap:18px}.arrival-line{width:90px;height:1px;background:linear-gradient(90deg,var(--teal),transparent)}.visual{position:relative;width:100%;aspect-ratio:1;max-width:620px;justify-self:end;perspective:800px;transform:translateX(6%)}.halo{position:absolute;inset:10%;background:radial-gradient(ellipse,#16899422,transparent 70%);filter:blur(20px)}.sphere{position:absolute;inset:12%;border:1px solid var(--line);border-radius:50%;transform:rotate(-18deg);background:radial-gradient(circle at 30% 25%,#ffffff06,transparent 55%);box-shadow:inset -20px -15px 50px #03071240;animation:breathe 9s ease-in-out infinite}.latitude{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%;transform:rotateY(65deg)}.lat-two{transform:rotateY(25deg) rotateX(65deg)}.lat-three{transform:rotateX(35deg) rotateY(-50deg)}.orbit{position:absolute;inset:-10%;border:1px solid #39d1cd55;border-radius:50%;transform:rotateX(58deg) rotate(-24deg)}.orbit-one{box-shadow:0 0 25px #39d1cd08}.orbit-two{inset:-22%;border-color:#ff907e55;transform:rotateX(62deg) rotate(54deg)}.orbit b{position:absolute;top:11%;left:15%;height:13px;width:13px;border-radius:50%;background:var(--teal);box-shadow:0 0 26px #39d1cd75}.orbit-two b{height:9px;width:9px;left:77%;background:var(--coral);box-shadow:0 0 25px #ff907e55}.monogram{position:absolute;inset:20%;display:grid;place-items:center;transform:rotate(18deg)}.monogram img{width:100%;height:auto;filter:drop-shadow(0 0 32px #2ed0ca15)}.star{position:absolute;color:var(--coral);font-size:32px}.star-one{right:-17%;top:4%;transform:rotate(18deg)}.star-two{left:-14%;bottom:0;font-size:25px;color:var(--teal)}.visual-note{position:absolute;bottom:-1%;right:0;font-size:9px;letter-spacing:.15em;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:12px}.note-line{height:1px;width:28px;background:var(--line)}footer{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.02em;color:var(--muted);position:relative;z-index:3}.domains{display:flex;gap:12px}.domains i{font-style:normal;color:var(--coral)}button{appearance:none;border:0;background:transparent;font:inherit;color:var(--muted);padding:8px 0;cursor:pointer;display:flex;align-items:center;gap:8px}button span{font-size:18px;color:var(--teal)}button:hover{color:var(--ink)}:focus-visible{outline:2px solid var(--teal);outline-offset:6px}body.light{color-scheme:light;--bg:#f4f2ef;--ink:#182336;--muted:#566174;--line:#21334c25;--coral:#a8514c;--teal:#177675;--secondary:#6d5a9a;background:radial-gradient(ellipse at 90% 55%,#a0d2cf30,transparent 48%),var(--bg)}.light .logo-dark{display:none}.light .brand .logo-light{display:block}.light .sphere{box-shadow:inset -20px -15px 50px #8da0b015}.light .orbit{border-color:#187d7e65}.light .orbit-two{border-color:#b4615965}.light .monogram{filter:brightness(.78) saturate(1.2)}@keyframes turn{to{transform:rotate(360deg)}}@keyframes breathe{0%,100%{transform:rotate(-18deg) translateY(0)}50%{transform:rotate(-15deg) translateY(-12px)}}@media(min-width:1600px){main{min-height:720px}}@media(max-width:900px){.site{padding:28px 30px 22px}main{min-height:600px;grid-template-columns:1.2fr 1fr}h1{font-size:clamp(50px,7.3vw,70px)}.eyebrow{font-size:8px;letter-spacing:.1em}.visual{transform:translateX(10%)}.brand{width:145px}footer{font-size:9px}}@media(max-width:650px){.site{padding:25px 24px 20px}header{gap:15px}.brand{width:130px}.status{font-size:8px;letter-spacing:.08em;gap:7px}main{grid-template-columns:1fr;padding:60px 0 30px;min-height:0;gap:15px}.eyebrow{margin-bottom:24px;font-size:8px}h1{font-size:clamp(43px,10vw,65px)}.intro{font-size:16px;margin:22px 0 25px}.visual{width:min(85%,350px);justify-self:center;transform:none;margin-top:10px}.visual-note{font-size:7px;bottom:-4%}.sphere{inset:15%}.star-one{right:-16%;font-size:24px}.arrival{font-size:10px}footer{margin-top:35px;flex-wrap:wrap;gap:16px;line-height:1.5}.domains{order:3;width:100%;padding-top:5px;font-size:10px}.asterisk{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Second composition: the full wordmark leads; flowing ribbons replace the RS globe. */
.brand{width:clamp(230px,24vw,340px)}
main{min-height:600px;padding-top:35px;padding-bottom:55px;grid-template-columns:1.15fr 1fr}
.visual{aspect-ratio:700/780;max-width:600px;transform:translate(8%,-1%)}
.ribbon-art{position:absolute;inset:-4% -6%;width:112%;height:108%;object-fit:contain;animation:ribbon-drift 13s ease-in-out infinite}
.ribbon-glow{position:absolute;inset:18% 0 12%;background:radial-gradient(ellipse at 65% 25%,#ff907e0c,transparent 65%),radial-gradient(ellipse at 30% 70%,#39d1cd10,transparent 60%);filter:blur(20px)}
.visual-note{bottom:-3%;right:5%}
.light .ribbon-art{filter:saturate(.85) contrast(.96)}
@keyframes ribbon-drift{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(-1deg)}}
@media(min-width:1600px){main{min-height:680px}}
@media(max-width:900px){.brand{width:240px}.visual{transform:translateX(10%)}main{min-height:570px}}
@media(max-width:650px){.brand{width:185px}.status{font-size:7px;letter-spacing:.035em;gap:5px}header{gap:10px}main{grid-template-columns:1fr;padding:52px 0 15px;min-height:0;gap:8px}.visual{width:min(85%,340px);margin-top:0;transform:translateX(5%)}.visual-note{bottom:-5%;right:0}.ribbon-art{inset:-5% -4%;width:108%;height:110%}}
@media(max-width:350px){.brand{width:160px}.status{font-size:6px}}

/* Readable typography and an explicit, always-visible appearance choice. */
.header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.theme-switch{display:flex;padding:4px;border:1px solid var(--line);border-radius:6px;gap:3px;background:color-mix(in srgb,var(--ink) 3%,transparent)}
.theme-switch button{font-size:13px;font-weight:600;letter-spacing:.015em;min-height:36px;padding:8px 16px;border-radius:3px;color:var(--muted)}
.theme-switch button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.status{font-size:11px}.eyebrow{font-size:12px;letter-spacing:.12em}.intro{font-size:22px}.arrival{font-size:13px}.visual-note{font-size:11px}footer{font-size:12px;line-height:1.6}.domains{font-size:12px}
.ribbon-art{inset:-5% -8%;width:116%;height:110%;object-fit:contain;filter:none;animation:ribbon-drift 16s ease-in-out infinite}
.light .ribbon-art{filter:none}
@media(max-width:900px){.eyebrow{font-size:10px}.status{font-size:10px}.intro{font-size:20px}footer{font-size:12px}}
@media(max-width:650px){header{align-items:flex-start;flex-wrap:wrap}.brand{width:210px}.header-tools{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.theme-switch button{font-size:12px;padding:7px 12px;min-height:34px}.status{font-size:10px;letter-spacing:.04em}.eyebrow{font-size:11px;letter-spacing:.06em;line-height:1.7;max-width:300px}.eyebrow span{flex-shrink:0;width:20px}.intro{font-size:19px}.visual-note{font-size:9px;letter-spacing:.08em}footer,.domains{font-size:12px}main{padding-top:40px}.visual{width:min(100%,380px);transform:translateX(2%)}.arrival{font-size:12px}.ribbon-art{inset:-2% -5%;width:110%;height:105%}}

.light h1>span{background-image:linear-gradient(105deg,#a34f48 5%,#a44678 42%,#65538f 77%)}
@media(min-width:651px){h1{font-size:clamp(52px,7vw,110px)}}
@media(max-width:650px){h1{font-size:clamp(45px,10.5vw,65px)}}
@media(max-width:350px){.status{font-size:9px}.theme-switch button{padding-inline:9px}}

.visual-note{bottom:-7%}
@media(max-width:650px){.visual-note{bottom:-8%}}

