@keyframes glow-art-intro{0%,to{filter:drop-shadow(0 0 10px rgba(56,189,248,.5))}50%{filter:drop-shadow(0 0 24px rgba(56,189,248,1)) drop-shadow(0 0 48px rgba(125,211,252,.45))}}#art-timeline .panel-main{min-height:320px}@media(min-width:768px){#art-timeline .panel-main{min-height:420px}}@media(max-width:640px){#art-timeline.pricing-frame{padding-left:12px;padding-right:12px}#art-timeline .timeline-track{padding-left:0;padding-right:0;--timeline-gap: clamp(30px, 6vw, 48px)}#art-timeline .timeline-circle-button{width:clamp(44px,12vw,60px);height:clamp(44px,12vw,60px)}#art-timeline .timeline-circle-button img{width:clamp(20px,6.8vw,34px);height:clamp(20px,6.8vw,34px)}}.ig-scroll-gallery{display:flex;gap:1rem;width:100%;max-width:calc(100vw - 48px);box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding-bottom:1rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-color:#f97316 rgba(255,255,255,.08);scrollbar-width:thin}.ig-scroll-gallery::-webkit-scrollbar{height:6px}.ig-scroll-gallery::-webkit-scrollbar-track{background:#ffffff14;border-radius:9999px}.ig-scroll-gallery::-webkit-scrollbar-thumb{background:#f97316;border-radius:9999px}.ig-scroll-gallery::-webkit-scrollbar-thumb:hover{background:#ea6a00}.ig-slide{flex-shrink:0;width:330px;scroll-snap-align:start}.ig-slide .instagram-media{min-width:unset!important;max-width:330px!important;width:330px!important}@media(max-width:768px){.ig-scroll-gallery{max-width:calc(100vw - 32px)}}@media(max-width:640px){.ig-scroll-gallery{max-width:calc(100vw - 24px)}.ig-slide{width:240px;min-width:240px;flex:0 0 240px}.ig-slide .instagram-media{max-width:240px!important;width:240px!important}}@media(max-width:480px){.ig-slide{width:120px;min-width:120px;flex:0 0 120px}.ig-slide .instagram-media{max-width:120px!important;width:120px!important}}.interactive-character[data-astro-cid-ig7dtyky]:hover{filter:brightness(1.2)}@media(max-width:639px){.dark-glass-box[data-astro-cid-ig7dtyky]{overflow-x:hidden!important}}.dark-glass-box{position:relative;background:#0f1e50d9;backdrop-filter:blur(20px) brightness(1.4) saturate(1.5) contrast(1.15);-webkit-backdrop-filter:blur(20px) brightness(1.4) saturate(1.5) contrast(1.15);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:40px 30px;box-shadow:0 20px 60px #0006,inset 0 0 80px #ffffff14;text-align:center;overflow:hidden;z-index:1;mix-blend-mode:normal;isolation:isolate;flex:1;display:flex;flex-direction:column}.rotating-logo{position:absolute;top:8px;left:12px;transform:none;width:60px;height:60px;animation:rotate var(--rotate-duration, 30s) linear infinite;z-index:10;filter:brightness(0) saturate(100%) invert(50%) sepia(96%) saturate(1500%) hue-rotate(-8deg) brightness(102%) contrast(102%);cursor:pointer;transition:filter .2s ease}.rotating-logo:active{filter:brightness(0) saturate(100%) invert(60%) sepia(98%) saturate(2000%) hue-rotate(345deg) brightness(102%) contrast(102%) drop-shadow(0 0 8px rgba(255,107,53,.8))}.logo-row{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;padding:0 30px;min-height:70px}.logo-row .sumplong-logo{flex:1;width:100%;text-align:center}.dark-glass-box>*{position:relative;z-index:2}@media(max-width:480px){.dark-glass-box{padding:30px 20px}}.glass-card{background:#f5f5f5f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000001a;border-radius:16px;padding:15px;margin-bottom:20px;transition:transform .18s ease,box-shadow .2s ease,border-color .25s ease;position:relative;overflow:hidden}.glass-card.no-padding{padding:0;overflow:hidden}.glass-card.compact{padding:10px;margin-bottom:15px}.glass-card.demo-card{min-height:180px;display:flex;align-items:center;justify-content:center}.interactive-card{transform-origin:center}.interactive-card:hover,.interactive-card:active{transform:translateY(-6px) scale(1.04);box-shadow:0 12px 28px #0000002e}.interactive-card:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(120deg,#fff0,#ffffffbf 45%,#fff0);transform:skew(-18deg);opacity:0;pointer-events:none;mix-blend-mode:screen;will-change:transform,opacity,left}.interactive-card.card-shine:after{opacity:1;animation:cardSheen .7s ease-out forwards}@keyframes cardSheen{0%{left:-130%;opacity:0}15%{opacity:1}60%{opacity:1}to{left:160%;opacity:0}}.interactive-card:before{content:"";position:absolute;inset:0;border-radius:16px;border:2px solid rgba(255,107,53,0);box-shadow:0 0 12px 5px #ff6b3547;pointer-events:none;opacity:0}.interactive-card.card-outline:before{animation:cardOutlineFade 1s ease-out forwards}@keyframes cardOutlineFade{0%{opacity:1;border-color:#ff6b35e6;box-shadow:0 0 16px 8px #ff6b3573}40%{opacity:.85;border-color:#ff6b35a6;box-shadow:0 0 20px 10px #ff6b3552}to{opacity:0;border-color:#ff6b3500;box-shadow:0 0 26px 12px #ff6b3500}}#page-loader-overlay{position:fixed;z-index:99999;inset:0;background:#fff;display:none;align-items:center;justify-content:center;width:100vw;height:100vh}.loader-bar-container{width:320px;max-width:90vw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-bar{width:100%;height:6px;background:linear-gradient(90deg,#ff6b35,#ff8c42);border-radius:4px;margin-bottom:16px;margin-top:8px;overflow:hidden;position:relative}.loader-text{color:#00000038;font-weight:600;font-size:1.1rem;letter-spacing:.04em;opacity:.5}.loader-animated-text{font-family:inherit;letter-spacing:.02em;width:100%;max-width:600px;min-height:1.2em;margin-bottom:8px;font-size:2.2rem;font-weight:400;color:#000;position:relative;margin-left:auto;margin-right:auto;white-space:nowrap;overflow-wrap:break-word;display:flex;justify-content:center;align-items:center}.loader-fade-text{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1)}.loader-fade-text.visible{opacity:1}#page-loader-overlay.fade-out{opacity:0!important;transition:opacity .7s cubic-bezier(.4,0,.2,1);pointer-events:none}.art-page-bg{position:fixed;inset:0;z-index:0;background:linear-gradient(135deg,#ff6b35,#ff8c42);overflow:hidden;pointer-events:none}.art-page-bg:before,.art-page-bg:after{content:"";position:absolute;width:720px;height:720px;background-image:url(/template/custom-bg/asset/largecircle-1.png);background-size:contain;background-repeat:no-repeat;opacity:.8;pointer-events:none;mix-blend-mode:screen;filter:brightness(1.15)}.art-page-bg:before{top:-260px;left:-260px;animation:rotate 40s linear infinite}.art-page-bg:after{bottom:-420px;right:-420px;opacity:.45;animation:rotateReverse 50s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.art-content-wrap{position:relative;z-index:1}.pricing-bg{position:relative}.pricing-frame{border:2px solid rgba(59,130,246,.45);border-radius:28px;padding:68px 24px 32px;box-shadow:0 16px 48px #00000047;overflow:hidden;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box}.pricing-frame.dark-glass-box{overflow:hidden}@media(max-width:1024px){.pricing-frame{max-width:calc(100vw - 48px);margin-left:auto;margin-right:auto;box-sizing:border-box}}@media(max-width:768px){.pricing-frame{max-width:calc(100vw - 32px);margin-left:auto;margin-right:auto;box-sizing:border-box}}@media(max-width:639px){.pricing-frame{padding-left:16px!important;padding-right:16px!important;max-width:calc(100vw - 24px);margin-left:auto;margin-right:auto;box-sizing:border-box}.dark-glass-box{padding-left:16px!important;padding-right:16px!important;overflow-x:hidden!important;box-sizing:border-box}}@media(max-width:639px){.dark-glass-box:has(.ig-scroll-gallery){overflow-x:visible!important}}@media(max-width:639px){section{padding-left:24px!important;padding-right:24px!important}}[id^=section-]{scroll-margin-top:80px}footer{position:relative;z-index:1}