.apps-page{--apps-navy:#102b46;--apps-ink:#11151c;--apps-cream:#fbf8f1;--apps-gold:#d8b760;--apps-coral:#df755b;--apps-mint:#dcece6}
.apps-shell{width:min(1120px,calc(100% - 36px));margin:32px auto 58px;overflow:hidden}
.apps-kicker{font:800 11px/1.7 var(--sans,system-ui);letter-spacing:.14em;text-transform:uppercase;color:#e68a70}
.apps-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;align-items:center;padding:clamp(28px,5vw,56px);background:linear-gradient(135deg,#102b46 0%,#163d5f 58%,#1e526b 100%);color:#fffaf0;border-top:6px solid var(--apps-gold);overflow:hidden}
.apps-hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#f1cf8460 0%,transparent 70%);right:-130px;top:-140px;pointer-events:none}
.apps-hero-copy{position:relative;z-index:2}.apps-hero h1{font:700 clamp(48px,7vw,78px)/.98 var(--serif,Georgia);letter-spacing:-.045em;margin:12px 0 20px}.apps-hero h1 em{color:#f1cf84}.apps-hero p{font:400 18px/1.75 var(--sans,system-ui);max-width:690px;color:#edf5f7}
.apps-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.apps-chip-row a{display:inline-flex;padding:8px 11px;border:1px solid #ffffff55;border-radius:999px;color:#fff!important;text-decoration:none;font:700 12px/1.25 var(--sans,system-ui);background:#ffffff10}
.apps-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.app-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;border:1px solid var(--apps-navy);background:var(--apps-navy);color:white!important;text-decoration:none;font:750 14px/1.4 var(--sans,system-ui);text-align:center}.app-button.gold{background:#f1cf84;border-color:#f1cf84;color:#102b46!important}.app-button.ghost{background:transparent;border-color:#ffffff80;color:#fff!important}.app-button.secondary{background:transparent;color:#102b46!important}
.apps-hero-stack{position:relative;min-height:410px}.hero-phone{position:absolute;margin:0;width:210px;padding:8px;background:#0b1d2d;border-radius:25px;box-shadow:0 22px 50px #0007}.hero-phone img{display:block;width:100%;height:auto;border-radius:18px}.hero-phone figcaption{font:800 11px/1.5 var(--sans,system-ui);letter-spacing:.08em;color:#fff;text-align:center;padding:8px 4px 3px}.hero-phone-main{left:6%;top:0;transform:rotate(-4deg);z-index:2}.hero-phone-back{right:4%;top:58px;transform:rotate(7deg);z-index:1;opacity:.92}
.moving-strip{width:100%;overflow:hidden;background:#11151c;color:#fffaf0;border-block:1px solid #11151c;margin:0 0 34px}.moving-strip-light{background:#efe6d5;color:#2e2830;border-color:#cfbfa3;margin:35px 0}.moving-strip-accent{background:#d96b53;color:#fff;margin:38px 0}.moving-track{display:flex;width:max-content;align-items:center;gap:18px;padding:13px 0;font:800 12px/1.2 var(--sans,system-ui);letter-spacing:.14em;white-space:nowrap;animation:appsTicker 26s linear infinite}.moving-track.reverse{animation-direction:reverse;animation-duration:30s}.moving-track b{color:#e7bf63;font-size:17px}.moving-strip-light .moving-track b{color:#a56f31}.moving-strip-accent .moving-track b{color:#ffe6a8}
@keyframes appsTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.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}
.start-here{padding:4px 0 26px}.section-title h2{font:700 clamp(34px,5vw,50px)/1.1 var(--serif,Georgia);letter-spacing:-.03em}.section-title p{font:400 16px/1.7 var(--sans,system-ui);color:#5b6268}.start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.start-grid a{display:flex;flex-direction:column;justify-content:space-between;gap:17px;min-height:126px;padding:18px;background:#fffaf0;border:1px solid #cfc9bd;border-top:4px solid #d8b760;text-decoration:none;color:#15202a}.start-grid strong{font:700 20px/1.2 var(--serif,Georgia)}.start-grid span{font:800 11px/1.5 var(--sans,system-ui);letter-spacing:.08em;text-transform:uppercase;color:#a44430}
.featured-app{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(28px,5vw,58px);padding:clamp(24px,4vw,42px);background:linear-gradient(135deg,#eef7f6,#fffaf0);border:1px solid #bfd3d0;border-top:5px solid #3a7b79;overflow:hidden}
.featured-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:510px}.featured-visual img{position:relative;z-index:2;width:min(250px,72%);height:auto;border-radius:24px;box-shadow:0 24px 55px #153f4940}.featured-halo{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#a8d9d480 0%,#dcece650 48%,transparent 72%);animation:haloPulse 5s ease-in-out infinite}.featured-badge{position:absolute;z-index:3;top:22px;left:14px;padding:9px 12px;border-radius:999px;background:#102b46;color:#fff;font:800 10px/1 var(--sans,system-ui);letter-spacing:.12em;animation:badgeFloat 3.5s ease-in-out infinite}
@keyframes haloPulse{0%,100%{transform:scale(.96);opacity:.75}50%{transform:scale(1.07);opacity:1}}@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.featured-copy h2{font:700 clamp(38px,5.5vw,62px)/1.02 var(--serif,Georgia);letter-spacing:-.04em;margin:12px 0 19px;color:#112f46}.featured-copy h2 em{color:#bd5e47}.featured-copy p{font:400 18px/1.75 var(--sans,system-ui);color:#43545c}.featured-copy ul{padding-left:20px;font:600 15px/1.8 var(--sans,system-ui);color:#30434b}.app-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}
.all-apps{scroll-margin-top:90px}.apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:25px 0 0}.app-card{display:grid;grid-template-columns:minmax(150px,.74fr) minmax(0,1.26fr);border:1px solid #cfc9bd;background:#fbf8f1;min-width:0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.app-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #102b4617}.app-card-visual{position:relative;background:#e8eef0;min-height:285px;display:flex;align-items:center;justify-content:center;padding:17px;box-sizing:border-box;overflow:hidden}.app-card-visual.food{background:#f5ead7}.app-card-visual.family{background:#e6eef2}.app-card-visual.support{background:#edf1e8}.app-card-visual.interactive{background:linear-gradient(145deg,#203d3a,#315f5b);color:white}.app-card-visual img{display:block;max-width:100%;max-height:345px;width:auto;height:auto;object-fit:contain}.visual-tag{position:absolute;left:12px;bottom:12px;padding:7px 9px;background:#11151ddd;color:white;font:800 9px/1.2 var(--sans,system-ui);letter-spacing:.1em}.app-card-copy{padding:24px;min-width:0}.app-status{font:800 10px/1.7 var(--sans,system-ui);letter-spacing:.11em;text-transform:uppercase;color:#a24331}.app-card h2{font:700 clamp(29px,4vw,41px)/1.1 var(--serif,Georgia);letter-spacing:-.025em;margin:9px 0 14px}.app-card p{font:400 16px/1.75 var(--sans,system-ui);color:#4d555c}.game-card{grid-template-columns:minmax(150px,.74fr) minmax(0,1.26fr)}.game-card .app-card-visual{flex-direction:column;text-align:center;gap:12px}.game-symbol{font:800 68px/1 var(--serif,Georgia);color:#f2d792}
.apps-more{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;padding:32px;background:#f2eadb;border:1px solid #d6c5a9}.apps-more h2{font:700 clamp(32px,4.5vw,47px)/1.1 var(--serif,Georgia);letter-spacing:-.03em;margin:9px 0}.apps-more p{font:400 16px/1.75 var(--sans,system-ui)}.apps-more-links{display:grid;gap:8px}.apps-more-links a{display:flex;align-items:center;min-height:48px;padding:10px 12px;border-bottom:1px solid #c5b291;font:800 14px/1.5 var(--sans,system-ui);text-decoration:none}
.apps-note{margin-top:28px;padding:22px;background:#eee7dc;border-left:4px solid #b3893e;font:500 14px/1.8 var(--sans,system-ui)}
.apps-page a:focus-visible{outline:3px solid #e09b2d;outline-offset:4px}
@media(max-width:900px){.apps-hero{grid-template-columns:1fr}.apps-hero-stack{min-height:365px;max-width:520px;width:100%;margin:auto}.hero-phone{width:190px}.hero-phone-main{left:16%}.hero-phone-back{right:15%}.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-app{grid-template-columns:1fr}.featured-visual{min-height:430px}.apps-more{grid-template-columns:1fr}}
@media(max-width:760px){.apps-grid{grid-template-columns:1fr}.app-card,.game-card{grid-template-columns:120px minmax(0,1fr)}.app-card-visual{min-height:235px;padding:11px}.app-card-copy{padding:19px}.app-card h2{font-size:29px}.apps-hero{padding:26px}.apps-hero h1{font-size:clamp(44px,12vw,58px)}}
@media(max-width:500px){.apps-shell{width:calc(100% - 32px)}.apps-hero-stack{min-height:330px}.hero-phone{width:165px}.hero-phone-main{left:7%}.hero-phone-back{right:6%;top:48px}.start-grid{grid-template-columns:1fr 1fr}.start-grid a{min-height:110px;padding:15px}.start-grid strong{font-size:18px}.app-card,.game-card{grid-template-columns:1fr}.app-card-visual{min-height:245px}.app-card-visual img{max-height:320px}.app-actions{flex-direction:column}.app-button{width:100%;box-sizing:border-box}.featured-visual{min-height:390px}.featured-visual img{width:min(235px,78%)}}
@media(prefers-reduced-motion:reduce){.moving-track,.featured-halo,.featured-badge{animation:none!important}.moving-track{transform:none!important}.moving-strip{overflow-x:auto}.app-card{transition:none}}