.intro-active{overflow:hidden}
.intro-screen{position:fixed;inset:0;z-index:1000;background:#f9fbff;color:var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .38s ease,visibility .38s ease;background-image:linear-gradient(#eaf0f666 1px,transparent 1px),linear-gradient(90deg,#eaf0f666 1px,transparent 1px);background-size:90px 90px}
.intro-screen.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.intro-content{width:min(1220px,92vw);display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:center;padding:36px}
.intro-brand{display:flex;align-items:center;gap:15px;font-size:27px;font-weight:650;letter-spacing:-.8px;animation:intro-enter .65s both}
.intro-brand img{object-fit:contain}.intro-brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.8px;margin-top:5px;font-weight:500}
.intro-copy h2{font-size:clamp(34px,4.4vw,66px);line-height:1.13;font-weight:650;letter-spacing:-2.4px;margin:60px 0 24px;animation:intro-enter .7s .1s both}
.intro-copy p{font-size:clamp(15px,1.6vw,21px);color:var(--muted);line-height:1.6;animation:intro-enter .7s .2s both}
.intro-topics{display:flex;gap:10px;margin-top:34px;animation:intro-enter .7s .35s both}.intro-topics span{border-radius:30px;padding:9px 17px;background:#e7efff;color:var(--blue);font-size:13px}
.intro-address{margin-top:52px;color:var(--blue);font-weight:600;font-size:15px;animation:intro-enter .7s .45s both}
.intro-visual{position:relative;isolation:isolate;animation:intro-enter .8s .15s both}.intro-visual:before{content:"";position:absolute;inset:5%;border-radius:50%;background:#eaf1ff;z-index:-1}.intro-visual>img{display:block;width:100%;height:auto;object-fit:contain;animation:intro-float 3s ease-in-out both}
.intro-orbit{position:absolute;inset:-3%;border:1px solid #b4ceff;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;z-index:-1;animation:intro-orbit 3s ease both}
.intro-skip{position:absolute;bottom:30px;right:36px;display:flex;gap:15px;align-items:center;font-size:13px;color:var(--muted);padding:12px 16px;border:1px solid #dfe6f0;border-radius:30px;background:#fff}.intro-skip:hover{color:var(--blue);border-color:#b4ceff}
@keyframes intro-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes intro-float{from{transform:translateY(12px)}to{transform:translateY(-8px)}}
@keyframes intro-orbit{from{transform:rotate(-35deg)}to{transform:rotate(20deg)}}
@media(max-width:650px){.intro-content{grid-template-columns:1fr;padding:24px;gap:24px;width:min(460px,100vw)}.intro-brand{font-size:22px}.intro-brand img{width:45px;height:45px}.intro-copy h2{margin:28px 0 14px;letter-spacing:-1.5px}.intro-copy p{font-size:14px}.intro-topics{margin-top:20px}.intro-topics span{font-size:12px;padding:7px 12px}.intro-address{margin-top:20px;font-size:13px}.intro-visual{width:60%;max-height:230px;justify-self:center}.intro-skip{bottom:16px;right:16px;font-size:12px;padding:9px 14px}}
@media(max-height:680px) and (max-width:650px){.intro-content{gap:12px;padding-bottom:50px}.intro-copy h2{font-size:30px;margin-top:18px}.intro-visual{width:40%}.intro-brand img{width:34px;height:34px}.intro-topics,.intro-address{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.intro-screen{display:none}}