.welcome{--welcome-card-ratio:.9;flex:1;grid-template-rows:minmax(0,1fr) auto;align-content:center;gap:20px;width:100%;max-width:1120px;height:100%;min-height:0;margin:auto;display:grid}@supports (aspect-ratio:calc(100vw / 100dvh)){.welcome{--welcome-card-ratio:clamp(.9,calc(100vw / 100dvh),1.85)}}.welcome-stage{touch-action:pan-y;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,900px);justify-content:center;align-items:end;height:100%;min-height:0;padding:20px 0;display:grid;position:relative;container-type:inline-size}.welcome-card{width:100%;height:min(100%,var(--welcome-window-height));transform-origin:50% 100%;will-change:transform;--welcome-window-height:clamp(260px,calc(var(--welcome-card-width,900px) / var(--welcome-card-ratio) + 72px),min(72svh,800px));--welcome-card-width:min(100cqw,900px);isolation:isolate;cursor:pointer;z-index:1;grid-area:1/1;align-self:end;min-width:0;position:relative;container-type:inline-size}.welcome-card[data-current=true]{cursor:auto;z-index:3}.welcome-window{border-radius:var(--corner-radius);background:var(--bg);height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 6%,transparent);flex-direction:column;display:flex;position:relative;overflow:hidden}.welcome-shadow{border-radius:var(--corner-radius);pointer-events:none;position:absolute;inset:0;box-shadow:0 2px 4px var(--lightningcss-light,#181d180f)var(--lightningcss-dark,#0000001f),0 12px 28px -10px var(--lightningcss-light,#181d182e)var(--lightningcss-dark,#0000003d)}.welcome-content{min-width:0;min-height:0;padding:var(--page-top-space) 20px var(--page-bottom-space);touch-action:pan-y;overscroll-behavior-x:contain;border-radius:0 0 var(--corner-radius) var(--corner-radius);flex:1;position:relative;overflow:auto}.welcome-site-header{isolation:isolate;border-bottom:0;flex:none;width:100%;margin:0;position:relative}.welcome-site-header:before{content:"";z-index:-1;pointer-events:none;background:var(--bg);border-bottom:1px solid var(--line);border-radius:var(--corner-radius) var(--corner-radius) 0 0;position:absolute;inset:0}.welcome-window>.welcome-mobile-nav{border-radius:0 0 var(--corner-radius) var(--corner-radius);will-change:auto;flex:none;width:100%;padding:4px 6px;position:relative;inset:auto;transform:none}.welcome-window>.welcome-mobile-nav:before{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.welcome-mobile-nav .nav-label{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%}.welcome-shade{border-radius:inherit;pointer-events:none;background:var(--lightningcss-light,var(--bg))var(--lightningcss-dark,#000);opacity:0;position:absolute;inset:0}.welcome-caption-copy{display:grid}.welcome-caption-slide{grid-area:1/1}.welcome-caption{text-align:center;width:100%;max-width:640px;margin:auto}.welcome-caption h1{text-wrap:balance;margin:0;font-size:1.75rem}.welcome-caption p{color:var(--muted);text-wrap:balance;margin:6px 0 0}.welcome-controls{justify-content:center;align-items:center;gap:8px;margin:8px 0 12px;display:flex}.welcome-dots{justify-content:center;display:flex}.welcome-dots button{background:0 0;place-items:center;min-width:44px;height:44px;padding:0;display:grid}.welcome-dots button:is(:hover,:active,:focus-visible){transform:none}.welcome-dots span{background:var(--ink);opacity:.4;border-radius:99px;width:26px;height:7px;transform:scaleX(.26923)}.welcome-start{width:min(100%,260px);min-height:48px}@media (width>=700px){.welcome-stage{padding-block:0}}@media (width>=768px){.welcome-content .today-layout{align-items:start;margin-top:0;padding-top:0}.welcome-content .today-hero{gap:12px;padding-top:24px}.welcome-content .today-hero .fern{height:140px}}@media (width<=767px){.welcome-content{overflow-x:hidden}.welcome-content .fern{max-width:100%}}@media (width<=699px){.welcome{gap:12px}.welcome-stage{grid-template-columns:minmax(0,min(420px,100% - 40px));padding-block:8px 16px}.welcome-card{--welcome-card-width:min(420px,calc(100cqw - 40px));--welcome-window-height:clamp(260px,min(calc(var(--welcome-card-width,420px) * 1.8),64svh),760px)}.welcome-caption h1{font-size:1.375rem}.welcome-caption p{font-size:.9375rem}.welcome-start{width:100%;min-height:52px}}@media (width>=700px) and (aspect-ratio<=1){.welcome{max-width:900px}.welcome-stage{grid-template-columns:minmax(0,600px)}.welcome-card{--welcome-card-width:min(100cqw,600px)}}@media (aspect-ratio>=3/2) and (height<=650px){.welcome{gap:12px}.welcome-stage{padding-block:0}.welcome-caption{grid-template-columns:minmax(0,1fr) auto minmax(120px,.7fr);align-items:center;gap:16px;max-width:900px;display:grid}.welcome-controls{margin:0}.welcome-start{justify-self:end}}@media (width<=699px) and (aspect-ratio>=3/2) and (height<=650px){.welcome-caption{grid-template-columns:minmax(0,1fr) 132px;row-gap:0}.welcome-caption-copy{grid-row:1/3}.welcome-controls{grid-area:1/2}.welcome-start{grid-area:2/2}}@media (aspect-ratio>=3/2) and (height<=400px){#root>main.welcome-main{padding-block:8px}}@media (prefers-reduced-motion:reduce){.welcome-card{will-change:auto}.welcome-shade{display:none}.welcome-card{opacity:0;visibility:hidden}.welcome-card[data-current=true]{opacity:1;visibility:visible}}.welcome-site-header .brand-symbol{color:var(--accent);background:0 0;-webkit-mask:none;mask:none}.welcome-site-header .brand-symbol svg{width:100%;height:100%;display:block;transform:translateZ(0)}.welcome-site-header .brand-symbol path{fill:currentColor}.welcome-main *{scrollbar-width:none!important}html:has(#root>main.welcome-main){scrollbar-width:none!important}html:has(#root>main.welcome-main)::-webkit-scrollbar{display:none}.welcome-main ::-webkit-scrollbar{display:none}
