.app-showcase{max-width:1200px;margin:0 auto}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 32px;padding:16px 0;border-block:1px solid var(--glass-border)}.app-filters{display:flex;flex-wrap:wrap;gap:6px}.app-filters button,.motion-toggle{font-size:13px;color:var(--text-secondary);border-radius:100px;padding:10px 16px;transition:.2s;border:1px solid transparent}.app-filters button.selected{color:var(--text-accent);background:#3b82f621;border-color:#3b82f647}.app-filters span{font-size:10px;margin-left:8px;opacity:.7}.motion-toggle{border-color:var(--glass-border);white-space:nowrap}.motion-toggle:hover,.store-link:hover{background:#3b82f626}#app-gallery{display:grid;gap:56px}.app-stage{border:1px solid var(--glass-border);border-radius:24px;background:color-mix(in srgb,var(--bg-primary) 90%,transparent);overflow:hidden;box-shadow:0 16px 70px #0000001f;transition:border-color .35s,box-shadow .35s}.app-stage:hover{border-color:#3b82f666;box-shadow:0 20px 80px #3b82f614}.app-stage-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;gap:20px}.app-index{display:block;font-family:monospace;font-size:10px;letter-spacing:.15em;color:var(--text-accent);margin-bottom:7px}.app-title{font-size:24px;font-weight:650;letter-spacing:-.04em;color:var(--text-primary)}.app-status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary);white-space:nowrap}.app-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d39955}.app-status.upcoming:before{background:#fbbf24}.app-preview{display:block;position:relative;overflow:hidden;background:#0c1420;border-block:1px solid var(--glass-border)}.app-preview-image{display:block;width:100%;height:auto;aspect-ratio:24/13;object-fit:contain;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.app-preview:hover img{transform:scale(1.015)}.preview-hint{position:absolute;right:20px;bottom:18px;padding:8px 12px;background:#050810cc;color:#dbeafe;border:1px solid #ffffff22;border-radius:20px;font-size:10px;backdrop-filter:blur(12px);opacity:0;transform:translateY(5px);transition:.25s}.app-preview:hover .preview-hint,.app-preview:focus-visible .preview-hint{opacity:1;transform:none}.app-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:28px 30px}.app-summary{max-width:610px}.app-subtitle{font-size:19px;font-weight:600;letter-spacing:-.025em;color:var(--text-primary);margin-bottom:8px}.app-description{font-size:13px;line-height:1.8;color:var(--text-secondary)}.app-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.app-chips span{font-size:10px;padding:4px 9px;border-radius:5px;color:var(--text-accent);background:#3b82f614;border:1px solid #3b82f626}.app-store-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:330px;flex-shrink:0}.store-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:11px 15px;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);font-size:12px;transition:.2s}.store-icon{color:var(--text-accent);font-size:18px}.store-arrow{color:var(--text-secondary);margin-left:10px}.launch-note{font-size:12px;color:var(--text-secondary);padding:12px 0}.showcase-note{margin-top:30px;text-align:center;font-family:monospace;font-size:10px;color:var(--text-secondary);opacity:.7}html[data-theme=light] .app-stage{background:#ffffffe6}@media(max-width:767px){.showcase-toolbar{align-items:flex-start;gap:14px;flex-direction:column}.app-filters button,.motion-toggle{font-size:12px;padding:8px 12px}.app-stage-heading{padding:20px;gap:10px}.app-title{font-size:21px}.app-index{font-size:8px}.app-status{font-size:10px}.app-stage-bottom{flex-direction:column;align-items:stretch;padding:22px 20px;gap:22px}.app-store-links{justify-content:flex-start;max-width:none}.app-stage{border-radius:18px}#app-gallery{gap:30px}.preview-hint{display:none}.app-subtitle{font-size:18px}.app-description{font-size:12px}}@media(prefers-reduced-motion:reduce){.app-preview-image,.app-stage{transition:none!important}}

@media(max-width:600px){.app-preview-image{height:min(100vw,420px);aspect-ratio:auto;object-fit:cover;object-position:right center}}

#contact a.glass-card p:last-child{color:var(--text-secondary)!important;opacity:1!important;font-size:12px;overflow-wrap:anywhere}
/* Portrait: clear face, restrained blue edge light and slow ambient movement. */
#about .about-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:48px;align-items:center}#about .about-layout>div:first-child{grid-column:auto}.about-portrait-column{width:100%;gap:24px!important}.developer-photo-frame{width:100%;max-width:360px;position:relative;isolation:isolate;border-radius:32px 32px 100px 32px;border:1px solid #3b82f63d;background:#172336;box-shadow:0 20px 70px #00000030;animation:portrait-breathe 9s ease-in-out infinite}.developer-photo{display:block;width:100%;height:auto;aspect-ratio:4/4.7;object-fit:cover;object-position:50% 35%;border-radius:inherit;position:relative;z-index:1}.developer-photo-glow{position:absolute;inset:-20px;background:radial-gradient(ellipse at 80% 80%,#3b82f630,transparent 65%);filter:blur(24px);z-index:-1;animation:portrait-glow 12s ease-in-out infinite alternate}.developer-photo-shade{position:absolute;inset:0;border-radius:inherit;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 65%,#06142724 100%),linear-gradient(90deg,#3b82f608,transparent 15%,transparent 85%,#3b82f60a)}.about-statistics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;text-align:center}.about-statistics>div:not(.text-center){display:none}.about-statistics .text-center>div{font-size:26px!important}.about-statistics p{font-size:10px!important;line-height:1.5}.about-statistics .text-center{padding-top:16px;border-top:1px solid var(--glass-border)}@keyframes portrait-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes portrait-glow{from{opacity:.5;transform:translate(0,0)}to{opacity:.9;transform:translate(8px,-10px)}}@media(max-width:767px){#about .about-layout{grid-template-columns:1fr;gap:32px}.about-portrait-column{max-width:360px;margin:auto}.developer-photo-frame{max-width:290px}.about-statistics .text-center>div{font-size:25px!important}}@media(prefers-reduced-motion:reduce){.developer-photo-frame,.developer-photo-glow{animation:none!important}}
/* Original-resolution screenshots animated individually instead of a compressed GIF. */
.hd-stage{display:flex;align-items:center;justify-content:center;gap:24px;padding:55px 38px;min-height:520px;background:radial-gradient(ellipse at 50% 80%,#3b82f624,transparent 70%),linear-gradient(145deg,#142134,#080e19);perspective:1400px;overflow:hidden}.hd-screen{display:block;width:27%;max-width:270px;flex:0 0 auto;border-radius:18px;overflow:hidden;box-shadow:0 24px 45px #00000050;border:1px solid #ffffff24;transition:box-shadow .4s;animation:hd-float 9s ease-in-out infinite;animation-play-state:paused;--screen-angle:0deg;--screen-lift:0px;transform:translateY(var(--screen-lift)) rotate(var(--screen-angle))}.hd-screen-0{--screen-angle:-6deg;--screen-lift:10px;animation-delay:-3s}.hd-screen-1{--screen-lift:-14px;z-index:2}.hd-screen-2{--screen-angle:6deg;--screen-lift:10px;animation-delay:-6s}.hd-screen-image{display:block;width:100%;height:auto}.app-stage.in-view .hd-screen{animation-play-state:running}.motion-paused .hd-screen{animation-play-state:paused!important}.hd-screen:hover{box-shadow:0 30px 65px #3b82f640}.hd-screen:focus-visible{outline:3px solid #60a5fa;outline-offset:6px}@keyframes hd-float{0%,100%{transform:translateY(var(--screen-lift)) rotate(var(--screen-angle))}50%{transform:translateY(calc(var(--screen-lift) - 9px)) rotate(calc(var(--screen-angle) + 1deg))}}@media(max-width:767px){.hd-stage{min-height:0;padding:35px 24px;gap:16px;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#3b82f655 transparent}.hd-screen{width:66%;max-width:260px;scroll-snap-align:center;--screen-angle:0deg;--screen-lift:0px;animation-name:hd-mobile-float}.hd-screen-1{--screen-lift:0px}.hd-screen-image{width:100%;height:auto}.hd-stage:after{content:'';flex:0 0 8px}}@keyframes hd-mobile-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.hd-screen{animation:none!important;transform:none!important}}
/* Restore the owner's editorial card composition, retaining individual HD assets. */
.layered-showcase{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:35px 30px;min-height:0;overflow:hidden;aspect-ratio:24/13;background:radial-gradient(ellipse at 85% 35%,#3b82f615,transparent 65%),linear-gradient(145deg,#152333,#0b121d)}.showcase-identity{position:relative;z-index:3;padding-right:25px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #ffffff0d}.showcase-brand{display:flex;align-items:center;gap:15px;margin-bottom:22px}.showcase-logo{width:48px;height:48px;object-fit:cover;border-radius:12px}.showcase-kicker{font-size:9px;letter-spacing:.07em;font-family:monospace;color:#adc8eb}.showcase-name{font-size:clamp(30px,4vw,64px);font-weight:750;letter-spacing:-.045em;color:#f1f5f9;line-height:1.1;margin:0 0 15px}.showcase-tagline{font-size:clamp(18px,2.2vw,32px);line-height:1.3;font-weight:600;color:#b7d6ff;margin-bottom:20px}.showcase-detail{font-size:clamp(11px,1.15vw,15px);line-height:1.7;color:#b9c5d4;max-width:420px;margin-bottom:25px}.showcase-platform{display:block;font-size:9px;letter-spacing:.07em;color:#b7d6ff;border-top:1px solid #adc8eb40;padding-top:16px}.showcase-screen-deck{display:flex;align-items:center;justify-content:center;position:relative;padding-left:10px;min-width:0}.layered-showcase .hd-screen{width:45%;max-width:245px;flex:0 0 auto;border-radius:12px;animation-name:hd-float;margin-left:-15%;box-shadow:0 20px 35px #00000045}.layered-showcase .hd-screen:first-child{margin-left:0;--screen-angle:-7deg;--screen-lift:15px;z-index:1}.layered-showcase .hd-screen-1{--screen-angle:0deg;--screen-lift:-12px;z-index:3}.layered-showcase .hd-screen-2{--screen-angle:7deg;--screen-lift:15px;z-index:2}.layered-showcase:after{display:none}@media(min-width:1200px){.layered-showcase{padding:45px}.showcase-logo{width:64px;height:64px}.showcase-brand{margin-bottom:30px}.showcase-kicker,.showcase-platform{font-size:11px}.showcase-detail{font-size:16px}}@media(max-width:600px){.layered-showcase{grid-template-columns:1fr;aspect-ratio:auto;padding:25px 22px 35px;overflow:hidden;scroll-snap-type:none}.showcase-identity{padding:0;border:0}.showcase-brand{margin-bottom:15px}.showcase-logo{width:38px;height:38px;border-radius:10px}.showcase-name{font-size:35px;margin-bottom:9px}.showcase-tagline{font-size:21px;margin-bottom:25px}.showcase-detail,.showcase-platform{display:none}.showcase-screen-deck{padding:18px 0 0;min-height:300px}.layered-showcase .hd-screen{width:44%;margin-left:-16%;border-radius:10px}.layered-showcase .hd-screen:first-child{margin-left:0;--screen-lift:6px}.layered-showcase .hd-screen-1{--screen-lift:-10px}.layered-showcase .hd-screen-2{--screen-lift:6px}}