*{box-sizing:border-box}html,body{margin:0;font-family:'Instrument Serif',Georgia,serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:5px}button{border:0}body{background:#182332;color:white}.scene{position:relative;height:100svh;min-height:650px;overflow:hidden;background:#172539}.landscapes,.landscapes video,.train,.shade{position:absolute;inset:0;width:100%;height:100%}.landscapes video{object-fit:cover;opacity:0;transition:opacity 1s ease-in-out}.landscapes video.active{opacity:1}.train{z-index:1;object-fit:cover;pointer-events:none;animation:train-bob 3s ease-in-out infinite}.shade{background:linear-gradient(#0002,transparent 40%,#0002);z-index:1;pointer-events:none}.content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:24px 2.6% 18px}header{display:flex;align-items:center;justify-content:space-between}.logo{font-size:34px;font-style:italic;text-decoration:none;color:white}.glass{background:rgba(255,255,255,.01);background-blend-mode:luminosity;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:0;box-shadow:inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden}.glass:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,#ffffff73 0%,#ffffff26 20%,#ffffff00 40%,#ffffff00 60%,#ffffff26 80%,#ffffff73 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}nav{font-family:system-ui,sans-serif}.desktop{display:flex;gap:12px;align-items:center;border-radius:100px;padding:4px 6px 4px 16px}.desktop button{background:none;color:#ffffffe6;padding:9px 12px;font-size:14px;font-weight:600}.solid,.desktop .solid{color:#151515;background:white;border-radius:100px;font-family:system-ui,sans-serif;font-size:14px;font-weight:650;padding:12px 22px;white-space:nowrap;transition:background .2s,transform .2s}.solid:hover{background:#e8edf3;transform:translateY(-1px)}main{display:flex;align-items:center;flex-direction:column;text-align:center;margin:auto 0;color:white;transition:color .7s;padding:24px 0 36px}.badge{font-family:system-ui,sans-serif;font-size:14px;font-weight:500;border-radius:100px;padding:8px 15px;display:flex;align-items:center;gap:8px}.badge i{width:6px;height:6px;background:#41c6a5;border-radius:50%}h1{font-weight:400;font-size:clamp(48px,6.1vw,100px);line-height:1.1;letter-spacing:-.035em;margin:34px 0 28px}.intro{font-family:system-ui,sans-serif;font-size:17px;line-height:1.65;max-width:570px;margin:0 0 34px}.signup{display:flex;padding:4px;border-radius:100px;width:410px;max-width:100%;gap:4px}.signup input{background:transparent;border:0;min-width:0;flex:1;padding:10px 14px;color:inherit;font-family:system-ui,sans-serif;font-size:14px;outline-offset:-5px}.signup input::placeholder{color:currentColor;opacity:.55}.feedback{font:12px system-ui,sans-serif;min-height:18px;margin:6px 0;max-width:430px}.switcher{display:flex;gap:28px;margin-top:18px}.switcher button{font:600 13px system-ui,sans-serif;background:none;color:inherit;opacity:.5;padding:8px 0 11px;border-bottom:2px solid transparent;text-transform:uppercase;letter-spacing:.02em;transition:opacity .25s}.switcher button:hover{opacity:.8}.switcher button[aria-pressed=true]{opacity:1;border-color:currentColor}footer{display:flex;justify-content:center;gap:24px;font:14px system-ui,sans-serif;color:#ffffffb3}footer b{font-weight:400;opacity:.4}.dark main{color:#182c41}.menu-toggle{display:none}.mobile-menu{display:none}dialog{border:1px solid #ffffff40;border-radius:24px;background:#182c41;color:white;padding:36px;max-width:450px;width:calc(100% - 40px);box-shadow:0 20px 80px #0008}dialog::backdrop{background:#0008;backdrop-filter:blur(8px)}dialog h2{font-size:36px;font-weight:400;margin:0 0 18px}dialog p{font:16px/1.65 system-ui,sans-serif;margin-bottom:24px}.close{position:absolute;right:14px;top:10px;background:none;color:white;font-size:26px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes train-bob{0%,100%{transform:translateY(0) scale(1.03)}50%{transform:translateY(-6px) scale(1.03)}}@media(min-width:1700px){.content{padding-top:28px}.logo{font-size:42px}.desktop button{font-size:17px}h1{font-size:112px}.intro{font-size:21px;max-width:740px}.badge{font-size:17px}.signup{width:560px}.signup input,.signup button{font-size:17px}.switcher button{font-size:16px}footer{font-size:17px}}
@media(max-width:767px){.scene{min-height:620px}.content{padding:20px 20px 18px}.logo{font-size:30px}.desktop{display:none}.menu-toggle{display:flex;width:44px;height:44px;border-radius:50%;flex-direction:column;justify-content:center;gap:6px;align-items:center;z-index:60}.menu-toggle span{width:19px;height:1px;background:white;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}main{padding:22px 0;margin:auto 0}.badge{font-size:11px;padding:8px 10px;white-space:nowrap}h1{font-size:clamp(40px,8.2vw,62px);margin:28px 0 22px}.intro{font-size:15px;line-height:1.65;max-width:360px;margin-bottom:26px}.signup{width:350px}.signup input{padding-left:12px;font-size:13px}.signup .solid{padding:12px 16px;font-size:12px}.switcher{gap:16px;margin-top:14px}.switcher button{font-size:10px}footer{gap:10px 18px;flex-wrap:wrap;font-size:11px;max-width:350px;align-self:center}footer b{display:none}.mobile-menu{display:flex;position:fixed;inset:0;background:#000b;backdrop-filter:blur(10px);z-index:50;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu nav{display:flex;flex-direction:column;align-items:center;gap:28px}.mobile-menu button{font-family:'Instrument Serif',serif;font-size:32px;color:white;background:none;transform:translateY(16px);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.mobile-menu.open button{transform:translateY(0);opacity:1}.mobile-menu button:nth-child(2){transition-delay:150ms}.mobile-menu button:nth-child(3){transition-delay:200ms}.mobile-menu button:nth-child(4){transition-delay:250ms}.mobile-menu .solid{background:white;color:#182c41;font:14px system-ui,sans-serif;transition-delay:300ms}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}.train{transform:scale(1.03)}}@media(max-height:720px) and (min-width:768px){.scene{min-height:600px}h1{font-size:66px;margin:22px 0}.intro{margin-bottom:20px}main{padding:12px 0}.switcher{margin-top:6px}}
