:root{--ap-cols:5;--ap-gap:20px;--ap-card:120px;--ap-icon:70px;--ap-icon-hover:90px;--toggle-group-width:300px;--ap-right:420px;--ap-right-h:540px;--ap-right-mt:24px;--ap-card-max:148px;--ap-right-max:420px;--ap-chip-offset:-46px}.ap-section.ap-home-grid,.ap-section.apfx-blobs{position:relative;overflow:visible;contain:layout!important}.ap-section.apfx-blobs:before{content:"";position:absolute;top:-6%;bottom:-6%;left:calc(50% - 50vw);width:100vw;transform:none;pointer-events:none;z-index:0;background:radial-gradient(36% 28% at 18% 22%,rgba(93,136,255,.18) 0,transparent 70%),radial-gradient(30% 24% at 82% 78%,rgba(41,95,255,.14) 0,transparent 68%),radial-gradient(28% 22% at 70% 18%,rgba(59,130,246,.1) 0,transparent 66%);animation:msfx-blobs-shift 18s ease-in-out infinite alternate;filter:saturate(115%);opacity:0;transition:opacity .45s ease .22s}.ap-section.apfx-blobs.ap-bg-ready:before{opacity:1}.ap-section.apfx-blobs>*{position:relative;z-index:1}.HomeSection--allproduct{padding-left:0;padding-right:0}.HomeSection--allproduct,.ap-section{contain:layout;overflow:visible}.apx-title{width:100%;margin-top:6px;font-weight:600;font-size:14px;letter-spacing:-.01em;color:#234;text-align:center;line-height:1.3}.apx-card.is-hover{background:#e0e8ff;border-color:#2563eb;box-shadow:0 6px 18px #2563eb11;transform:translateZ(0)}.apx-card.is-disabled{cursor:not-allowed;opacity:.35;filter:grayscale(1)}.apx-circle{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.ap-hero-title{font-size:clamp(20px,6vw,28px)}.ap-hero-title,.ap-hero-title--secondary{font-weight:700;letter-spacing:-.02em;line-height:1.2}.ap-hero-title--secondary{margin-top:1rem;margin-bottom:clamp(12px,2.6vw,48px);font-size:clamp(18px,5vw,24px)}.ap-section{max-width:1750px;margin:0 auto;padding:40px 16px;opacity:0;transform:translateY(32px);transition:opacity 1.2s cubic-bezier(.42,1.4,.5,.96),transform 1.2s cubic-bezier(.42,1.4,.5,.96)}.ap-section--show{opacity:1;transform:none}.ap-hero{font-weight:600;color:#111;text-align:center;margin:clamp(16px,3vw,64px) 0 clamp(16px,6vw,64px);letter-spacing:-.01em;line-height:1.22;width:100%;position:relative}.ap-hero-main{text-shadow:0 0 4px #fff,0 0 10px #fff,0 0 20px #fff,0 0 30px #fff}.ap-hero-line{text-align:left;width:100%;padding-left:20%;font-size:clamp(1.3rem,3.8vw,3.2rem);font-weight:500}.ap-hero-r{width:100%;display:flex;justify-content:flex-end}.ap-hero-tag{font-size:35px;font-weight:800;margin-bottom:.4rem;text-shadow:none;opacity:1}.ap-hero-tag--paper{color:#01f}.ap-hero-tag--cardboard{color:#d39c00}.ap-hero-main{font-size:2.2rem;font-weight:700}.ap-card{width:140px;height:140px;perspective:900px}.ap-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,.61,.36,1)}.ap-card.is-hover .ap-card-inner{transform:rotateY(180deg)}.ap-card-face{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.ap-card-front{background:#fff;border:2px solid #eee;box-shadow:0 1px 8px #2221;transition:background-color .15s,border-color .15s,box-shadow .15s}.ap-card.is-hover .ap-card-front{background:#e0e8ff;border-color:#2563eb;box-shadow:0 6px 18px #2563eb11}.ap-card-back{transform:rotateY(180deg);background:#f8fbff;border:2px solid #2563eb22;box-shadow:0 6px 18px #2563eb11;padding:12px;text-align:center;color:#234}.ap-card .ap-card-icon{width:70px;height:70px;object-fit:contain;margin-bottom:12px;border-radius:9px;transition:transform .18s cubic-bezier(.36,1.5,.54,.92)}.ap-card.is-hover .ap-card-icon{transform:scale(1.2)}.ap-card .ap-card-title{font-weight:600;font-size:1rem;letter-spacing:-.01em;color:#234}.ap-card .ap-card-desc{font-size:.92rem;line-height:1.35;color:#243356;white-space:pre-line}.ap-flex-wrap{position:relative;overflow:hidden}.ap-flex-wrap,.ap-left-wrap{display:flex;flex-direction:column}.ap-left-wrap{position:static}.ap-family-nav{position:absolute;left:6%;right:6%;top:calc(100% - 50px)!important;display:flex;align-items:center;pointer-events:none}.ap-family-nav--paper{justify-content:flex-end}.ap-family-nav--cardboard{justify-content:flex-start}.ap-family-link{gap:6px;padding:8px 14px;border-radius:9999px;border:1px solid rgba(148,163,184,.7);background:hsla(0,0%,100%,.96);box-shadow:0 8px 24px rgba(15,23,42,.16),inset 0 0 0 1px hsla(0,0%,100%,.8);font-size:.92rem;font-weight:600;letter-spacing:-.01em;color:#0f172a;cursor:pointer;pointer-events:auto;line-height:1;transition:transform .16s cubic-bezier(.22,.61,.36,1),box-shadow .16s cubic-bezier(.22,.61,.36,1),background-color .16s ease,border-color .16s ease,color .16s ease}.ap-family-link,.ap-family-link>span{display:inline-flex;align-items:center}.ap-family-link:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(15,23,42,.2),inset 0 0 0 1px rgba(59,130,246,.35);border-color:rgba(59,130,246,.6)}.ap-family-link:active{transform:translateY(0);box-shadow:0 6px 18px rgba(15,23,42,.18),inset 0 0 0 1px rgba(37,99,235,.7)}.ap-family-nav--paper .ap-family-link{background:#f6e2bf;border-color:#d3a75f;color:#8a5a16}.ap-family-nav--cardboard .ap-family-link{background:#e5f0ff;border-color:#b0c7ff;color:#1d3a8a}.ap-family-arrow svg{width:14px;height:14px}.ap-family-link:focus-visible{outline:2px solid #e11d48;outline-offset:2px}.ap-flex{display:flex;gap:60px;align-items:flex-start;justify-content:center;height:auto}.ap-grid{display:grid;grid-template-columns:repeat(var(--ap-cols),1fr);gap:var(--ap-gap);background:none;border-radius:22px;padding:16px;box-shadow:none}.apx-card{background:#fff;border:1px solid #eee;border-radius:15px;box-shadow:0 1px 8px #2221;cursor:pointer;font-weight:600;font-size:.8rem;color:#234;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.ap-flex-wrap[data-family=cardboard] .apx-card--laminated{background:#eef4ff;border-color:#c3d4ff}.ap-flex-wrap[data-family=cardboard] .ap-grid{--ap-cols:6}.ap-flex-wrap[data-family=cardboard] .ap-grid .apx-card{width:104px;height:132px}.ap-flex-wrap[data-family=cardboard] .ap-grid .apx-icon{width:60px;height:60px}.apx-icon{width:var(--ap-icon);height:var(--ap-icon);object-fit:contain;margin-bottom:5px;border-radius:9px;background:none;transition:transform .22s cubic-bezier(.36,1.5,.54,.92)}.apx-card.is-hover .apx-icon{transform:scale(calc(var(--ap-icon-hover) / var(--ap-icon)))}.ap-right{width:min(var(--ap-right),var(--ap-right-max));margin-top:5px;border-radius:14px;box-shadow:none;display:grid;place-items:center;overflow:visible;align-self:center;min-height:var(--ap-right-h);box-sizing:border-box}.ap-right img{aspect-ratio:1/1;width:min(var(--ap-right),var(--ap-right-max));height:auto;object-fit:cover;object-position:center center;border-radius:16px;background:#f7f9ff;box-shadow:0 18px 48px rgba(0,18,92,.18)}.ap-grid-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(110px,var(--ap-card));gap:var(--ap-gap);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-snap-type:x proximity;scroll-padding-inline:12px;padding:0 10px 6px;-ms-overflow-style:none;scrollbar-width:none}.ap-grid-strip::-webkit-scrollbar{display:none}.ap-grid-strip>button{scroll-snap-align:start}.ap-right-img{margin-bottom:6px}.ap-right-caption{margin-top:0}.ap-flex .ap-grid .apx-title,.ap-flex .ap-grid-strip .apx-title{width:100%;margin-top:6px;font-size:14px;line-height:1.3;text-align:center!important;white-space:pre-line}:root{--ap-bg-h:clamp(560px,100svh,820px)}.grid-bg{position:relative;width:100%;height:var(--ap-bg-h);min-height:var(--ap-bg-h);max-height:var(--ap-bg-h);background:transparent;overflow:visible}.grid-bg:before{bottom:0;background-image:linear-gradient(90deg,rgba(0,0,0,.35) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.35) 1px,transparent 0);transform:perspective(700px) rotateX(25deg) scale(1.05);transform-origin:bottom;mask-image:linear-gradient(0deg,#000,transparent);-webkit-mask-image:linear-gradient(0deg,#000,transparent)}.grid-bg:after,.grid-bg:before{content:"";position:absolute;height:30%;left:calc(50% - 50vw);width:100vw;background-size:40px 40px;z-index:0}.grid-bg:after{top:0;background-image:linear-gradient(90deg,rgba(0,0,0,.35) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.35) 1px,transparent 0);transform:perspective(700px) rotateX(-25deg) scale(1.05);transform-origin:top;mask-image:linear-gradient(180deg,#000,transparent);-webkit-mask-image:linear-gradient(180deg,#000,transparent)}.grid-bg>*{position:relative;z-index:1}@supports (width:100dvw){.grid-bg:after,.grid-bg:before{left:calc(50% - 50dvw);width:100dvw}}@media (max-width:1440px){.ap-family-nav{top:0;transform:none}.ap-hero{margin-top:0}.ap-hero-line{font-size:45px;align-items:center;padding-left:20.2vw;margin-top:-30px}.ap-flex{margin-top:20px}.ap-grid{margin-top:-30px}.ap-right{margin-top:-15px}}@media (max-width:900px){.HomeSection--allproduct,.HomeSection--allproduct .ap-section{contain:none}.HomeSection--allproduct .ap-section{max-width:100%;padding:8px 0 36px}.HomeSection--allproduct .ap-hero{margin:16px 0 14px}.HomeSection--allproduct .ap-hero-main{font-size:clamp(20px,6vw,24px);line-height:1.35}.HomeSection--allproduct .ap-flex{flex-direction:column;gap:18px;align-items:stretch}.HomeSection--allproduct .ap-right{display:none}main.Home.page-content .HomeSection--allproduct .ap-grid-strip{padding-left:calc(5px + env(safe-area-inset-left));padding-right:calc(5px + env(safe-area-inset-right));gap:5px;grid-auto-columns:minmax(110px,var(--ap-card));scroll-padding-inline:16px}.ap-bottom-mobile-row{position:fixed;left:0;right:0;bottom:calc(180px + env(safe-area-inset-bottom));padding:0 16px 8px;display:flex;flex-direction:column;gap:8px;z-index:40;pointer-events:none}.ap-bottom-mobile-row .ap-cta-wrap,.ap-bottom-mobile-row .ap-mobile-family-row{pointer-events:auto}.ap-cta-wrap{margin-top:8px;width:100%;display:flex;justify-content:center}.ap-cta-card{max-width:360px;padding:10px 14px;border-radius:16px;border:1px solid rgba(15,23,42,.18);background:hsla(0,0%,100%,.98);box-shadow:0 10px 26px rgba(15,23,42,.24),inset 0 0 0 1px hsla(0,0%,100%,.9);justify-content:space-between;gap:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.ap-cta-card,.ap-cta-left{flex:1 1 auto;display:flex;align-items:center}.ap-cta-left{justify-content:flex-start;gap:43px;min-width:0}.ap-cta-emoji{font-size:28px}.ap-cta-text{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:center}.ap-cta-title{font-size:.78rem;font-weight:700;color:#111827}.ap-cta-desc,.ap-cta-title{letter-spacing:-.02em;white-space:nowrap}.ap-cta-desc{font-size:.74rem;font-weight:500;color:#1f2937}.ap-cta-go{font-size:28px;flex:0 0 auto}.ap-mobile-family-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.ap-family-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:9999px;border:1px solid rgba(148,163,184,.7);background:hsla(0,0%,100%,.96);box-shadow:0 6px 16px rgba(15,23,42,.12),inset 0 0 0 1px hsla(0,0%,100%,.8);font-size:.78rem;font-weight:600;letter-spacing:-.01em;color:#0f172a;cursor:pointer;line-height:1;white-space:nowrap;transition:transform .14s cubic-bezier(.22,.61,.36,1),box-shadow .14s cubic-bezier(.22,.61,.36,1),background-color .14s ease,border-color .14s ease,color .14s ease}.ap-family-chip:active{transform:translateY(0);box-shadow:0 4px 12px rgba(15,23,42,.16),inset 0 0 0 1px rgba(37,99,235,.4)}.ap-family-chip--paper{background:#e5f0ff;border-color:#b0c7ff;color:#1d3a8a}.ap-family-chip--cardboard{background:#f6e2bf;border-color:#d3a75f;color:#8a5a16}.ap-family-chip.is-active{opacity:.55;cursor:default;box-shadow:none}.ap-family-chip--paper.is-active{background:#f2f6ff;border-color:#cbd5f5;color:#64748b}.ap-family-chip--cardboard.is-active{background:#f8ecd2;border-color:#e2c78c;color:#7c5a2b}.ap-flex-wrap[data-family=cardboard] .ap-grid-strip .apx-card--laminated{background:#fff;border-color:#eee}.ap-flex-wrap[data-family=cardboard] .ap-grid-strip .apx-card--laminated .apx-circle{background:#eef4ff;box-shadow:0 6px 18px rgba(0,18,92,.1)}.HomeSection--allproduct .page-enter{transform:none!important}}