:root{color-scheme:light;--navy:#004166;--cyan:#00aede;--lime:#96bc33}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;background:#fff}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--navy);overflow-x:hidden}
.intro-shell{min-height:100vh;min-height:100svh;display:grid;place-items:center;isolation:isolate}
.intro-frame{position:relative;width:min(calc(100vw - 32px),calc((100vh - 96px)*1.776833));width:min(calc(100vw - 32px),calc((100svh - 96px)*1.776833));aspect-ratio:1672/941}
.intro-fallback{margin:0;position:absolute;inset:0}
.intro-fallback picture,.intro-fallback img{display:block;width:100%;height:100%;object-fit:contain}
.intro-views{display:none;width:100%;height:100%}
.intro-view{display:none;width:100%;height:100%}
.intro-view[data-variant="desktop"]{display:block}
.architecture{display:block;width:100%;height:100%;overflow:visible}
.entity,.wires{transform-box:view-box}
.is-enhanced .intro-fallback{display:none}
.is-enhanced .intro-views{display:block}
.is-enhanced:not(.is-ready) .entity,.is-enhanced:not(.is-ready) .wires{opacity:0}
.is-initializing .intro-fallback{visibility:hidden}
.is-initializing .continue-wrap,.is-enhanced:not(.is-ready) .continue-wrap{opacity:0;visibility:hidden;pointer-events:none}
.is-running:not(.is-ready) .entity--pos{animation:pos-enter 2s cubic-bezier(.22,.61,.36,1) .1s both}
.is-running:not(.is-ready) .entity--app{animation:app-enter 2s cubic-bezier(.22,.61,.36,1) 1s both}
.is-running:not(.is-ready) .entity--insight{animation:insight-enter 2.1s cubic-bezier(.22,.61,.36,1) 2.1s both}
.is-running:not(.is-ready) .wires{animation:wires-enter 1.7s ease 2.4s both}
.is-ready .entity,.is-ready .wires{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
.continue-wrap{position:fixed;z-index:10;inset-inline:16px;bottom:22px;bottom:max(22px,env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none;transition:opacity .25s ease}
.continue-link{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-width:180px;min-height:56px;padding:14px 30px;border:1px solid var(--navy);border-radius:999px;background:var(--navy);color:#fff;text-decoration:none;font-size:18px;font-weight:650;line-height:1.2;letter-spacing:.01em;pointer-events:auto;box-shadow:0 7px 22px rgba(0,65,102,.16);animation:continue-pulse 1.65s ease-in-out infinite;transition:background .2s ease,border-color .2s ease}
.continue-link svg{width:20px;height:20px;flex:none}
.continue-link:hover{background:#00557f;border-color:#00557f}
.continue-link:focus-visible{outline:3px solid var(--cyan);outline-offset:6px;animation:none}
.continue-link:active{background:#00334f}
.is-ready .continue-wrap{opacity:1;visibility:visible}
.is-ready .continue-link{animation:continue-appear .35s ease both,continue-pulse 1.65s ease-in-out .35s infinite}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes pos-enter{from{opacity:0;transform:scale(.88);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes app-enter{from{opacity:0;transform:translateX(-70px);filter:blur(3px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}
@keyframes insight-enter{from{opacity:0;transform:translateX(75px);filter:blur(3px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}
@keyframes wires-enter{from{opacity:0}to{opacity:1}}
@keyframes continue-appear{from{opacity:0;transform:translateY(9px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes continue-pulse{0%,100%{transform:scale(1);box-shadow:0 7px 22px rgba(0,65,102,.16),0 0 0 0 rgba(0,174,222,.3)}50%{transform:scale(1.055);box-shadow:0 10px 28px rgba(0,65,102,.2),0 0 0 12px rgba(0,174,222,0)}}
@media(min-width:768px) and (max-width:1199px){
.intro-frame{width:min(calc(100vw - 32px),calc((100vh - 96px)*1.333333));width:min(calc(100vw - 32px),calc((100svh - 96px)*1.333333));aspect-ratio:1448/1086}
.intro-view[data-variant="desktop"]{display:none}.intro-view[data-variant="tablet"]{display:block}
}
@media(max-width:767px){
.intro-frame{width:min(calc(100vw - 20px),calc((100vh - 80px)*.562799));width:min(calc(100vw - 20px),calc((100svh - 80px)*.562799));aspect-ratio:941/1672}
.intro-view[data-variant="desktop"],.intro-view[data-variant="tablet"]{display:none}.intro-view[data-variant="mobile"]{display:block}
.continue-wrap{bottom:18px;bottom:max(18px,env(safe-area-inset-bottom))}
.continue-link{min-width:168px;min-height:52px;padding:13px 27px;font-size:17px}
}
@media(orientation:landscape) and (max-height:600px){
.intro-frame{width:min(calc(100vw - 24px),calc((100vh - 62px)*1.776833));width:min(calc(100vw - 24px),calc((100svh - 62px)*1.776833));aspect-ratio:1672/941}
.intro-view[data-variant="tablet"],.intro-view[data-variant="mobile"]{display:none}.intro-view[data-variant="desktop"]{display:block}
.continue-wrap{bottom:10px;bottom:max(10px,env(safe-area-inset-bottom))}
.continue-link{min-width:150px;min-height:44px;padding:10px 24px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.is-enhanced .entity,.is-enhanced .wires{opacity:1!important;transform:none!important;filter:none!important}
}

