:root{color-scheme:light;--ink:#153e36;--muted:#526b65;--green:#14584e;--accent:#248a78;--line:rgba(34,87,77,.16);font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f7fbfc;font-synthesis:none}
@media(min-width:901px) and (max-width:1439px){:root{font-size:clamp(12px,1.111vw,16px)}}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #247cba;outline-offset:6px;border-radius:5px}a:hover{color:#198473}img{display:block;max-width:100%}.skip-link{position:fixed;top:10px;left:10px;background:white;padding:12px 18px;z-index:10;transform:translateY(-160%)}.skip-link:focus{transform:none}
.page{position:relative;isolation:isolate;min-height:calc(100svh - 126px);display:flex;flex-direction:column;background:#f0f9fd;overflow:hidden}.artwork{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.artwork-composite{display:block;width:100%;height:100%}@media(min-width:901px){.artwork>div{display:none}}.artwork>div{background-repeat:no-repeat;background-size:cover}.artwork-left{background-image:url('Left_Image.png')}.artwork-center{background-image:url('Center_Image.png')}.artwork-right{background-image:url('Right_Image.png')}.page:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(244,251,255,.48),transparent 33%,transparent 71%,rgba(248,253,255,.28))}
.header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 3.2%;min-height:110px}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.4rem,1.9vw,2rem);font-weight:700;white-space:nowrap;letter-spacing:-.7px}.brand strong{font-weight:700}.brand-icon{height:54px;width:48px;overflow:hidden;position:relative;mix-blend-mode:multiply}.brand-icon img{position:absolute;width:76px;max-width:none;height:76px;left:-14px;top:-10px}.header-nav{display:flex;align-items:center;gap:30px;font-size:.9375rem;font-weight:600}.portal-link{display:flex;align-items:center;gap:12px}.portal-link span{font-size:1.35rem}
.main{display:grid;grid-template-columns:28% 44% 28%;flex:1;min-height:655px;align-items:center;padding-bottom:55px}.intro{padding:15px 0 0 11.5%;align-self:center}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:1.65px;line-height:1.7;margin:0 0 22px}.intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.25rem,5.35vw,6rem);line-height:1.07;font-weight:400;letter-spacing:-3px;margin:0 0 27px}.intro h1 em{font-weight:400;color:#22796b}.intro-description{font-size:clamp(1rem,1.15vw,1.1875rem);line-height:1.8;margin:0;color:#355e55}.intro-rule{width:45px;height:2px;background:#549e90;margin:28px 0 18px}.intro-note{font-size:.875rem;line-height:1.6;color:#46675f;margin:0}.artwork-space{height:100%;min-height:510px}
.welcome{padding:22px 10% 22px 8%;border-left:1px solid var(--line)}.welcome-inner{max-width:350px;margin:auto}.welcome-mark{width:52px;height:52px;border:1px solid #c6ded8;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.75);color:var(--green);margin-bottom:22px}.portal-eyebrow{font-size:.75rem;letter-spacing:1.2px;margin-bottom:12px}.welcome h2{font-size:clamp(1.75rem,2.15vw,2.5rem);font-weight:600;line-height:1.2;letter-spacing:-1.1px;margin:0 0 18px}.welcome-description{font-size:1rem;line-height:1.65;color:var(--muted);margin:0 0 28px}.button{display:flex;justify-content:center;align-items:center;gap:18px;background:var(--green);color:white;min-height:54px;border-radius:100px;padding:14px 18px;font-size:.9375rem;font-weight:600;box-shadow:0 5px 16px #14584e14;transition:background .18s,transform .18s}.button:hover{background:#0d433b;color:white;transform:translateY(-2px)}.button span{font-size:1.25rem}.login-note{font-size:.8125rem;color:var(--muted);line-height:1.6;text-align:center;margin:14px 0 30px}.app-coming{border-top:1px solid var(--line);padding-top:27px;text-align:center}.coming-label{display:flex;justify-content:center;align-items:center;gap:8px;font-size:.6875rem;letter-spacing:1.25px;font-weight:700}.status-dot{width:6px;height:6px;border-radius:50%;background:#298270}.app-coming h3{font-size:1rem;font-weight:600;margin:15px 0 8px}.app-coming p{font-size:.875rem;line-height:1.7;color:var(--muted);margin:0}.platforms{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:20px;font-size:.875rem;color:#39594f}.platforms>span{display:flex;align-items:center;gap:7px}.platform-divider{height:16px;width:1px;background:#bfd3cc}
.footer{min-height:126px;padding:25px 25px 20px;text-align:center;border-top:1px solid #d5e6e5;background:#fbfdfd}.footer-message{font-family:Georgia,"Times New Roman",serif;font-size:.9375rem;margin:0 0 17px;color:#426a5f}.footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;font-size:.875rem}.copyright{font-size:.75rem;color:#6c807a;margin:15px 0 0}.copyright a{color:var(--green);font-weight:650;text-decoration:underline;text-decoration-color:rgba(20,88,78,.35);text-underline-offset:3px}.copyright a:hover{color:#198473;text-decoration-color:currentColor}
@media(min-width:1750px){.main{min-height:760px}.intro{padding-left:14%}.welcome{padding-left:12%;padding-right:14%}}
@media(max-width:1150px) and (min-width:901px){.artwork-composite{position:absolute;left:0;top:50%;width:100%;height:auto;aspect-ratio:1674/941;transform:translateY(-50%)}.header{padding:clamp(18px,2.1vw,24px) 3%;min-height:clamp(78px,8vw,105px)}.brand-icon{width:clamp(38px,4vw,48px);height:clamp(44px,4.5vw,54px)}.brand-icon img{width:clamp(60px,6vw,76px);height:clamp(60px,6vw,76px)}.header-nav{gap:clamp(14px,1.75vw,20px)}.main{grid-template-columns:28% 45.3% 26.7%;min-height:clamp(520px,52vw,600px);padding-bottom:clamp(28px,4vw,46px)}.intro{padding-left:10%}.intro h1{font-size:clamp(2.75rem,4.4vw,3.5rem);letter-spacing:-2px;margin-bottom:clamp(18px,2.2vw,27px)}.intro .eyebrow{max-width:180px;margin-bottom:clamp(14px,1.8vw,22px)}.intro-description{line-height:1.65}.intro-rule{margin:clamp(18px,2.2vw,28px) 0 clamp(12px,1.5vw,18px)}.artwork-space{min-height:clamp(410px,45vw,510px)}.welcome{padding:18px 6%}.welcome-inner{max-width:320px}.welcome-mark{width:clamp(42px,4.5vw,52px);height:clamp(42px,4.5vw,52px);margin-bottom:clamp(14px,1.7vw,22px)}.welcome h2{font-size:clamp(1.75rem,2.5vw,2rem);margin-bottom:clamp(12px,1.5vw,18px)}.welcome-description{font-size:.9375rem;line-height:1.55;margin-bottom:clamp(18px,2.2vw,28px)}.button{min-height:clamp(44px,4.7vw,54px);padding:10px 12px}.login-note{margin:10px 0 clamp(19px,2.5vw,30px)}.app-coming{padding-top:clamp(18px,2.3vw,27px)}.app-coming h3{margin:11px 0 6px}.platforms{margin-top:clamp(13px,1.7vw,20px);gap:clamp(12px,1.5vw,18px)}}
@media(max-width:900px){.page{min-height:auto}.header{padding:20px 22px;min-height:84px;gap:15px}.brand{font-size:1.4rem;gap:7px;letter-spacing:-.6px}.brand-icon{width:34px;height:42px}.brand-icon img{width:57px;height:57px;top:-7px;left:-11px}.header-nav{font-size:.8125rem;gap:14px}.header-nav>a:first-child{display:none}.portal-link{gap:5px}.main{display:grid;grid-template-columns:1fr;padding:0;min-height:0}.intro{padding:38px 24px 0;text-align:center}.intro .eyebrow{font-size:.6875rem;letter-spacing:1.5px;margin-bottom:15px}.intro h1{font-size:clamp(3.6rem,12vw,5rem);letter-spacing:-2px;margin-bottom:18px;line-height:1.05}.intro h1 em{display:inline-block}.intro-description{font-size:1rem;line-height:1.65}.intro-rule,.intro-note{display:none}.artwork-composite{display:none}.artwork-left{position:absolute;inset:0 0 auto;height:490px;background-size:auto 100%!important;background-position:left;opacity:.65}.artwork-center{display:none}.artwork-right{position:absolute;bottom:0;left:0;right:0;height:560px;background-size:cover!important;opacity:.5}.artwork-space{height:420px;min-height:0;margin-top:-5px;background-image:url('Center_Image.png');background-position:center 46%;background-repeat:no-repeat;background-size:cover}.welcome{padding:40px 28px 42px;border-left:0;border-top:1px solid var(--line);background:#ffffffa8;backdrop-filter:blur(6px)}.welcome-inner{max-width:380px}.welcome-mark{margin-left:auto;margin-right:auto}.welcome h2{text-align:center;font-size:2.15rem}.portal-eyebrow,.welcome-description{text-align:center}.welcome h2 br{display:none}.welcome-description{max-width:290px;margin:0 auto 25px}.welcome .button{min-height:56px}.login-note{font-size:.8125rem}.app-coming{padding-top:24px}.footer{padding:25px 20px}.footer nav{gap:14px 22px;font-size:.8125rem}.page:after{background:linear-gradient(180deg,#f7fcff70,transparent 40%)}.coming-label{font-size:.75rem}}
@media(max-width:380px){.header{padding:16px}.brand{font-size:1.2rem}.header-nav{font-size:.75rem}.intro h1{font-size:3.25rem}.artwork-space{height:360px}.welcome{padding-left:22px;padding-right:22px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}
.platforms>a{display:flex;align-items:center;gap:7px;color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.platforms>a:hover{color:#198473}
.platforms>a:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:2px}