.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}}.pricing-bg{background:linear-gradient(135deg,#ff6b35,#ff8c42);position:relative;overflow:hidden;z-index:20}.timeline-bg{background:linear-gradient(135deg,#2b3142,#1f2434);position:relative;overflow:hidden}.pricing-bg:before,.pricing-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)}.pricing-bg:before{top:-260px;left:-260px;animation:rotate 40s linear infinite}.pricing-bg:after{bottom:-260px;right:-260px;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)}}.pricing-frame{border:2px solid rgba(59,130,246,.45);border-radius:28px;padding:68px 24px 32px;box-shadow:0 16px 48px #00000047;overflow:visible}.pricing-frame.dark-glass-box{overflow:visible}.glass-card-pricing{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,107,53,.3);border-radius:24px;padding:36px 32px 28px;box-shadow:0 8px 32px #1f26871f;position:relative;overflow:hidden;transition:all .3s ease}.glass-card-pricing:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff6b351a,#ff8c420d);pointer-events:none}.glass-card-pricing:hover{background:#ffffffe6;border-color:#ff6b3580;box-shadow:0 12px 40px #ff6b3533;transform:translateY(-4px)}.glass-card-pricing-blue{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(37,99,235,.3);border-radius:24px;padding:36px 32px 28px;box-shadow:0 8px 32px #1f26871f;position:relative;overflow:hidden;transition:all .3s ease}.glass-card-pricing-blue:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2563eb1a,#3b82f60d);pointer-events:none}.glass-card-pricing-blue:hover{background:#ffffffe6;border-color:#2563eb80;box-shadow:0 12px 40px #2563eb33;transform:translateY(-4px)}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(255,180,0,.5)) drop-shadow(0 0 6px rgba(255,165,0,.3))}50%{filter:drop-shadow(0 0 24px rgba(255,180,0,1)) drop-shadow(0 0 12px rgba(255,165,0,.6)) drop-shadow(0 0 6px rgba(255,200,0,.8))}}.timeline-header{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:space-between}@media (min-width: 640px){.timeline-header{flex-direction:row;align-items:center}}.timeline-title-wrap{display:flex;flex-direction:column;gap:4px}.timeline-subtitle{color:#d5d7df;font-size:14px}.timeline-subtitle .highlight{color:#f97316;font-weight:700}.timeline-download{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f97316;color:#fff;border-radius:12px;font-weight:700;box-shadow:0 8px 18px #f9731659;transition:transform .2s ease,box-shadow .2s ease}.timeline-download:hover{transform:translateY(-2px);box-shadow:0 10px 22px #f9731673}.timeline-track{position:relative;margin:18px auto 10px;padding:8px clamp(8px,2.2vw,22px) 0;max-width:100%;--timeline-gap: clamp(33px, 6.75vw, 117px)}.timeline-times-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:0;column-gap:0;width:var(--timeline-line-width, 100%);margin-left:var(--timeline-line-left, 0px);margin-right:auto;margin-bottom:0;transform:translateY(clamp(20px,2.6vw,30px));position:relative;z-index:2;align-items:end;justify-items:center}.timeline-time{color:#d8dbe6;font-family:Montserrat,sans-serif;font-size:clamp(13px,1.5vw,18px);font-weight:500;line-height:1.2;white-space:nowrap;justify-self:center}.timeline-time.accent{color:#ff6b35}.timeline-time.muted{opacity:.25}.timeline-circles-wrap{position:relative;margin-bottom:clamp(10px,2.4vw,18px)}.timeline-line-bg{position:absolute;top:50%;left:0;right:auto;width:100%;height:clamp(3px,.45vw,5px);background:#22252f;transform:translateY(-50%);z-index:1;opacity:0;pointer-events:none}.timeline-circles-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));-moz-column-gap:var(--timeline-gap);column-gap:var(--timeline-gap);position:relative;z-index:2;align-items:center}.timeline-circle-button{position:relative;display:grid;place-items:center;width:clamp(52px,5.2vw,72px);height:clamp(52px,5.2vw,72px);border-radius:9999px;background:#252833;border:none;box-shadow:0 10px 24px #00000059;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;cursor:pointer}.timeline-circle-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0006}.timeline-circle-button.accent{background:#ff6b35}@keyframes timeline-step-glow{0%,to{opacity:.55;transform:scale(.98);filter:blur(10px)}50%{opacity:.95;transform:scale(1.06);filter:blur(14px)}}.timeline-circle-button.accent:before{content:"";position:absolute;inset:-14px;border-radius:inherit;background:radial-gradient(circle at 50% 50%,#ff6b35d9,#ff6b3500 65%);z-index:-1;pointer-events:none;animation:timeline-step-glow 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.timeline-circle-button.accent:before{animation:none;opacity:.75;transform:none;filter:blur(12px)}}.timeline-circle-button img{width:clamp(26px,3.2vw,44px);height:clamp(26px,3.2vw,44px);-o-object-fit:contain;object-fit:contain}@media (max-width: 900px){.timeline-track{margin:32px auto 16px;padding:18px clamp(8px,2.2vw,22px) 0}.timeline-circles-row,.timeline-tabs{-moz-column-gap:clamp(30px,6vw,48px);column-gap:clamp(30px,6vw,48px)}}@media (max-width: 640px){#pricing-timeline.pricing-frame{padding-left:12px;padding-right:12px}#pricing-timeline .timeline-track{padding-left:0;padding-right:0;--timeline-gap: clamp(30px, 6vw, 48px)}#pricing-timeline .timeline-circle-button{width:clamp(44px,12vw,60px);height:clamp(44px,12vw,60px)}#pricing-timeline .timeline-circle-button img{width:clamp(20px,6.8vw,34px);height:clamp(20px,6.8vw,34px)}.timeline-times-row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px;transform:translateY(12px)}.timeline-circles-row,.timeline-tabs{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:10px}.timeline-time{font-size:12px}.timeline-line-bg{display:none}}.timeline-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));-moz-column-gap:var(--timeline-gap);column-gap:var(--timeline-gap);width:80%;margin:10px auto 0}.timeline-tab{background:#0b0d16;color:#d6d8e2;border:1px solid rgba(255,255,255,.05);border-radius:10px 10px 0 0;padding:8px;font-weight:800;font-size:12px;transition:background .2s ease,color .2s ease,border-color .2s ease}@media (max-width: 640px){.timeline-tabs{width:100%}}.timeline-tab.active{background:#ff6b35;color:#fff;border-color:#ff6b35}.timeline-panel{background:#0b0d16;border:3px solid #ff6b35;border-radius:14px;overflow:hidden;box-shadow:0 10px 26px #0000004d}.timeline-preview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0}.timeline-preview.hidden{display:none}.panel-main{grid-column:span 12;background:#0f111b;min-height:320px;display:grid;place-items:center;color:#e5e7ef;text-align:center;padding:0}.panel-main-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#0f111b}@media (min-width: 768px){.panel-main{grid-column:span 12;min-height:380px}}.panel-gallery{grid-column:span 12;background:#05070d;border-top:2px solid rgba(255,255,255,.06);padding:14px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.gallery-tile{background:#0f111b;border:1px solid #1d2233;border-radius:12px;height:90px;padding:3px;display:grid;place-items:center;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.gallery-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.gallery-tile:hover{border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 10px 22px #00000059}.gallery-tile.active{border-color:#ff6b35}.gallery-note{margin-top:10px;color:#8f97ac;font-size:12px}@keyframes smoothRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate-animation{animation:smoothRotate 30s linear infinite}.rotating-logo{filter:drop-shadow(0 0 8px rgba(255,107,53,.4))}.rotating-logo:hover{filter:drop-shadow(0 0 12px rgba(255,107,53,.6))}