.timeline-bg{background:linear-gradient(135deg,#2b3142,#1f2434);position:relative;overflow:hidden}.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}.timeline-circle-button img{width:clamp(26px,3.2vw,44px);height:clamp(26px,3.2vw,44px);-o-object-fit:contain;object-fit:contain}@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)}}@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}@media(max-width:640px){.timeline-tabs{width:100%}}.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}.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:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.panel-main-img{width:100%;height:auto;display:block;background:#0f111b}.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}@media(max-width:639px){.seasonal-embed-holder{width:163px!important;height:290px;overflow:hidden!important;display:block!important;margin:0 auto 16px}.seasonal-embed-scale{width:326px;transform:scale(.5);transform-origin:top left}}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.float-character{animation:float-bob 3.2s ease-in-out infinite}@keyframes glow-christmas{0%,to{filter:drop-shadow(0 0 8px rgba(220,30,30,.45))}50%{filter:drop-shadow(0 0 22px rgba(220,30,30,1)) drop-shadow(0 0 40px rgba(220,30,30,.35))}}@keyframes glow-loykrathong{0%,to{filter:drop-shadow(0 0 8px rgba(255,175,0,.45))}50%{filter:drop-shadow(0 0 22px rgba(255,175,0,1)) drop-shadow(0 0 40px rgba(255,210,0,.35))}}@keyframes glow-halloween{0%,to{filter:drop-shadow(0 0 8px rgba(255,90,0,.45))}50%{filter:drop-shadow(0 0 22px rgba(255,90,0,1)) drop-shadow(0 0 40px rgba(180,0,220,.35))}}@keyframes glow-chineseny{0%,to{filter:drop-shadow(0 0 8px rgba(210,10,10,.45))}50%{filter:drop-shadow(0 0 22px rgba(210,10,10,1)) drop-shadow(0 0 40px rgba(255,200,0,.4))}}@keyframes glow-valentine{0%,to{filter:drop-shadow(0 0 8px rgba(255,60,130,.45))}50%{filter:drop-shadow(0 0 22px rgba(255,60,130,1)) drop-shadow(0 0 40px rgba(255,60,130,.35))}}@keyframes glow-songkran{0%,to{filter:drop-shadow(0 0 8px rgba(0,180,255,.45))}50%{filter:drop-shadow(0 0 22px rgba(0,180,255,1)) drop-shadow(0 0 40px rgba(0,220,255,.35))}}@keyframes glow-daynight{0%,to{filter:drop-shadow(0 0 8px rgba(255,200,50,.45))}50%{filter:drop-shadow(0 0 22px rgba(255,200,50,1)) drop-shadow(0 0 40px rgba(100,150,255,.35))}}@keyframes glow-rain{0%,to{filter:drop-shadow(0 0 8px rgba(50,150,255,.45))}50%{filter:drop-shadow(0 0 22px rgba(50,150,255,1)) drop-shadow(0 0 40px rgba(100,200,255,.35))}}@keyframes glow-storm{0%,to{filter:drop-shadow(0 0 8px rgba(200,200,50,.45))}50%{filter:drop-shadow(0 0 22px rgba(220,220,60,1)) drop-shadow(0 0 40px rgba(150,50,255,.4))}}@keyframes glow-snow{0%,to{filter:drop-shadow(0 0 8px rgba(200,240,255,.5))}50%{filter:drop-shadow(0 0 22px rgba(200,240,255,1)) drop-shadow(0 0 40px rgba(255,255,255,.4))}}
