@font-face{font-family:Inter;src:url('/assets/fonts/InterVariable-v4.1.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--navy:#06182d;--navy-deep:#041223;--navy-soft:#0e2949;--paper:#f4f3ee;--paper-deep:#eaece9;--ink:#10233a;--muted:#526276;--line:#cbd2d4;--blue:#3478f6;--blue-dark:#1659d0;--sky:#a9cbff;--white:#f9fbff;--frame:78rem;--radius:.9rem;--ease:cubic-bezier(.2,.75,.25,1);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;background:var(--paper);color:var(--ink);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}[hidden]{display:none!important}
.frame{width:min(calc(100% - 3rem),var(--frame));margin-inline:auto}
.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:100;padding:.75rem 1rem;background:var(--white);color:var(--navy);border-radius:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:none}
:where(a,button,[tabindex]):focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.masthead{position:sticky;top:0;z-index:40;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.12)}
.nav-frame{min-height:5.5rem;display:flex;align-items:center;gap:2.5rem}
.brand{display:inline-flex;align-items:center;flex:none;color:var(--white);white-space:nowrap}.brand img{width:8.7rem;height:auto}.brand span{margin-left:.55rem;padding-left:.65rem;border-left:1px solid rgba(255,255,255,.32);font-size:1rem;font-weight:720;letter-spacing:-.025em}
.nav-links{display:flex;align-items:center;gap:clamp(1rem,2.3vw,2rem);width:100%;color:#ccdbf2;font-size:.875rem;font-weight:570}
.nav-links>a{min-height:2.75rem;display:inline-flex;align-items:center;position:relative;white-space:nowrap}.nav-links>a::after{content:'';position:absolute;bottom:.35rem;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.nav-links>a:hover::after,.nav-links>a:focus-visible::after{transform:scaleX(1)}
.nav-account{display:flex;align-items:center;gap:1.25rem;margin-left:auto;white-space:nowrap}.nav-account a{min-height:2.85rem;display:inline-flex;align-items:center;justify-content:center}.nav-account .login-link:hover{text-decoration:underline;text-underline-offset:.25rem}.nav-join{gap:.85rem;padding:.55rem 1rem;border:1px solid rgba(169,203,255,.55);border-radius:.55rem;color:var(--white);font-weight:700;transition:background .2s ease,border-color .2s ease}.nav-join:hover{background:#123762;border-color:var(--sky)}
.menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;width:2.85rem;height:2.85rem;margin-left:auto;padding:0;background:transparent;border:1px solid rgba(255,255,255,.28);border-radius:.55rem;color:var(--white)}.menu-toggle span{width:1.15rem;height:2px;background:currentColor;border-radius:1px;transition:transform .2s ease}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(.23rem) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-.23rem) rotate(-45deg)}
.hero{background:var(--navy);color:var(--white);overflow:hidden}.hero-grid{min-height:clamp(42rem,calc(100svh - 5.5rem),55rem);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);padding-block:clamp(4.5rem,7vw,7.5rem)}
.hero-content{position:relative;z-index:1}.eyebrow,.section-index,.panel-kicker{margin:0;font-size:.74rem;font-weight:760;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:.85rem;color:var(--sky)}.eyebrow-line{display:block;width:1.65rem;height:1px;background:var(--sky)}
.hero h1{max-width:12ch;margin:1.55rem 0 1.65rem;font-size:clamp(4.25rem,7.1vw,7.4rem);line-height:.98;letter-spacing:-.072em;font-weight:690;text-wrap:balance}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-size:1.02em;font-weight:400;color:var(--sky);letter-spacing:-.08em}
.hero-lead{max-width:36rem;margin:0;color:#c4d1e4;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.75}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.4rem;margin-top:2.1rem}.primary-action{min-height:3.55rem;display:inline-flex;align-items:center;justify-content:center;gap:2.6rem;padding:.8rem 1.25rem;border-radius:.55rem;background:var(--blue);color:white;font-size:.95rem;font-weight:720;box-shadow:0 12px 34px rgba(14,69,169,.25);transition:background .2s ease,transform .2s var(--ease)}.primary-action:hover{background:var(--blue-dark);transform:translateY(-2px)}.quiet-action{min-height:3.3rem;display:inline-flex;align-items:center;gap:.7rem;color:#e5efff;font-size:.91rem;font-weight:650}.quiet-action:hover{text-decoration:underline;text-underline-offset:.3rem}
.hero-footnote{margin:2.1rem 0 0;color:#9db2d0;font-size:.78rem;letter-spacing:.015em}.hero-footnote span{padding-inline:.38rem;color:#6f93c7}
.hero-art{position:relative;display:flex;flex-direction:column;min-width:0;min-height:34rem;padding:1.65rem 2rem 1.3rem;overflow:hidden;border:1px solid rgba(169,203,255,.25);border-radius:1rem;background:linear-gradient(150deg,#12345a,#09213e 70%);box-shadow:0 2rem 5rem rgba(0,8,22,.32)}
.hero-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 5.25rem,rgba(255,255,255,.055) calc(5.25rem + 1px));pointer-events:none}.hero-art:after{content:'';position:absolute;right:-7rem;bottom:-11rem;width:26rem;height:26rem;border:1px solid rgba(169,203,255,.13);border-radius:50%;pointer-events:none}
.art-topline,.art-bottomline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#b8cae3;font-size:.68rem;font-weight:690;letter-spacing:.13em;text-transform:uppercase}.art-bottomline{position:static;margin-top:1.25rem;color:#8eaed4}
.thread{position:absolute;top:6.7rem;bottom:6.5rem;left:3.55rem;width:1px;background:linear-gradient(180deg,transparent,#94bcff 12%,#94bcff 87%,transparent);opacity:.8}.thread-point{position:absolute;left:-.3rem;width:.63rem;height:.63rem;border:2px solid var(--sky);border-radius:50%;background:#0c2c50}.thread-point.first{top:1.1rem}.thread-point.second{top:45%}.thread-point.third{bottom:1.2rem}
.art-beat{position:relative;z-index:1;margin-left:3.1rem;padding-left:1.7rem}.beat-one{margin-top:4.3rem}.beat-two{margin-top:3.2rem}.beat-three{margin-top:2.6rem;margin-bottom:auto}.beat-index{color:#a9caff;font-size:.68rem;font-weight:740;letter-spacing:.16em}.art-beat p{max-width:21rem;margin:.55rem 0 0;font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.22;font-weight:620;letter-spacing:-.045em}.beat-two p{color:#dce9fa}.beat-three p{max-width:17rem;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.3rem,1.8vw,1.8rem);font-weight:400;font-style:italic;color:#c7daf7;letter-spacing:-.035em}
.hero-edge{min-height:3.4rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.15);color:#8fa9c8;font-size:.66rem;font-weight:750;letter-spacing:.17em}
.experience{padding-block:clamp(5.5rem,9vw,9rem);background:var(--paper)}.section-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,.47fr);column-gap:3rem;align-items:end;margin-bottom:3.2rem}.section-index{grid-column:1/-1;color:#2864bd}.section-lead h2,.safety h2,.connection h2,.closing h2{margin:1rem 0 0;font-size:clamp(2.9rem,5.4vw,5.8rem);line-height:1.04;letter-spacing:-.065em;font-weight:680;text-wrap:balance}.section-lead h2{max-width:13ch}.section-lead>p:last-child{max-width:25rem;margin:0 0 .35rem;color:var(--muted);font-size:1.02rem;line-height:1.75}
.explorer{display:grid;grid-template-columns:minmax(14rem,.34fr) minmax(0,.66fr);min-height:34rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.explorer-menu{display:flex;flex-direction:column;border-right:1px solid var(--line)}.explorer-menu button{min-height:8.5rem;display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.4rem;width:100%;padding:1.3rem 1.5rem 1.3rem .4rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:#6a7886;text-align:left;transition:color .2s ease,background .2s ease}.explorer-menu button:last-child{border-bottom:0}.explorer-menu button:hover{color:var(--ink);background:#ecefeb}.explorer-menu button[aria-selected=true]{color:var(--ink);background:#e6edfa}.explorer-number{align-self:start;margin-top:.36rem;font-size:.69rem;font-weight:730;letter-spacing:.08em}.explorer-name{font-size:clamp(1.55rem,2.4vw,2.45rem);font-weight:650;letter-spacing:-.055em}.explorer-arrow{align-self:center;font-size:1.2rem;color:#2568ce}.explorer-panels{min-width:0}.explorer-panel{height:100%;min-height:34rem;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(1.5rem,3vw,3.5rem);padding:clamp(1.7rem,3vw,3.1rem)}
.explorer-panel[hidden]{display:none}
.panel-copy{min-width:0}.panel-kicker{color:#2870d9}.panel-copy h3{max-width:12ch;margin:1rem 0;font-size:clamp(2.25rem,3.1vw,3.35rem);line-height:1.08;letter-spacing:-.06em}.panel-copy p:not(.panel-kicker){max-width:22rem;margin:0;color:var(--muted);font-size:1rem;line-height:1.75}.panel-copy a{min-height:2.8rem;display:inline-flex;align-items:center;gap:1.4rem;margin-top:2.2rem;border-bottom:1px solid #2268d0;color:#1c5fbc;font-size:.93rem;font-weight:700}.panel-copy a:hover{gap:1.75rem}
.product-vignette{position:relative;min-width:0;min-height:25rem;padding:1.35rem;background:#0b213d;border:1px solid #193d68;border-radius:.8rem;color:#eef5ff;overflow:hidden}.vignette-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.12)}.vignette-header b,.vignette-header small{display:block}.vignette-header b{font-size:.94rem}.vignette-header small{color:#8ea8cb;font-size:.74rem}.vignette-avatar{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;background:#2965a9;color:#fff;font-weight:730}.vignette-call{margin-left:auto;color:var(--sky);font-size:1.6rem}.sample-message{width:fit-content;max-width:85%;padding:.85rem 1rem;border-radius:.8rem;font-size:.9rem;line-height:1.45}.sample-message.received{margin-top:4rem;background:#203d61;color:#e9f1fc;border-bottom-left-radius:.2rem}.sample-message.sent{margin:1.1rem 0 0 auto;background:#3478f6;color:white;border-bottom-right-radius:.2rem}.sample-composer{position:absolute;left:1.3rem;right:1.3rem;bottom:1.35rem;display:flex;justify-content:space-between;padding:.8rem 1rem;border:1px solid #3b5877;border-radius:.55rem;color:#829aba;font-size:.83rem}.sample-composer span:last-child{color:var(--sky)}
.room-avatar{background:#5a68ad}.room-label{margin-top:3.2rem;color:#9dbaf0;font-size:.65rem;font-weight:760;letter-spacing:.15em}.room-note{max-width:19rem;margin:.7rem 0 2.5rem;font-size:clamp(1.8rem,2.3vw,2.7rem);font-weight:620;line-height:1.16;letter-spacing:-.05em}.room-activities,.random-modes{display:flex;flex-wrap:wrap;gap:.45rem}.room-activities span,.random-modes span{padding:.5rem .7rem;border:1px solid #436384;border-radius:100px;color:#c6d8ed;font-size:.72rem}
.random-vignette{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.random-orbit{display:flex;align-items:center;justify-content:center;min-height:8rem;width:100%}.random-node{width:4.4rem;height:4.4rem;display:grid;place-items:center;border:1px solid #7eacf4;border-radius:50%;background:#235a9f;font-size:.82rem;font-weight:720}.random-node.other{background:#163656;color:#b6cdef}.random-link{width:clamp(3.7rem,6vw,7rem);height:1px;background:#6699d5}.random-vignette>p{max-width:15rem;margin:1rem 0 1.3rem;font-size:1.22rem;font-weight:600;line-height:1.3}.random-vignette>small{margin-top:1.2rem;color:#8ea8c7;font-size:.7rem}
.moments-vignette{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#2165c6,#133b80 75%);border-color:#4b82c8}.moments-vignette:after{content:'';position:absolute;right:-5rem;top:4rem;width:16rem;height:16rem;border:1px solid rgba(255,255,255,.21);border-radius:50%}.moment-time,.moment-author{position:relative;z-index:1;color:#c7ddff;font-size:.7rem;font-weight:760;letter-spacing:.14em}.moments-vignette p{position:relative;z-index:1;max-width:19rem;margin:auto 0;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(2.1rem,2.9vw,3.2rem);line-height:1.15;letter-spacing:-.055em}.explorer-note{margin:1rem 0 0;color:#6e7c86;font-size:.78rem}
.connection{padding-block:clamp(5rem,9vw,9rem);background:var(--paper-deep)}.connection-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.58fr);align-items:end;gap:clamp(2rem,8vw,8rem)}.connection h2{max-width:13ch}.connection-copy>p{max-width:30rem;margin:0 0 2.5rem;color:#485b70;font-size:clamp(1.15rem,1.55vw,1.38rem);line-height:1.7}.connection-steps{display:flex;align-items:center;gap:.75rem;color:#2867c1;font-size:.72rem;font-weight:770;letter-spacing:.14em}.connection-steps i{flex:1;max-width:4rem;height:1px;background:#7c9bc5}
.safety{padding-block:clamp(5rem,9vw,9rem);background:var(--navy);color:var(--white)}.safety-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(2rem,9vw,9rem)}.safety .section-index{color:var(--sky)}.safety h2{max-width:10ch}.safety-intro>p:not(.section-index){max-width:30rem;margin:1.8rem 0;color:#bbcbdf;font-size:1.07rem;line-height:1.75}.safety-link{min-height:3rem;display:inline-flex;align-items:center;gap:1.4rem;border-bottom:1px solid #87b4f7;color:#c4ddff;font-size:.9rem;font-weight:710}.safety-list{border-top:1px solid rgba(255,255,255,.24)}.safety-list>div{display:grid;grid-template-columns:3rem 1fr;gap:.5rem;padding:1.6rem 0;border-bottom:1px solid rgba(255,255,255,.24)}.safety-list>div>span{padding-top:.22rem;color:var(--sky);font-size:.75rem;font-weight:750}.safety-list h3{margin:0 0 .55rem;font-size:1.17rem;letter-spacing:-.03em}.safety-list p{max-width:24rem;margin:0;color:#b4c7df;font-size:.9rem;line-height:1.65}
.closing{padding-block:clamp(5rem,8vw,8rem);background:#2168dc;color:white}.closing-grid{display:flex;align-items:end;justify-content:space-between;gap:3rem}.closing .section-index{color:#d6e8ff}.closing h2{margin-top:1rem;max-width:12ch}.closing p:last-child{margin:1.4rem 0 0;color:#e1edff;font-size:1.05rem}.closing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding-bottom:.35rem}.light-action{min-width:16rem;background:var(--white);color:#153a71;box-shadow:none}.light-action:hover{background:#e3eeff}.closing-actions>a:last-child{min-height:2.8rem;display:inline-flex;align-items:center;gap:.7rem;font-size:.9rem;font-weight:700}
.footer{padding-top:4.2rem;background:var(--navy-deep);color:var(--white)}.footer-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:4rem;padding-bottom:4.5rem}.footer-brand p{margin:1.25rem 0 0;color:#a2b7d3;font-size:.9rem}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.7rem}.footer-links h2{margin:0 0 1.05rem;color:#92aad0;font-size:.7rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.footer-links a{min-height:2.75rem;display:flex;align-items:center;color:#d9e5f5;font-size:.85rem}.footer-links a:hover{text-decoration:underline;text-underline-offset:.25rem}.footer-bottom{min-height:4.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.17);color:#8ca4c3;font-size:.73rem}
@media(max-width:68rem){.nav-frame{gap:1.5rem}.nav-links{gap:1rem}.nav-links>a{font-size:.82rem}.hero-grid{gap:2rem}.hero h1{font-size:clamp(3.7rem,7vw,6.2rem)}.hero-art{min-height:32rem}.explorer-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media(max-width:56rem){.nav-frame{min-height:4.75rem}.menu-toggle{display:flex}.nav-links{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:1rem max(1.5rem,calc((100vw - var(--frame))/2));background:#0a203b;border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 1.2rem 2rem rgba(0,0,0,.25)}.masthead.menu-open .nav-links{display:flex}.nav-links>a{min-height:3.2rem;font-size:1rem}.nav-account{width:100%;margin:1rem 0 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);justify-content:space-between}.nav-account a{min-height:3rem}.hero-grid{min-height:auto;grid-template-columns:1fr;padding-block:5rem 4rem;gap:3rem}.hero h1{max-width:13ch}.hero-art{min-height:31rem}.section-lead{grid-template-columns:1fr;gap:1.5rem}.section-lead>p:last-child{max-width:37rem}.explorer{grid-template-columns:1fr}.explorer-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--line)}.explorer-menu button{min-height:5rem;grid-template-columns:1fr auto;gap:.2rem;padding:.75rem;border-right:1px solid var(--line);border-bottom:0}.explorer-menu button:last-child{border-right:0}.explorer-number{grid-column:1/-1;margin:0}.explorer-name{font-size:1.25rem}.explorer-arrow{font-size:.95rem}.explorer-panel{min-height:31rem}.connection-grid,.safety-grid{grid-template-columns:1fr;gap:3rem}.safety h2{max-width:16ch}}
@media(max-width:40rem){.frame{width:min(calc(100% - 2.25rem),var(--frame))}.brand img{width:7.7rem}.brand span{font-size:.9rem}.hero-grid{padding-block:3.8rem 3rem;gap:2.6rem}.hero h1{margin:1.2rem 0 1.3rem;font-size:clamp(3.55rem,13vw,5.2rem);line-height:1.005}.hero-lead{font-size:1rem}.hero-actions{align-items:stretch;gap:.65rem;margin-top:1.7rem}.hero-actions .primary-action{width:100%;justify-content:space-between}.quiet-action{justify-content:center}.hero-footnote{margin-top:1.3rem;font-size:.73rem}.hero-art{min-height:29.5rem;padding:1.25rem 1.35rem}.art-topline,.art-bottomline{font-size:.59rem;letter-spacing:.1em}.art-bottomline{left:1.35rem;right:1.35rem}.thread{left:2.6rem;top:6rem;bottom:5rem}.art-beat{margin-left:2rem;padding-left:1.2rem}.beat-one{margin-top:3.6rem}.beat-two{margin-top:3.1rem}.beat-three{margin-top:2.4rem}.art-beat p{font-size:clamp(1.38rem,6vw,1.75rem)}.beat-three p{font-size:1.45rem}.experience{padding-block:5rem}.section-lead{margin-bottom:2rem}.section-lead h2,.connection h2,.safety h2,.closing h2{font-size:clamp(2.85rem,11vw,4rem)}.explorer-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-menu button{min-height:4.6rem;border-bottom:1px solid var(--line)}.explorer-menu button:nth-child(2){border-right:0}.explorer-menu button:nth-child(n+3){border-bottom:0}.explorer-panel{display:flex;flex-direction:column;align-items:stretch;gap:1.7rem;min-height:0;padding:1.65rem .3rem 1.2rem}.panel-copy h3{max-width:16ch;font-size:2.45rem}.panel-copy a{margin-top:1rem}.product-vignette{min-height:21.5rem}.sample-message.received{margin-top:2.5rem}.room-label{margin-top:2rem}.room-note{margin-bottom:1.7rem}.connection,.safety{padding-block:5rem}.connection-copy>p{font-size:1.08rem}.closing{padding-block:4.8rem}.closing-grid{display:block}.closing-actions{margin-top:2.1rem}.light-action{width:100%;justify-content:space-between}.footer{padding-top:3.8rem}.footer-top{grid-template-columns:1fr;gap:3rem;padding-bottom:3rem}.footer-links{gap:.7rem}.footer-bottom{display:block;padding-block:1.2rem}.footer-bottom span{display:block;line-height:1.7}}
@media(max-width:23rem){.frame{width:calc(100% - 1.5rem)}.hero h1{font-size:3.3rem}.art-beat p{font-size:1.25rem}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(hover:hover) and (pointer:fine){.explorer-menu button:hover .explorer-arrow,.nav-join:hover span,.primary-action:hover span{transform:translate(2px,-2px)}.explorer-arrow,.nav-join span,.primary-action span{transition:transform .2s var(--ease)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-action,.nav-join,.explorer-menu button,.explorer-arrow,.nav-join span,.primary-action span,.menu-toggle span{transition:background-color .15s ease,color .15s ease,border-color .15s ease}.primary-action:hover{transform:none}.skip-link{transition:none}}