.app-showcase{z-index:1;background:radial-gradient(circle at 50% 0%, #fff4d699, transparent 55%), var(--bg);padding:clamp(4rem,9vw,7rem) clamp(1.2rem,5vw,4rem) clamp(3.5rem,8vw,6rem);position:relative}.showcase-head{text-align:center;max-width:46rem;margin:0 auto}.showcase-head h2{letter-spacing:.06em;color:var(--ink);margin:.6rem 0 0;font-size:clamp(1.9rem,4.6vw,2.9rem)}.showcase-highlights{letter-spacing:.08em;color:var(--green-deep);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.1rem;margin:1.2rem 0 0;padding:0;font-size:clamp(.92rem,2vw,1.05rem);font-weight:600;list-style:none;display:flex}.showcase-highlights li{align-items:center;display:inline-flex;position:relative}.showcase-highlights li:not(:last-child):after{content:"✦";color:var(--gold);margin-left:1.1rem;font-size:.7em}.showcase-stage{max-width:var(--max);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,2.4rem);margin:clamp(2.5rem,6vw,4rem) auto 0;display:grid}.showcase-cards{flex-direction:column;gap:clamp(1rem,2.4vw,1.6rem);display:flex}.showcase-cards-left{align-items:flex-end}.showcase-cards-left>div,.showcase-cards-right>div{width:100%;max-width:20rem}.app-showcase .phone-shell{justify-self:center}.showcase-card{border-radius:var(--radius-card);border:1px solid var(--border);background:var(--card-strong);box-shadow:var(--soft-shadow);align-items:center;gap:.9rem;padding:.85rem 1rem;transition:transform .3s,box-shadow .3s;display:flex}.showcase-card:hover{box-shadow:var(--cream-shadow);transform:translateY(-3px)}.showcase-card-thumb{border:1px solid var(--border);border-radius:16px;flex:none;width:56px;height:56px;position:relative;overflow:hidden}.showcase-card-thumb img{object-fit:cover}.showcase-card-body{min-width:0}.showcase-card-head{color:var(--green);align-items:center;gap:.45rem;display:flex}.showcase-card-head b{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;font-weight:700;display:inline-flex}.showcase-card-head strong{letter-spacing:.04em;color:var(--ink);font-size:1.06rem}.showcase-card-body small{color:var(--body);margin-top:.25rem;padding-left:calc(20px + .45rem);font-size:.86rem;display:block}.showcase-cta{text-align:center;flex-direction:column;align-items:center;gap:.9rem;margin-top:clamp(2.5rem,6vw,4rem);display:flex}.showcase-cta-button{padding:1rem 2.2rem;font-size:1.1rem}.showcase-cta>p{letter-spacing:.04em;color:var(--muted);margin:0;font-size:.95rem}@media (max-width:900px){.showcase-stage{flex-direction:column;align-items:center;display:flex}.app-showcase .phone-shell{order:-1}.showcase-cards{width:100%;max-width:34rem}.showcase-cards-left{align-items:stretch}.showcase-cards-left>div,.showcase-cards-right>div{max-width:none}}@media (min-width:560px) and (max-width:900px){.showcase-cards{grid-template-columns:1fr 1fr;max-width:40rem;display:grid}}@media (prefers-reduced-motion:reduce){.app-showcase .phone-shell{animation:none}}
.sj{isolation:isolate;height:600svh;position:relative}.sj-stage{z-index:0;background:#12203a;height:100svh;position:sticky;top:0;overflow:clip}.sj-scene{will-change:opacity;position:absolute;inset:0}.sj-scene-plate{will-change:transform;position:absolute;inset:0}.sj-scene-plate img{object-fit:cover}.sj-scene-scrim{pointer-events:none;background:linear-gradient(#121c2e47 0%,#0000 22% 62%,#121c2e52 100%);position:absolute;inset:0}.sj-copy{z-index:6;color:#fff;text-shadow:0 2px 20px #0c14248c;width:min(90vw,30rem);position:absolute;bottom:12%}.sj-copy-left{left:clamp(1.4rem,7vw,6.5rem)}.sj-copy-right{text-align:right;right:clamp(1.4rem,7vw,6.5rem)}.sj-copy-center{text-align:center;left:50%;transform:translate(-50%)}.sj-index{letter-spacing:.3em;color:#ffffffb3;font-size:.9rem;font-weight:700}.sj-feature{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.08em;background:#ffffff29;border:1px solid #ffffff47;align-items:center;gap:.45rem;margin-top:.7rem;padding:.34rem .9rem;font-size:.86rem;font-weight:600;display:inline-flex}.sj-copy-right .sj-feature{flex-direction:row-reverse}.sj-copy h2{font-family:var(--font-heading), "Noto Serif TC", serif;letter-spacing:.08em;color:#fff;margin:.9rem 0 0;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:700;line-height:1.2}.sj-body{color:#ffffffeb;margin:.8rem 0 0;font-size:clamp(1rem,2vw,1.16rem);line-height:1.9}.sj-subtitle{letter-spacing:.08em;color:#ffffffe0;margin:.55rem 0 0;font-size:clamp(.98rem,2vw,1.14rem);font-weight:600}.sj-points{flex-wrap:wrap;gap:.5rem;margin:1.05rem 0 0;padding:0;list-style:none;display:flex}.sj-copy-right .sj-points{justify-content:flex-end}.sj-points li{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.05em;color:#fffffff2;background:#0c142452;border:1px solid #ffffff52;padding:.32rem .85rem;font-size:.85rem;font-weight:500}.sj-rail{z-index:9;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.sj-rail-track{background:#ffffff47;border-radius:2px;width:2px;height:34vh;position:relative;overflow:hidden}.sj-rail-track i{background:#fff;border-radius:2px;position:absolute;inset:0 0 auto}.sj-rail-count{flex-direction:column;justify-content:space-between;padding:2px 0;display:flex;position:absolute;inset:0}.sj-rail-count b{background:#fff9;border-radius:50%;width:6px;height:6px;margin-left:-2px}.sj-cue{z-index:9;color:#fff;letter-spacing:.16em;text-shadow:0 1px 10px #0c142499;flex-direction:column;align-items:center;gap:.3rem;font-size:.8rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.sj-cue svg{animation:2s ease-in-out infinite sj-cue}@keyframes sj-cue{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.sj-fx{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sj-sun{mix-blend-mode:screen;background:radial-gradient(circle,#fff4d6bf,#ffe2aa33 45%,#0000 70%);border-radius:50%;width:34vmin;height:34vmin;animation:7s ease-in-out infinite sj-pulse;position:absolute;top:24%;right:26%}.sj-ray{transform-origin:50% 0;mix-blend-mode:screen;background:linear-gradient(#fff4d647,#0000 70%);width:14vmin;height:140%;animation:9s ease-in-out infinite sj-ray-breathe;position:absolute;top:-20%;left:50%}.sj-ray:nth-child(2){animation-delay:1.5s;transform:rotate(14deg)}.sj-ray:nth-child(3){animation-delay:3s;transform:rotate(-12deg)}.sj-ray:nth-child(4){animation-delay:4.5s;transform:rotate(6deg)}.sj-fx-forest .sj-ray{left:34%}.sj-ray-green{background:linear-gradient(#e8f6c84d,#0000 72%)}.sj-ray-warm{background:linear-gradient(#ffe2af57,#0000 72%)}@keyframes sj-ray-breathe{0%,to{opacity:.5}50%{opacity:.9}}@keyframes sj-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.sj-shimmer{opacity:.6;background:repeating-linear-gradient(#ffffff0f 0 3px,#0000 3px 9px);animation:5s ease-in-out infinite sj-shimmer;position:absolute;inset:62% 0 0;-webkit-mask-image:radial-gradient(120% 80% at 50% 60%,#000,#0000 72%);mask-image:radial-gradient(120% 80% at 50% 60%,#000,#0000 72%)}@keyframes sj-shimmer{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.7;transform:translateY(-3px)}}.sj-star{background:#fff;border-radius:50%;width:3px;height:3px;animation:3.4s ease-in-out infinite sj-twinkle;position:absolute;box-shadow:0 0 5px 1px #ffffffb3}.sj-star:first-child{animation-delay:0s;top:14%;left:12%}.sj-star:nth-child(2){animation-delay:.5s;top:22%;left:24%}.sj-star:nth-child(3){animation-delay:1s;top:10%;left:38%}.sj-star:nth-child(4){animation-delay:1.6s;top:18%;left:52%}.sj-star:nth-child(5){animation-delay:.3s;top:8%;left:63%}.sj-star:nth-child(6){animation-delay:2.1s;top:20%;left:74%}.sj-star:nth-child(7){animation-delay:1.3s;top:12%;left:86%}.sj-star:nth-child(8){animation-delay:2.6s;top:32%;left:18%}.sj-star:nth-child(9){animation-delay:.8s;top:30%;left:46%}.sj-star:nth-child(10){animation-delay:1.9s;top:34%;left:68%}.sj-star:nth-child(11){animation-delay:3s;top:30%;left:82%}.sj-star:nth-child(12){animation-delay:1.1s;top:40%;left:30%}.sj-star:nth-child(13){animation-delay:2.3s;top:42%;left:58%}.sj-star:nth-child(14){animation-delay:.6s;top:38%;left:90%}@keyframes sj-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.sj-emberglow{mix-blend-mode:screen;background:radial-gradient(circle,#ffa85c66,#0000 68%);border-radius:50%;width:30vmin;height:24vmin;margin-left:-15vmin;animation:2.4s ease-in-out infinite sj-flicker;position:absolute;bottom:20%;left:50%}@keyframes sj-flicker{0%,to{opacity:.7;transform:scale(1)}40%{opacity:1;transform:scale(1.05)}70%{opacity:.85;transform:scale(.98)}}.sj-ember{background:#ffd08a;border-radius:50%;width:4px;height:4px;animation:4s ease-in infinite sj-ember-rise;position:absolute;bottom:26%;left:50%;box-shadow:0 0 6px 2px #ffaa5a99}.sj-ember:first-child{margin-left:-20px;animation-delay:0s}.sj-ember:nth-child(2){margin-left:8px;animation-delay:.8s}.sj-ember:nth-child(3){margin-left:-4px;animation-delay:1.6s}.sj-ember:nth-child(4){margin-left:18px;animation-delay:2.4s}.sj-ember:nth-child(5){margin-left:-14px;animation-delay:3.2s}.sj-ember:nth-child(6){margin-left:2px;animation-delay:1.2s}.sj-ember:nth-child(7){margin-left:14px;animation-delay:2s}@keyframes sj-ember-rise{0%{opacity:0;transform:translate(0)scale(1)}15%{opacity:1}to{opacity:0;transform:translate(-14px,-22vh)scale(.3)}}.sj-butterfly,.sj-mote{border-radius:50%;position:absolute}.sj-mote{background:radial-gradient(circle,#fff6e0f2,#0000 70%);width:6px;height:6px;animation:11s linear infinite sj-mote-float;box-shadow:0 0 8px 2px #ffe8c880}.sj-mote:nth-child(4){animation-delay:0s;bottom:30%;left:20%}.sj-mote:nth-child(5){animation-delay:2.5s;bottom:24%;left:44%}.sj-mote:nth-child(6){animation-delay:5s;bottom:34%;left:66%}.sj-mote:nth-child(7){animation-delay:7.5s;bottom:26%;left:80%}.sj-butterfly{background:#ffe0ece6;width:12px;height:10px;animation:14s ease-in-out infinite sj-butterfly-flit;box-shadow:-7px 0 0 -1px #ffd2e4d9}.sj-butterfly:first-child{animation-delay:0s;top:46%;left:28%}.sj-butterfly:nth-child(2){animation-delay:3.5s;top:40%;left:58%}.sj-butterfly:nth-child(3){animation-delay:7s;top:52%;left:72%}.sj-butterfly:nth-child(4){animation-delay:10.5s;top:56%;left:42%}@keyframes sj-mote-float{0%{opacity:0;transform:translate(0)}12%{opacity:.9}to{opacity:0;transform:translate(8vw,-30vh)}}@keyframes sj-butterfly-flit{0%{transform:translate(0)rotate(-4deg)}25%{transform:translate(4vw,-3vh)rotate(4deg)}50%{transform:translate(-2vw,-6vh)rotate(-4deg)}75%{transform:translate(3vw,-2vh)rotate(4deg)}to{transform:translate(0)rotate(-4deg)}}.sj-chapel-glow{mix-blend-mode:screen;background:radial-gradient(60% 50% at 52% 46%,#ffe0a847,#0000 70%);animation:8s ease-in-out infinite sj-pulse;position:absolute;inset:0}.brand-hero{padding:clamp(8rem,16vh,11rem) clamp(1.4rem,6vw,5rem) clamp(3.5rem,8vh,6rem);position:relative}.brand-hero-inner{max-width:var(--max);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,6vw,5.5rem);margin:0 auto;display:grid}.brand-hero h1{max-width:none;font-size:clamp(2.5rem,4.8vw,4.1rem);line-height:1.22}.brand-hero-sub{font-family:var(--font-heading), "Noto Serif TC", serif;letter-spacing:.06em;color:var(--green-deep);margin:1.4rem 0 0;font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:700}.brand-hero-desc{max-width:34em;color:var(--body);margin:1rem 0 0;font-size:clamp(1rem,2vw,1.12rem);line-height:1.95}.hero-download{margin-top:1.45rem;scroll-margin-top:7rem}.download-kicker{color:var(--green-deep);letter-spacing:.04em;align-items:center;gap:.5rem;margin:0;font-size:.82rem;font-weight:800;display:flex}.download-kicker>span{background:#63a25f;border-radius:50%;width:.52rem;height:.52rem;box-shadow:0 0 0 .28rem #63a25f24}.hero-store-badges{margin-top:.72rem}.brand-hero-actions{flex-wrap:wrap;gap:.9rem;margin-top:1.8rem;display:flex}.brand-hero-moments .moment-list{margin-top:0}.soon-features{flex-wrap:wrap;justify-content:center;gap:.55rem;max-width:44rem;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.soon-features li{border-radius:var(--radius-pill);border:1px solid var(--border);letter-spacing:.05em;color:var(--green-deep);background:#fffcf4d1;padding:.45rem 1.05rem;font-size:.88rem;font-weight:700;box-shadow:0 6px 16px #3c46321a}.soon-features li small{color:var(--body);margin-top:.1rem;font-size:.76rem;font-weight:400;display:block}@media (max-width:900px){.sj-rail{display:none}.sj-copy,.sj-copy-left,.sj-copy-right{text-align:center;width:min(90vw,30rem);margin-inline:auto;bottom:9%;left:0;right:0}.sj-copy-right .sj-feature,.sj-copy .sj-feature{flex-direction:row}.sj-copy-right .sj-points,.sj-points{justify-content:center}.sj-scene-scrim{background:linear-gradient(#121c2e33 0%,#0000 30%,#121c2e80 100%)}.brand-hero-inner{grid-template-columns:1fr;gap:2.2rem}}@media (max-width:640px){.brand-hero{padding-top:7rem}.brand-hero-actions .button{flex:calc(50% - .45rem);justify-content:center}}@media (prefers-reduced-motion:reduce){.sj-sun,.sj-ray,.sj-shimmer,.sj-star,.sj-emberglow,.sj-ember,.sj-butterfly,.sj-mote,.sj-chapel-glow,.sj-cue svg{animation:none}.sj-ember,.sj-mote{display:none}}