.screen1{color:#0f3b35;font-family:var(--font);text-align:left;-webkit-font-smoothing:antialiased;background:#9ed8cc;font-size:1.125rem;line-height:1.5;position:fixed;inset:0;overflow:hidden}.screen1 :focus-visible{outline-offset:3px;border-radius:999px;outline:3px solid #0f3b35}.screen1 .top{z-index:2;justify-content:space-between;align-items:center;padding:.8rem 1.1rem 0;display:flex;position:absolute;top:0;left:0;right:0}.screen1 .burger{color:#0f3b35;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;display:grid;position:relative}.screen1 .burger:hover,.screen1 .burger[aria-expanded=true]{background:#fffdf68c}.screen1 .burger svg{width:1.5rem;height:1.5rem}.screen1 .menu{background:#fffdf6;border-radius:1.1rem;flex-direction:column;min-width:12rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + .35rem);right:1.1rem;box-shadow:0 1rem 2rem -1rem #0f3b3599}.screen1 .menu button{appearance:none;color:#0f3b35;font:500 1.05rem/1 var(--font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.8rem;padding:.75rem .9rem}.screen1 .menu button:hover{background:#ffedb8}.screen1 .composer{z-index:2;box-sizing:border-box;background:#fffdf6;border-radius:1.6rem;align-items:center;gap:.5rem;padding:.4rem .4rem .4rem 1.2rem;display:flex;position:absolute;box-shadow:0 .7rem 1.6rem -1rem #0f3b358c}.screen1 .composer:focus-within{box-shadow:0 0 0 3px #0f3b3547,0 .7rem 1.6rem -1rem #0f3b358c}.screen1 .composer input{color:#0f3b35;caret-color:#0f3b35;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:.4rem 0;font-size:1.3rem;font-weight:500;line-height:1.3}.screen1 .composer input::placeholder{color:#7c9a94}.screen1 .send{color:#fffdf6;cursor:pointer;background:#0f3b35;border:0;border-radius:50%;flex:none;place-items:center;width:2.6rem;height:2.6rem;display:grid}.screen1 .send:hover{background:#17524a}.screen1 .send:disabled{opacity:1}.screen1 .send svg{width:1.2rem;height:1.2rem}.screen1 .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen1 .turnstile{z-index:2;position:absolute;left:1rem}.screen1 .sample{z-index:2;color:#2a5750;text-decoration:none;transition:rotate .3s cubic-bezier(.34,1.56,.64,1),translate .3s cubic-bezier(.34,1.56,.64,1),scale .3s cubic-bezier(.34,1.56,.64,1);animation:.7s cubic-bezier(.16,1,.3,1) both sample-in;display:block;position:absolute}.screen1 .sample:hover,.screen1 .sample:focus-visible{translate:0 -6px;scale:1.04;rotate:0deg!important}.screen1 .sample .frame{background:#fff;border-radius:14px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #0f3b3524,0 26px 40px -24px #0f3b35a6}.screen1 .sample iframe{transform-origin:0 0;pointer-events:none;border:0;position:absolute;top:0;left:0}.screen1 .sample b{font:700 .85rem/1 var(--font);text-align:center;margin-top:10px;display:block}.screen1 .sample:focus-visible{border-radius:14px}@keyframes sample-in{0%{opacity:0;translate:0 24px}}@media (prefers-reduced-motion:reduce){.screen1 .sample{transition:none;animation:none}}.screen1 .flight{z-index:3;pointer-events:none;position:absolute}.screen1 .flight video,.screen1 .flight img{width:100%;height:100%;display:block;position:absolute;inset:0}.screen1 .line{z-index:1;text-align:center;font-family:var(--display);letter-spacing:-.012em;color:#0f3b35;margin:0;font-weight:400;line-height:1.02;position:absolute}.screen1 .line span{padding-bottom:.12em;display:block;overflow:hidden}.screen1 .line b{font-weight:400;display:block}.screen1 .bubble{z-index:4;box-sizing:border-box;color:#0f3b35;font-family:var(--display);text-align:center;background:#ffedb8;border-radius:1.25rem;padding:.6rem .95rem;line-height:1.35;position:absolute}.screen1 .bubble i{background:#ffedb8;border-radius:3px;position:absolute;left:50%;transform:rotate(45deg)}.screen1 .early{z-index:1;text-align:center;color:#2a5750;width:min(100% - 2rem,33rem);margin:0 0 0 calc(min(100% - 2rem,33rem)/-2);font-size:1rem;line-height:1.4;position:absolute;left:50%}.screen1 .early small{margin-top:.3rem;font-size:.8rem;display:block}.screen1 .menu a{color:#0f3b35;font:500 1.05rem/1 var(--font);border-radius:.8rem;padding:.75rem .9rem;text-decoration:none}.screen1 .menu a:hover{background:#ffedb8}.screen1 .early a{color:inherit;text-underline-offset:.18em}.screen1 .bubble{text-wrap:balance}.screen1 .bubble span{text-wrap:balance;display:block}.screen1 .composer input,.screen1 .composer input:focus-visible{border-radius:0}