*{box-sizing:border-box}.demo-page{--cream:#f4f1ed;background:var(--cream);color:#101112;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.demo-page .wordmark{color:#fff}.demo-page .wordmark img,.demo-after img{filter:brightness(0)invert()}.demo-page .topbar{z-index:61}.demo-page .nav-pill{z-index:62}.demo-stage{height:158vh;position:relative}.demo-hero{height:100svh;min-height:620px;transform:scale(calc(1 - var(--shrink)*.055));border-radius:calc(var(--shrink)*30px);transform-origin:50%;box-shadow:0 calc(var(--shrink)*30px) calc(var(--shrink)*65px) #06101833;background:#0b171f url(/media/login-surf-school.webp) 50%/cover no-repeat;position:sticky;top:0;overflow:hidden}.demo-shade{background:linear-gradient(#0000 42%,#02080ca8),#040b1014;position:absolute;inset:0}.demo-scroll{z-index:3;color:#fff;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 12px #000;flex-direction:column;align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.demo-scroll i{border:1px solid #ffffff50;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;animation:1.8s ease-in-out infinite demoBounce;display:grid}@keyframes demoBounce{50%{transform:translateY(6px)}}.demo-after{text-align:center;flex-direction:column;align-items:center;min-height:72vh;padding:90px 24px 100px;display:flex}.demo-after img{object-fit:contain;background:#0a2941;border-radius:50%;width:90px;height:90px;margin-bottom:26px}.demo-after>span,.demo-page-sheet>div>span,.demo-page-sheet form>span{letter-spacing:.2em;color:#777;font-size:10px;font-weight:700}.demo-after h1{letter-spacing:-.06em;margin:20px 0 26px;font-size:clamp(50px,6.4vw,96px);font-weight:400;line-height:.9}.demo-after p{color:#777;max-width:680px;margin:0 0 28px;font-size:18px;line-height:1.55}.demo-after>button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:999px;padding:16px 24px}.demo-page-overlay{z-index:100;-webkit-backdrop-filter:blur();backdrop-filter:blur();pointer-events:none;background:0 0;transition:all .45s;position:fixed;inset:0}.demo-page-overlay.is-open{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#0507089f}.demo-page-sheet{color:#fff;background:#101112;border-radius:30px 30px 0 0;grid-template-columns:1fr minmax(430px,560px);align-items:center;gap:8vw;min-height:79vh;max-height:94vh;padding:clamp(58px,6vw,92px) clamp(24px,8vw,140px);transition:transform .68s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;bottom:0;left:0;right:0;overflow:auto;transform:translateY(102%)}.is-open .demo-page-sheet{transform:translateY(0)}.demo-page-close{color:#fff;cursor:pointer;background:#000;border:0;border-radius:50%;width:52px;height:52px;font-size:30px;position:absolute;top:25px;right:28px}.demo-page-intro h2{letter-spacing:-.055em;margin:18px 0 26px;font-size:clamp(48px,6vw,88px);font-weight:400;line-height:.9}.demo-page-intro>p{color:#999;max-width:510px;margin-bottom:35px;font-size:18px;line-height:1.5}.demo-page-intro>div{border-top:1px solid #303234;grid-template-columns:42px 1fr;padding:15px 0;display:grid}.demo-page-intro>div b{color:#666;font-size:11px}.demo-page-intro>div span{color:#bbb}.demo-page-intro>a{color:#fff;margin-top:22px;font-size:13px;display:inline-block}.demo-page-sheet form,.demo-page-success{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:24px;padding:32px;box-shadow:0 35px 80px #0007}.demo-page-sheet form h3,.demo-page-success h3{letter-spacing:-.04em;margin:12px 0 22px;font-size:34px;font-weight:400}.demo-page-dates{grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:14px;display:grid}.demo-page-dates button,.demo-page-times button{color:#aaa;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px}.demo-page-dates button{gap:3px;padding:9px 3px;display:grid}.demo-page-dates small{font-size:8px}.demo-page-dates b{font-size:15px}.demo-page-dates button.active,.demo-page-times button.active{color:#111;background:#fff}.demo-page-times{gap:6px;margin-bottom:4px;padding-bottom:14px;display:flex;overflow-x:auto}.demo-page-times button{white-space:nowrap;padding:9px 12px}.demo-page-sheet label{color:#bbb;gap:7px;margin-top:12px;font-size:11px;display:grid}.demo-page-sheet input{color:#fff;background:#fff1;border:1px solid #ffffff21;border-radius:13px;outline:none;width:100%;padding:14px;font-size:14px}.demo-page-sheet input::placeholder{color:#ffffff58}.demo-page-sheet input:focus{background:#ffffff12;border-color:#ffffff75}.demo-page-submit,.demo-page-success button{color:#111;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:space-between;width:100%;margin-top:18px;padding:16px 18px;display:flex}.demo-page-note{text-align:center;color:#777;margin-top:14px;display:block}.demo-page-success{text-align:left}.demo-page-success>i{color:#111;background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:24px;font-style:normal;display:grid}.demo-page-success p{color:#aaa;line-height:1.55}.demo-page-success>button{text-align:center;display:block}.demo-page-success>span{letter-spacing:.2em;color:#888;font-size:10px}@media (max-width:800px){.demo-stage{height:145vh}.demo-hero{background-position:66%;background-size:auto 100%}.demo-shade{background:linear-gradient(#0000 42%,#02080cbf)}.demo-scroll{width:max-content;bottom:28px}.demo-after{padding-inline:22px}.demo-page-sheet{grid-template-columns:1fr;padding:72px 18px 28px}.demo-page-intro{display:none}.demo-page-sheet form{padding:22px}.demo-page-dates{gap:3px}.demo-page-dates button{border-radius:9px}.demo-page .nav-pill.open{z-index:101}}@media (prefers-reduced-motion:reduce){.demo-hero{transform:none}.demo-page-overlay,.demo-page-sheet{transition:none}}
.demo-page-sheet{color:#111;background:#f4f1ed}.demo-hero{background-image:url(/media/faq-eclipse.webp);background-position:50%}.demo-after img{filter:none;width:92px;height:92px;box-shadow:none;background:0 0;border-radius:0;margin-bottom:20px;padding:0}.demo-page-close{color:#fff;background:#111}.demo-page-intro>p{color:#737373}.demo-page-intro>div{border-color:#d7d2cc}.demo-page-intro>div b{color:#96918b}.demo-page-intro>div span{color:#454545}.demo-page-intro>a{color:#111}.demo-page-sheet form,.demo-page-success{background:#ffffffb8;border-color:#14141417;box-shadow:0 35px 80px #322b2521}.demo-page-dates button,.demo-page-times button{color:#777;background:#ebe7e2;border-color:#dedad5}.demo-page-dates button.active,.demo-page-times button.active{color:#fff;background:#111}.demo-page-sheet label{color:#666}.demo-page-sheet input{color:#111;background:#ffffffd1;border-color:#d8d3cd}.demo-page-sheet input::placeholder{color:#999}.demo-page-sheet input:focus{background:#fff;border-color:#777}.demo-page-submit,.demo-page-success button,.demo-page-success>i{color:#fff;background:#111}.demo-page-success p{color:#666}@media (max-width:800px){.demo-page .wordmark img{width:69px;height:69px}.demo-hero{background-position:58%;background-size:auto 100%}.demo-page-sheet{border-radius:26px 26px 0 0;width:100%;min-height:0;max-height:92svh;padding:64px 0 24px}.demo-page-sheet form,.demo-page-success{border-radius:20px;margin:0 12px;padding:22px 18px}.demo-page-sheet form h3{margin-bottom:20px;font-size:30px}.demo-page-close{width:42px;height:42px;font-size:25px;top:12px;right:12px}.demo-page-dates{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin:0 -2px 8px;padding:2px 2px 10px;display:flex;overflow-x:auto}.demo-page-dates::-webkit-scrollbar{display:none}.demo-page-times::-webkit-scrollbar{display:none}.demo-page-dates button{scroll-snap-align:start;border-radius:13px;flex:0 0 62px;min-height:62px}.demo-page-times{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin:0 -2px 2px;padding:2px 2px 13px;display:flex;overflow-x:auto}.demo-page-times button{scroll-snap-align:start;flex:0 0 76px;padding:11px 10px}.demo-page-sheet label{margin-top:11px}.demo-page-sheet input{min-height:48px;font-size:16px}.demo-page-submit{align-items:center;gap:12px;min-height:52px;line-height:1.25}.demo-page-note{padding-inline:12px;line-height:1.4}}