:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#183250;background:#f6f9ff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #65a6ec;outline-offset:3px}[hidden]{display:none!important}
.container{width:min(1120px,calc(100% - 48px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;left:-9999px;top:8px;background:white;padding:12px;z-index:10}.skip-link:focus{left:10px}
.site-header{background:rgba(255,255,255,.93);border-bottom:1px solid #e8eef8;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:77px}.brand{display:flex;align-items:center;gap:13px;font-size:25px;font-weight:770;letter-spacing:-1.3px;white-space:nowrap}.brand strong{color:#2666ad}.brand-mark{width:36px;height:36px;background:#215a9e;border-radius:11px;display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:4px;align-content:center;justify-content:center;box-shadow:0 8px 18px #15427625}.brand-mark span{background:white;border-radius:3px}.brand-mark span:first-child{background:#a8daff}.brand-mark span:last-child{background:#78e7cd}.site-nav{display:flex;gap:30px;color:#60728b;font-size:13px;font-weight:650}.site-nav a:hover{color:#2469ae}.header-action,.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:#245ea7;color:white;border-radius:11px;padding:12px 20px;font-weight:760;font-size:13px;box-shadow:0 10px 18px #1f6db522}.header-action:hover,.primary-button:hover{background:#174b8e}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:81px;padding-bottom:99px;min-height:515px}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-flex;gap:10px;align-items:center;background:#e8f2fc;color:#3268a5;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:790}.sparkle{color:#168a8c}.hero h1{font-size:clamp(40px,5.3vw,69px);line-height:1.09;letter-spacing:-3.4px;margin:29px 0 20px;color:#102b49}.hero h1 span{color:#2478c7}.hero-copy>p{max-width:540px;color:#627b95;line-height:1.8;font-size:17px;margin:0 0 31px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.primary-button{font-size:15px;padding:16px 22px;border-radius:13px}.hero-caption{color:#8498a9;font-size:12px;font-weight:600}
.hero-art{min-height:355px;display:grid;place-items:center;position:relative;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:18px 22px;background:radial-gradient(circle at 50% 50%,#b8deff7a,transparent 60%);filter:blur(16px);z-index:-1}.orbit{position:absolute;border:1px dashed #b8d6ee;border-radius:50%;height:280px;width:280px}.orbit-two{height:340px;width:340px;transform:rotate(35deg);border-color:#d0e2f3}.art-center{background:white;box-shadow:0 20px 60px #254c7e20;border:1px solid #e0ecf8;border-radius:30px;width:188px;height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;text-align:center;transform:rotate(-5deg)}.art-center .art-logo{color:#2a7ac2;font-size:28px}.art-center strong{font-size:24px;line-height:1.15;letter-spacing:-.7px;color:#20466f}.art-center>span:last-child{font-size:11px;color:#8a9cb0}.floating-app{position:absolute;display:grid;place-items:center;width:70px;height:70px;background:white;border:1px solid #e6effa;border-radius:21px;box-shadow:0 12px 25px #173d611a;font-size:32px}.app-one{left:13%;top:8%;transform:rotate(-10deg)}.app-two{right:8%;top:16%;transform:rotate(11deg)}.app-three{right:12%;bottom:14%;transform:rotate(-13deg)}.app-four{left:8%;bottom:18%;transform:rotate(9deg)}.app-five{right:3%;top:47%;width:55px;height:55px;font-size:25px}.art-spark{position:absolute;color:#6ab5e1;font-size:23px}.art-spark-one{left:32%;top:0}.art-spark-two{right:25%;bottom:3%}
.catalogue-wrap{background:white;padding:79px 0 94px;border-top:1px solid #e9eef5}.catalogue-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:30px}.section-kicker{color:#4587bb;font-size:11px;font-weight:850;letter-spacing:2.2px}.catalogue-top h2{font-size:clamp(28px,3.3vw,42px);letter-spacing:-1.6px;color:#143653;margin:13px 0 10px}.section-dot{color:#2b8de1}.catalogue-top p{color:#7b8fa5;margin:0;font-size:14px}.catalogue-count{display:flex;gap:11px;align-items:center;color:#6f88a1;border:1px solid #e3edf8;border-radius:17px;background:#f9fcff;padding:12px 18px}.catalogue-count strong{font-size:32px;color:#246ab2}.catalogue-count span{font-size:11px;line-height:1.45;font-weight:650}
.filters-panel{background:#f6faff;border:1px solid #e2edf9;border-radius:20px;padding:18px 20px;margin-bottom:38px}.search-wrapper{height:57px;display:flex;align-items:center;background:white;border:1px solid #d9e7f7;border-radius:12px;padding:0 16px;gap:12px}.search-wrapper svg{width:21px;height:21px;color:#6192c0;flex-shrink:0}.search-wrapper input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:#173c63}.search-wrapper input::placeholder{color:#9aabba}.search-key{background:#f1f6fb;border:1px solid #e0eaf5;border-radius:6px;color:#8ea4b7;padding:2px 7px;font-size:12px}.filters-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px}.category-list{display:flex;gap:8px;flex-wrap:wrap}.category-button{border:1px solid #d9e8f7;border-radius:999px;padding:9px 13px;background:white;color:#54728f;font-size:12px;font-weight:700}.category-button.active{background:#205f9f;color:white;border-color:#205f9f}.result-count{white-space:nowrap;font-size:12px;color:#8ca0b3}.app-section{padding-top:13px;margin-bottom:44px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.section-heading h3{font-size:23px;letter-spacing:-.65px;margin:0 0 7px;color:#173653}.section-heading p{margin:0;color:#8195a7;font-size:13px}.section-count{font-size:12px;color:#5b799b;background:#edf5fd;padding:8px 11px;border-radius:99px;white-space:nowrap}
.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e4ecf5;background:#fff;border-radius:18px;padding:22px;min-height:235px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.app-card:hover{transform:translateY(-3px);border-color:#bddcf6;box-shadow:0 14px 30px #2a679311}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.app-icon{width:55px;height:55px;background:#eff6fd;border-radius:17px;display:grid;place-items:center;font-size:29px}.status-label{font-size:10px;font-weight:820;padding:7px 9px;border-radius:99px;white-space:nowrap}.status-online{background:#e6f8ef;color:#247356}.status-test{background:#eaf3fe;color:#276bac}.status-development{background:#fff5e5;color:#956919}.status-future{background:#f1f3f7;color:#66788d}.app-name{font-size:19px;letter-spacing:-.5px;color:#193d60;margin:18px 0 9px}.app-description{margin:0 0 22px;color:#7890a4;line-height:1.65;font-size:13px;flex:1}.card-bottom{border-top:1px solid #edf1f7;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.app-category{font-size:11px;color:#94a4b4;font-weight:650}.card-link{font-size:12px;color:#206bb1;font-weight:800;white-space:nowrap}.card-link:hover{text-decoration:underline}.link-arrow{font-size:17px;margin-left:5px}.card-coming{font-size:11px;color:#9aa6b2}
.empty-state{padding:60px 20px;text-align:center;border:1px dashed #cfdef0;border-radius:18px}.empty-icon{font-size:37px}.empty-state h3{color:#1a4263}.empty-state p{color:#79899d}.reset-button{padding:12px 17px;border:0;border-radius:9px;background:#2469b5;color:white;font-weight:750}
.closing-section{display:flex;align-items:center;gap:22px;padding-top:70px;padding-bottom:80px}.closing-icon{display:grid;place-items:center;width:78px;height:78px;flex-shrink:0;background:#e7f4ff;color:#2277c5;font-size:34px;border-radius:25px}.closing-section h2{font-size:24px;letter-spacing:-.5px;margin:0 0 10px}.closing-section p{color:#8293a3;margin:0;line-height:1.7}.site-footer{background:#122f4d;color:#afc5d8;padding:32px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px}.footer-inner>div{display:flex;flex-direction:column;gap:5px}.footer-inner strong{color:white;font-size:17px}.footer-inner span,.footer-inner p{font-size:12px;margin:0}.no-js{background:#fff4d6;padding:15px;text-align:center}
@media(max-width:930px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{min-height:320px}.hero{gap:8px}.site-nav{gap:14px}}@media(max-width:720px){.container{width:calc(100% - 32px)}.site-nav{display:none}.header-inner{min-height:64px}.header-action{font-size:12px;padding:10px 12px}.brand{font-size:22px}.hero{display:block;padding:57px 0 60px;min-height:0}.hero h1{font-size:42px;letter-spacing:-2px}.hero-copy>p{font-size:15px}.hero-art{display:none}.catalogue-wrap{padding:50px 0 65px}.catalogue-top{align-items:flex-start}.catalogue-top h2{font-size:30px}.catalogue-count{padding:8px 10px}.catalogue-count strong{font-size:25px}.catalogue-count span{font-size:9px}.filters-panel{padding:13px}.search-wrapper{height:53px}.search-key{display:none}.filters-bottom{display:block}.result-count{display:block;margin-top:13px}.app-grid{grid-template-columns:1fr}.app-card{min-height:215px}.closing-section{padding:55px 0}.closing-icon{width:58px;height:58px;font-size:27px}.closing-section h2{font-size:20px}.footer-inner{align-items:flex-start;flex-direction:column}.section-heading h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-card{transition:none}.app-card:hover{transform:none}}