/* Native CSS motion: no video, canvas, external font, or animation library. */
.partnership-flag{display:inline-flex;align-items:center;gap:9px;margin-bottom:25px;padding:8px 14px 8px 8px;border:1px solid #dce3f7;border-radius:9px;background:#fff;box-shadow:3px 3px 0 #f6df754d}.partnership-flag b{font-size:11px;letter-spacing:-.01em;display:block;color:#19375b}.partnership-flag small{font-size:7px;letter-spacing:.14em;color:#65697b;display:block;margin-top:2px}.pd-gem{display:inline-block;width:36px;height:32px;flex-shrink:0;background-image:url('assets/permata-digital.png');background-size:104px 104px;background-position:-34px -23px;background-repeat:no-repeat}.hero-copy>.eyebrow{margin-bottom:20px}.hero{padding-top:36px}.print-wall{padding:24px 0 20px;overflow:hidden;background:#fffdf6;border-block:1px solid #efeadc}.print-wall-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;gap:10px}.print-wall-top>span{font-size:9px;letter-spacing:.16em;font-weight:800;color:#55536e}.print-wall-top button{background:white;border:1px solid #dcdde6;border-radius:20px;padding:7px 13px;font-size:10px;color:#40475b;flex-shrink:0}.ad-lane{overflow:hidden;background:#ffe252;transform:rotate(-.7deg);border-block:1px solid #f3cf3b}.ad-lane.lane-2{background:#f8efff;border-color:#e9dbfa;transform:rotate(.5deg);margin:5px 0}.ad-lane.lane-3{background:#edfaff;border-color:#d3eef7;transform:rotate(-.4deg)}.ad-track{width:max-content;display:flex;animation:ad-flow 95s linear infinite}.lane-2 .ad-track{animation-duration:115s;animation-direction:reverse}.lane-3 .ad-track{animation-duration:105s}.ad-set{display:flex;align-items:center;flex-shrink:0;gap:24px;padding:14px 12px;min-height:82px}.ad-word{white-space:nowrap;display:inline-block;font-size:36px;line-height:1.1;letter-spacing:-.04em;transition:transform .25s;text-decoration:none;font-weight:900;flex-shrink:0}.ad-word:hover{transform:translateY(-3px) rotate(-3deg);text-decoration:underline;text-underline-offset:6px}.ad-star{font-size:18px;color:#1c3044;opacity:.65}.type-0{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.015em;font-stretch:condensed;font-size:42px}.type-1{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:37px}.type-2{font-family:Arial,sans-serif;font-weight:900;font-size:31px;letter-spacing:-.06em}.type-3{font-family:'Courier New',monospace;font-size:29px;font-weight:900;letter-spacing:-.075em}.type-4{font-family:Trebuchet MS,Arial,sans-serif;font-style:italic;font-size:34px;letter-spacing:-.04em}.tone-0{color:#174bcc}.tone-1{color:#bc216c}.tone-2{color:#186a51}.tone-3{color:#6b31ac}.tone-4{color:#a74213}.tone-5{color:#1d526e}.ad-lane:hover .ad-track,.ad-lane:focus-within .ad-track{animation-play-state:paused}.print-art{width:180px;height:120px;object-fit:cover;border-radius:9px;flex-shrink:0}.help-strip>div{flex:1}.credit{font-size:10px}.credit img{width:115px;height:70px}.fx-observed .ink-blue,.fx-observed .ink-pink{animation:ink-led 14s ease-in-out infinite}.fx-observed .ink-pink{animation-delay:-7s}.hero-copy.fx-observed h1 span{display:inline-block;animation:ink-led 14s ease-in-out infinite,word-lift 6s ease-in-out infinite}.hero-copy.fx-observed h1 .ink-pink{animation-delay:-7s,-3s}.slide.fx-observed.pink,.slide.fx-observed.blue{animation:panel-led 20s ease-in-out infinite}.slide.fx-observed.yellow{animation:panel-light 20s ease-in-out infinite}.product-card,.category,.business-card,.help-strip,.slide-art{position:relative}.product-card.fx-observed,.category.fx-observed{animation:box-led 16s ease-in-out infinite}.product-card:nth-child(3n+2),.category:nth-child(3n+2){animation-delay:-5s}.product-card:nth-child(3n+3),.category:nth-child(3n+3){animation-delay:-10s}.product-card.fx-observed:after,.slide-art.fx-observed:after{content:'';position:absolute;inset:0;border:2px solid #4883ed;border-radius:inherit;pointer-events:none;animation:edge-led 14s ease-in-out infinite}.product-card:after{bottom:auto!important;aspect-ratio:1.5;border-radius:14px 14px 0 0!important}.slide-art:after{border-radius:12px!important}.help-strip.fx-observed,.business-card.fx-observed{animation:box-led 20s ease-in-out infinite}.round-sticker{animation:sticker-rock 7s ease-in-out infinite;animation-play-state:paused}.fx-observed .round-sticker{animation-play-state:running}.product-card .product-image{transition:transform .5s}.product-card:hover .product-image{transform:scale(1.025)}.scroll-meter{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#2457e8,#de267b,#ffb819,#13a4b4);z-index:80;pointer-events:none}.pointer-aura{display:none;position:fixed;top:0;left:0;width:30px;height:30px;border:1px solid #456cddaa;border-radius:50%;pointer-events:none;z-index:100;opacity:0;transition:opacity .25s,border-color .25s}.pointer-aura i,.pointer-aura b{position:absolute;background:#cc338faa;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:normal}.pointer-aura i{width:42px;height:1px}.pointer-aura b{height:42px;width:1px}.pointer-aura.is-hover{border-color:#e32e85;background:#e32e850a}.tap-ring{position:fixed;pointer-events:none;z-index:101;width:22px;height:22px;border:2px solid var(--tap-color,#2457e8);border-radius:50%;animation:tap-bloom .6s ease-out forwards}.motion-paused *, .page-idle *{animation-play-state:paused!important}.motion-paused .pointer-aura,.motion-paused .tap-ring{display:none!important}.fx-observed:not(.fx-visible){animation-play-state:paused!important}
@keyframes ad-flow{to{transform:translateX(-50%)}}@keyframes ink-led{0%,100%{color:#2457d6}33%{color:#b62a83}66%{color:#1a7b84}}@keyframes panel-led{0%,100%{background-color:#c9317c}35%{background-color:#6540bb}70%{background-color:#2459ce}}@keyframes panel-light{0%,100%{background-color:#ffe253}35%{background-color:#ffcf78}70%{background-color:#dbddff}}@keyframes box-led{0%,100%{border-color:#6597ef;background-color:#fff;box-shadow:0 0 0 1px #a9c7ff42}33%{border-color:#db6dab;background-color:#fff9fc;box-shadow:0 0 0 1px #f8afd242}66%{border-color:#48aeb8;background-color:#f7fcff;box-shadow:0 0 0 1px #86dbe642}}@keyframes edge-led{0%,100%{border-color:#4a83e9}33%{border-color:#e14b9d}66%{border-color:#35a7b5}}@keyframes word-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sticker-rock{0%,100%{transform:rotate(10deg)}50%{transform:rotate(17deg)}}@keyframes tap-bloom{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}100%{transform:translate(-50%,-50%) scale(3);opacity:0}}
@media(hover:hover) and (pointer:fine){.pointer-aura{display:block}}
@media(max-width:800px){.print-art{width:130px;height:100px}.ad-set{min-height:69px;gap:18px}.ad-word{font-size:28px}.type-0{font-size:35px}.type-1{font-size:31px}.type-2{font-size:27px}.type-3{font-size:25px}.type-4{font-size:29px}.partnership-flag{margin-bottom:20px}.help-strip{flex-wrap:wrap}}
@media(max-width:600px){.hero{padding-top:25px}.partnership-flag{margin-bottom:20px;padding:6px 10px 6px 5px}.partnership-flag b{font-size:10px}.partnership-flag small{font-size:6px}.hero-copy>.eyebrow{font-size:7px;margin-bottom:14px}.print-wall{padding:18px 0 14px}.print-wall-top{padding-bottom:12px}.print-wall-top>span{font-size:7px;letter-spacing:.08em;max-width:145px}.print-wall-top button{font-size:9px;padding:7px 10px}.ad-set{padding-block:12px;min-height:62px;gap:16px}.ad-word{font-size:26px}.type-0{font-size:32px}.type-1{font-size:29px}.type-2{font-size:25px}.type-3{font-size:23px}.type-4{font-size:27px}.ad-track{animation-duration:115s}.lane-2 .ad-track{animation-duration:130s}.lane-3 .ad-track{animation-duration:120s}.ad-star{font-size:12px}.print-art{width:100%;height:auto;aspect-ratio:1.8;object-fit:contain;background:white;margin-bottom:22px}.credit img{width:110px;height:60px}.credit{font-size:8px}.scroll-meter{height:3px}}
@media(prefers-reduced-motion:reduce){.ad-track{animation:none!important;transform:none!important}.ad-lane{overflow-x:auto;transform:none}.ad-set[aria-hidden]{display:none}.pointer-aura,.tap-ring{display:none!important}.product-card .product-image{transition:none}.hero-copy.fx-observed h1 span{transform:none!important}}
.round-sticker{z-index:2}.print-wall.fx-observed .ad-word{animation:ad-ink 28s ease-in-out infinite}.print-wall .tone-1{animation-delay:-4s!important}.print-wall .tone-2{animation-delay:-9s!important}.print-wall .tone-3{animation-delay:-14s!important}.print-wall .tone-4{animation-delay:-19s!important}.print-wall .tone-5{animation-delay:-24s!important}@keyframes ad-ink{0%,100%{color:#174bcc}20%{color:#a91d69}40%{color:#186a51}60%{color:#6b31ac}80%{color:#a74213}}
.print-wall:not(.fx-visible) .ad-track,.print-wall:not(.fx-visible) .ad-word{animation-play-state:paused}

/* Vivid edition: moving gradients and expressive type, with fixed layout. */
@keyframes gradient-run{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes headline-dance{0%,100%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-7px) rotate(1deg)}65%{transform:translateY(2px) rotate(-1deg)}}
@keyframes word-dance{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes font-switch{0%,28%{opacity:1;transform:translateY(0) scale(1)}33.33%,95%{opacity:0;transform:translateY(6px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes neon-border{0%,100%{border-color:#235aff;box-shadow:0 0 0 1px #235aff33,0 5px 18px #235aff20}33%{border-color:#f02098;box-shadow:0 0 0 1px #f0209844,0 5px 18px #f0209828}66%{border-color:#00a990;box-shadow:0 0 0 1px #00a99044,0 5px 18px #00a99028}}
.hero-copy.fx-observed h1>.ink-pink,.hero-copy.fx-observed .font-face{background-image:linear-gradient(105deg,#2342e8 0%,#8420cb 22%,#d61275 43%,#c54d00 62%,#007b89 80%,#2342e8 100%);background-size:350% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-copy.fx-observed h1>.ink-pink{animation:gradient-run 3.8s ease-in-out infinite,headline-dance 3s ease-in-out infinite;animation-delay:-1.8s,-1.5s}
.hero-copy h1>span.font-cycle{display:inline-grid;grid-template-areas:'word';vertical-align:baseline;animation:headline-dance 3s ease-in-out infinite;color:inherit}
.hero-copy h1 .font-face{grid-area:word;display:block;animation:none;letter-spacing:-.06em;transform-origin:center bottom}
.hero-copy h1 .face-one{font-family:Arial,Helvetica,sans-serif}
.hero-copy h1 .face-two{font-family:Georgia,'Times New Roman',serif;font-style:italic;opacity:0}
.hero-copy h1 .face-three{font-family:'Courier New',monospace;font-size:.94em;letter-spacing:-.09em;opacity:0}
.hero-copy.fx-observed h1 .font-face{animation:font-switch 7.2s linear infinite,gradient-run 3.8s ease-in-out infinite}
.hero-copy.fx-observed h1 .face-two{animation-delay:-4.8s,-1.2s}
.hero-copy.fx-observed h1 .face-three{animation-delay:-2.4s,-2.4s}
.business.fx-observed,.slide.fx-observed.pink,.slide.fx-observed.blue{background-image:linear-gradient(115deg,#243ed8 0%,#6431c4 25%,#b51b82 50%,#176bb7 75%,#243ed8 100%);background-size:350% 200%;animation:gradient-run 5s ease-in-out infinite}
.slide.fx-observed.yellow{background-image:linear-gradient(110deg,#ffe34f,#ffb967,#ffd5ec,#bdeeff,#ffe34f);background-size:350% 200%;animation:gradient-run 5s ease-in-out infinite}
.business-copy h2 span{display:inline-block;background-image:linear-gradient(100deg,#fff273,#ffbfdd,#ffffff,#8bfff1,#fff273);background-size:350% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.business.fx-observed .business-copy h2 span{animation:gradient-run 3.5s ease-in-out infinite,word-dance 3s ease-in-out infinite}
.business-card.fx-observed,.help-strip.fx-observed,.category.fx-observed{background-image:linear-gradient(115deg,#fff 20%,#e9edff 40%,#ffe7f5 60%,#dcfaf6 80%,#fff);background-size:350% 200%;animation:gradient-run 5s ease-in-out infinite,neon-border 4.5s ease-in-out infinite}
.product-card.fx-observed{animation:neon-border 4.5s ease-in-out infinite}
.product-card.fx-observed:after,.slide-art.fx-observed:after{border-width:3px;animation:neon-border 3.6s ease-in-out infinite}
.slide-art{border-radius:12px;overflow:visible}.slide-art.fx-observed:after{background:linear-gradient(100deg,#275dff,#ed2798,#ffcd3d,#00b8ab,#275dff);background-size:350% 100%;border:0;padding:3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-run 3s linear infinite}
.print-wall.fx-observed .ad-word{animation:ad-ink 5s ease-in-out infinite,word-dance 2.8s ease-in-out infinite}
.print-wall .tone-1{animation-delay:-.8s,-.4s!important}.print-wall .tone-2{animation-delay:-1.6s,-.8s!important}.print-wall .tone-3{animation-delay:-2.4s,-1.2s!important}.print-wall .tone-4{animation-delay:-3.2s,-1.6s!important}.print-wall .tone-5{animation-delay:-4s,-2s!important}
.ad-track{animation-duration:65s}.lane-2 .ad-track{animation-duration:78s}.lane-3 .ad-track{animation-duration:70s}
.ad-lane{background-image:linear-gradient(100deg,#ffe650,#fff18b,#ffc94e,#ffe650);background-size:300% 100%}.lane-2.ad-lane{background-image:linear-gradient(100deg,#f4dfff,#ffd8e8,#e3e6ff,#f4dfff)}.lane-3.ad-lane{background-image:linear-gradient(100deg,#cefff4,#e5f5ff,#c8edff,#cefff4)}.print-wall.fx-observed .ad-lane{animation:gradient-run 6s ease-in-out infinite}
.partnership-flag{border-color:#ccd5ff;background:linear-gradient(110deg,#fff,#edf0ff,#ffeaf5,#fff);background-size:300% 100%}.hero-copy.fx-observed .partnership-flag{animation:gradient-run 5s ease-in-out infinite}
.fx-observed:not(.fx-visible) *,.print-wall:not(.fx-visible) .ad-lane{animation-play-state:paused!important}
@media(max-width:600px){.ad-track{animation-duration:85s}.lane-2 .ad-track{animation-duration:95s}.lane-3 .ad-track{animation-duration:90s}.hero-copy h1>.font-cycle{max-width:100%}@keyframes headline-dance{0%,100%{transform:translateY(0) rotate(-.5deg)}40%{transform:translateY(-5px) rotate(1deg)}}}
@media(prefers-reduced-motion:reduce){.hero-copy h1 .face-one{opacity:1!important}.hero-copy h1 .face-two,.hero-copy h1 .face-three{opacity:0!important}.hero-copy h1 span{transform:none!important}}

.motion-paused *::before,.motion-paused *::after,.page-idle *::before,.page-idle *::after,.fx-observed:not(.fx-visible)::after{animation-play-state:paused!important}

/* Stable layout during scrolling: reserve all slides, including hidden ones. */
.slider{display:grid;align-items:stretch;isolation:isolate}
.slider>[data-slide]{grid-area:1 / 1;min-width:0}
.slider>[data-slide][hidden]{display:block!important;visibility:hidden;pointer-events:none}
.slider>[data-slide][hidden],.slider>[data-slide][hidden] *,.slider>[data-slide][hidden]::after{animation-play-state:paused!important}
/* Avoid expensive continuously repainting shadow halos on touch screens. */
@media(hover:none) and (pointer:coarse){
 .header,.mobile-bar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
 .product-card.fx-observed,.category.fx-observed,.business-card.fx-observed,.help-strip.fx-observed{animation-name:edge-led;box-shadow:none}
 .product-card.fx-observed::after{animation-name:edge-led;box-shadow:none}
 .print-wall.fx-observed .ad-word{animation-name:ad-ink}
}
