/* Scoped, progressively enhanced homepage. All content is visible without JavaScript. */
#home-cinema{background:#080f22;color:#eaf1ff;isolation:isolate;overflow:clip}
#home-cinema .onelife-introduction{background:radial-gradient(ellipse at 80% 0%,#143c4a80,transparent 65%),#0b1729;color:#e0eaf6;border-color:#9bcfff20;padding-block:clamp(48px,7vw,96px)}
#home-cinema .onelife-introduction h2{color:#f2f8ff;text-shadow:0 0 35px #7ecaff25}#home-cinema .onelife-introduction p{color:#bfcddd}
#home-cinema .collection-strip{border-color:#a3c7ff20;color:#b9cce0;background:#0c1828}#home-cinema .collection-strip>span:first-child{color:#9fe5e0}
.cinema-collection-scene{position:relative;isolation:isolate;background:linear-gradient(180deg,#0a1427,#091122 60%,#10152c)}
.cinema-atmosphere{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:0}.cinema-atmosphere-window{position:sticky;top:0;height:100svh;min-height:500px;overflow:hidden}
.cinema-atmosphere i{position:absolute;display:block;width:95%;height:90%;border-radius:50%;background:radial-gradient(ellipse,#287df5bb 0%,#1956c57a 35%,transparent 72%);left:-30%;top:-15%;animation:cinema-cloud 18s ease-in-out infinite alternate;animation-play-state:paused}
.cinema-atmosphere i:nth-child(2){left:40%;top:20%;background:radial-gradient(ellipse,#a15de4aa 0%,#673cbf70 35%,transparent 72%);animation-duration:24s;animation-delay:-12s}.cinema-atmosphere i:nth-child(3){left:10%;top:50%;background:radial-gradient(ellipse,#29d8c89e 0%,#167e946e 35%,transparent 70%);animation-duration:20s;animation-delay:-7s}
.cinema-stars{position:absolute;inset:-10%;opacity:.72;background-image:radial-gradient(circle at 12% 16%,#d6e8ff 0 1px,transparent 1.5px),radial-gradient(circle at 78% 31%,#b3abff 0 1px,transparent 1.5px),radial-gradient(circle at 42% 71%,#c5fff2 0 1px,transparent 1.5px),radial-gradient(circle at 85% 81%,#e4bc78 0 1px,transparent 1.5px);background-size:270px 330px,410px 390px,330px 470px,510px 610px;animation:cinema-stars 32s linear infinite alternate;animation-play-state:paused;pointer-events:none}
.cinema-collection-scene.is-near .cinema-atmosphere i,.cinema-collection-scene.is-near .cinema-stars{animation-play-state:running}
#home-cinema #apps{position:relative;isolation:isolate;z-index:1;background:transparent}#home-cinema #apps .section-intro h2{color:#f0f6ff;text-shadow:0 0 45px #71c4ff25}#home-cinema #apps .section-intro .eyebrow{color:#99dce3}#home-cinema #apps .section-intro>p,#home-cinema .collection-note p{color:#b5c8db}
#home-cinema #apps>.apps-features-link{color:#c5d4e8}#home-cinema #apps>.apps-features-link a{color:#b0e9ed;border-color:#b0e9ed80}#home-cinema .app-filters{color:var(--ink);box-shadow:0 10px 45px #02071640}#home-cinema .app-filter-empty{color:#e8f4ff}#home-cinema .collection-note{color:#eaf4ff}#home-cinema .collection-note .eyebrow{color:#99dce3}#home-cinema .collection-note .text-link{color:#c5f1e7;border-color:#c5f1e780}
/* Article owns entrance; inner face owns tilt. Existing filter targets stay intact. */
#apps .app-card{position:relative;overflow:visible;background:none;border:0;transform:none;transition:none;min-width:0;color:var(--ink)}#apps .app-card[hidden]{display:none!important}#apps .app-card:hover{transform:none;box-shadow:none}
.cinema-card-face{position:relative;min-height:100%;height:100%;border:1px solid #deebf0;border-radius:13px;background:#fafcfb;box-shadow:0 2px 2px #0002,0 12px 28px #0003;transform:perspective(1000px) translateY(var(--lift,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform 400ms cubic-bezier(.16,1,.3,1),border-color .35s;isolation:isolate}
.cinema-card-face>.card-image{border-radius:12px 12px 0 0}.cinema-card-face>.card-body{position:relative;border-radius:0 0 12px 12px;transform:translateZ(0);transition:transform .4s ease-out}
.cinema-card-face::before,.cinema-card-face::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;z-index:3}.cinema-card-face::before{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,20%),#efffff55,transparent 45%);mix-blend-mode:soft-light}.cinema-card-face::after{box-shadow:0 0 0 1px #a7efff66,0 22px 48px #02081666,0 0 28px #7db3ff24;z-index:-1}
#apps .app-card:hover img{transform:none}#apps .card-image img{transition:filter .4s ease-out;transform:none}#apps .app-card:focus-within .cinema-card-face{border-color:#9dcaee}#apps .app-card:focus-within{z-index:2}
/* Normalized SVG paths keep the bright head and tail on every card perimeter.
   Raise the edge above the 3D card body; CSS hover/focus works without pointer tracking. */
.cinema-edge{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:6;opacity:0;transition:opacity .2s;border-radius:inherit;transform:translateZ(24px)}
.cinema-edge rect{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:cinema-lap 3s linear infinite;animation-play-state:paused}
.cinema-edge .cinema-edge-glow{stroke:#40dfff;stroke-width:9;stroke-dasharray:95 905;opacity:.65;filter:blur(4px)}
.cinema-edge .cinema-edge-trail{stroke:#64dcff;stroke-width:3;stroke-dasharray:85 915;filter:drop-shadow(0 0 5px #38cfff)}
.cinema-edge .cinema-edge-head{stroke:#ffffff;stroke-width:3.2;stroke-dasharray:25 975;filter:drop-shadow(0 0 4px #b8f7ff)}
#apps .app-card:hover .cinema-edge,#apps .app-card:focus-within .cinema-edge{opacity:1}
#apps .app-card:hover .cinema-edge rect,#apps .app-card:focus-within .cinema-edge rect{animation-play-state:running}
@media(hover:hover) and (pointer:fine){#apps .app-card.is-pointed{z-index:3}#apps .app-card.is-pointed .cinema-card-face{--lift:-8px;transition-duration:100ms;border-color:#bae5f6}#apps .app-card.is-pointed .cinema-card-face::before,#apps .app-card.is-pointed .cinema-card-face::after,#apps .app-card.is-pointed .cinema-edge{opacity:1}#apps .app-card.is-pointed .card-body{transform:translateZ(10px)}#apps .app-card.is-pointed .card-image img{filter:brightness(1.06) drop-shadow(0 0 8px #a1d9ff55)}#apps .app-card.is-pointed .cinema-edge rect{animation-play-state:running}#apps .app-card .card-body h3 span{display:inline-block;transition:translate .35s}#apps .app-card.is-pointed .card-body h3 span{translate:3px 0}}
.cinema-cursor{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:5}.cinema-cursor i{position:absolute;left:0;top:0;width:54px;height:54px;margin:-27px;border-radius:50%;background:radial-gradient(circle,#ffffff 0 4%,#bffbffef 9%,#52dbffe6 19%,#4b9eff88 38%,transparent 72%);filter:drop-shadow(0 0 7px #50dfff99);opacity:0;pointer-events:none}
#home-cinema .services-teaser{position:relative;background:linear-gradient(115deg,#123c3e,#142942 55%,#292746);border:1px solid #a1d5db30;box-shadow:0 16px 60px #02061150}
.cinema-finale{position:relative;isolation:isolate;min-height:540px;display:grid;place-items:center;padding:100px 24px;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 60%,#173d5e80,transparent 60%),linear-gradient(#080f22,#080e19);border-top:1px solid #a2d5ff15}.cinema-finale::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 65%,#3a397e60,transparent 45%),radial-gradient(ellipse at 80% 50%,#12555355,transparent 45%);opacity:.6;animation:cinema-cloud 28s ease-in-out infinite alternate;animation-play-state:paused;z-index:-1}
.cinema-finale-core{position:absolute;left:50%;top:50%;width:min(600px,90%);height:260px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#b8e9ff30,#5c91dc20 35%,transparent 70%);pointer-events:none}.cinema-finale-orbit{position:absolute;inset:0;pointer-events:none}.cinema-finale-orbit i{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#d8f8ff;box-shadow:0 0 12px 2px #8fcaff88;opacity:.55;transform:rotate(var(--angle)) translateX(clamp(125px,27vw,360px));animation:cinema-orbit 24s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-2s);animation-play-state:paused}
.cinema-finale-copy{position:relative;z-index:1}.cinema-finale .eyebrow{color:#9bcedc;font-size:10px;letter-spacing:.25em}.cinema-finale h2{font-size:clamp(32px,6vw,80px);font-weight:700;letter-spacing:-.055em;color:#f1faff;text-shadow:0 0 34px #96cfff45;margin:26px 0 18px}.cinema-finale p{font-size:clamp(16px,2.2vw,23px);color:#c5d4e7;letter-spacing:.015em}.cinema-top{display:inline-flex;align-items:center;gap:24px;min-height:44px;margin-top:32px;color:#b7dfe9;font-size:12px;letter-spacing:.08em;border-bottom:1px solid #8dbbc355}.cinema-top:hover{color:white;border-color:#fff}.cinema-finale.is-near::before,.cinema-finale.is-near .cinema-finale-orbit i{animation-play-state:running}
#home-cinema.cinema-paused *{animation-play-state:paused!important}#home-cinema.cinema-lite .cinema-stars{display:none}#home-cinema.cinema-lite .cinema-atmosphere i{animation:none;opacity:.65}
@keyframes cinema-cloud{from{transform:translate3d(-8%,-6%,0) scale(.96)}to{transform:translate3d(15%,12%,0) scale(1.16)}}@keyframes cinema-stars{to{transform:translate3d(14px,-28px,0)}}@keyframes cinema-lap{to{stroke-dashoffset:-1000}}@keyframes cinema-orbit{to{transform:rotate(var(--angle)) translateX(clamp(115px,24vw,330px)) translateY(12px);opacity:.25}}
@media(max-width:700px){.cinema-finale{min-height:420px;padding:80px 20px}.cinema-finale-orbit i{width:3px;height:3px}.cinema-card-face{box-shadow:0 8px 24px #0003}#home-cinema .section{padding-block:60px}#home-cinema .collection-strip{font-size:11px}}
@media(hover:none),(pointer:coarse){.cinema-cursor,.cinema-edge{display:none}.cinema-card-face{transform:none!important}.app-card.cinema-seen .cinema-card-face{border-color:#b9d9e3}.cinema-card-face>.card-body{transform:none!important}}
@media(prefers-reduced-motion:reduce){#home-cinema *,#home-cinema *::before,#home-cinema *::after{animation:none!important;transition:none!important}#apps .app-card,#apps .cinema-card-face,#apps .cinema-card-face>.card-body{transform:none!important;filter:none!important;opacity:1!important}.cinema-cursor{display:none}.cinema-edge rect{animation:none!important}}

#home-cinema .home-calculator-links{margin:0 0 24px;color:#c5d4e8}#home-cinema .home-calculator-links h3{margin:0 0 12px;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:normal}#home-cinema .home-calculator-links>div{display:flex;flex-wrap:wrap;gap:12px 28px}#home-cinema .home-calculator-links .text-link{color:#b0e9ed;border-color:#b0e9ed80;text-transform:none;padding:8px 0}#home-cinema .home-calculator-links a:focus-visible{outline:2px solid #b0e9ed;outline-offset:5px}

#home-cinema .home-calculator-links,#home-cinema #apps>.apps-features-link{text-align:center}#home-cinema .home-calculator-links>div{justify-content:center}