@font-face{font-family:'Permanent Marker';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/PermanentMarker-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:italic;font-weight:800;font-display:swap;src:url(fonts/Poppins-800i.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:italic;font-weight:900;font-display:swap;src:url(fonts/Poppins-900i.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Poppins-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/Poppins-600.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/Poppins-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/Poppins-800.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* ==========================================================================
   Pop template. Loaded after Clean (templates/clean/site.css) and restyles the public front end.
   Colors still come from the admin color preset (theme.css variables).
   ========================================================================== */
:root{--pop-ink:#101633;--pop-shadow:0 18px 40px rgba(16,22,51,.16);--pop-r:22px;--marker:"Permanent Marker","Comic Sans MS",cursive}
body.tpl-pop{font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16.5px;letter-spacing:-.005em}
.tpl-pop h1,.tpl-pop h2{font-weight:800;font-style:italic;letter-spacing:-.025em}
.tpl-pop h3{font-weight:700;letter-spacing:-.01em}
.marker,.tpl-pop .lets-go{font-family:var(--marker);font-weight:400;font-style:normal;letter-spacing:0}

/* Brush-stroke highlight (color follows the preset accent). */
.brush{position:relative;display:inline-block;padding:.04em .34em .1em;margin:.06em 0;color:var(--c-accent-ink);z-index:0;transform:rotate(-1.6deg);font-style:italic}
.brush::before{content:"";position:absolute;inset:-.04em -.16em -.02em;background:var(--c-accent);-webkit-mask:url(shapes/brush-banner.svg) center/100% 100% no-repeat;mask:url(shapes/brush-banner.svg) center/100% 100% no-repeat;z-index:-1}
.brush-sm{transform:rotate(-1deg)}
.tpl-pop .hl{position:relative;display:inline-block;background:none;padding:0 .12em;z-index:0;white-space:nowrap}
.tpl-pop .hl::before{content:"";position:absolute;left:-.1em;right:-.12em;top:.42em;bottom:-.02em;background:var(--c-highlight);-webkit-mask:url(shapes/brush-banner.svg) center/100% 100% no-repeat;mask:url(shapes/brush-banner.svg) center/100% 100% no-repeat;z-index:-1;transform:rotate(-1.2deg)}
.tpl-pop .tone-dark .hl,.tpl-pop .tone-primary .hl{color:var(--c-highlight-ink)}
.tpl-pop .tone-dark .hl::before,.tpl-pop .tone-primary .hl::before{top:.08em}
.tpl-pop .hl-accent{color:var(--c-accent);font-style:italic}
.tpl-pop .kicker{display:inline-block;background:var(--c-accent);color:var(--c-accent-ink);padding:.38em .85em;border-radius:8px;transform:rotate(-2deg);letter-spacing:.09em;font-size:.74rem;box-shadow:0 6px 14px color-mix(in srgb,var(--c-accent) 28%,transparent)}
.tpl-pop .tone-dark .kicker,.tpl-pop .tone-primary .kicker{background:var(--c-highlight);color:var(--c-highlight-ink)}
.tpl-pop .tone-highlight .kicker{background:var(--c-primary);color:var(--c-primary-ink)}
.tpl-pop .sec-head h2,.tpl-pop .block>h2{font-size:clamp(1.9rem,3.6vw,2.9rem);color:var(--c-primary-d)}
.tpl-pop .tone-dark .sec-head h2,.tpl-pop .tone-primary h2{color:#fff}
.tpl-pop .lead{color:color-mix(in srgb,var(--c-ink) 72%,transparent)}
.tpl-pop .tone-dark .lead,.tpl-pop .tone-primary .lead{color:var(--c-dark-ink);opacity:.92}
.tpl-pop .tone-primary .lead{color:var(--c-primary-ink)}
.pop-tag{display:inline-block;font-family:var(--marker);font-size:1.25rem;color:var(--c-primary-d);margin:0 0 10px;transform:rotate(-2deg)}
.pop-tag-accent{color:var(--c-accent)}
.tone-dark .pop-tag{color:var(--c-highlight)}

/* Buttons: chunky sticker style */
.tpl-pop .btn{font-weight:800;border-radius:14px;transition:transform .15s,box-shadow .15s,background .15s}
.tpl-pop .btn-primary{box-shadow:0 5px 0 var(--c-primary-d),0 12px 22px color-mix(in srgb,var(--c-primary) 30%,transparent)}
.tpl-pop .btn-accent{box-shadow:0 5px 0 var(--c-accent-d),0 12px 22px color-mix(in srgb,var(--c-accent) 30%,transparent)}
.tpl-pop .btn-primary:hover,.tpl-pop .btn-accent:hover{transform:translateY(-2px)}
.tpl-pop .btn-primary:active,.tpl-pop .btn-accent:active{transform:translateY(3px);box-shadow:0 2px 0 var(--c-primary-d)}
.tpl-pop .btn-light{box-shadow:0 5px 0 rgba(0,0,0,.18)}
.tpl-pop .btn-ghost{border-radius:14px}
.tpl-pop .btn-2l{border-radius:16px;padding:.7em 1.6em}
.tpl-pop .more-link{color:var(--c-accent)}

/* Header */
.tpl-pop .site-header{background:rgba(255,255,255,.97);border-bottom:0;box-shadow:0 2px 0 rgba(16,22,51,.04)}
.tpl-pop .site-header::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:linear-gradient(90deg,var(--c-highlight),var(--c-accent) 40%,var(--c-primary) 75%,var(--c-mint))}
.tpl-pop .site-nav a:not(.btn){font-weight:600}
.tpl-pop .site-nav a:not(.btn):hover{background:var(--c-highlight-soft);color:var(--c-ink)}
.tpl-pop .site-nav a:not(.btn)[aria-current],.tpl-pop .site-nav a:not(.btn)[aria-current]:hover{background:var(--c-primary);color:var(--c-primary-ink);box-shadow:0 4px 12px color-mix(in srgb,var(--c-primary) 28%,transparent)}
@media (max-width:1040px){.tpl-pop .site-nav a:not(.btn)[aria-current]{border-radius:10px;box-shadow:none}}
.tpl-pop .pop-cta{transform:rotate(-2deg)}
.tpl-pop .pop-cta:hover{transform:rotate(0) translateY(-2px)}

/* ---------- Hero rotator ---------- */
.pop-rotator{background:linear-gradient(118deg,var(--c-highlight-soft) 0%,#fff 46%,var(--c-primary-soft) 100%)}
.pop-rotator::before{display:none}
.pop-slide{padding:clamp(28px,4vw,48px) 0 0;overflow:hidden;display:flex;flex-direction:column}
.pop-slide>.slide-grid{flex:1}
.pop-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.pop-bg .pb{position:absolute;display:block;-webkit-mask:url(shapes/brush-banner.svg) center/100% 100% no-repeat;mask:url(shapes/brush-banner.svg) center/100% 100% no-repeat}
.pb1{width:min(58vw,820px);height:150px;left:-8%;top:-30px;background:var(--c-highlight);transform:rotate(-7deg);opacity:.85}
.pb2{width:min(40vw,560px);height:90px;right:-6%;bottom:22%;background:var(--c-accent);transform:rotate(-12deg);opacity:.16}
.pb3{width:min(36vw,520px);height:70px;left:30%;bottom:-24px;background:var(--c-primary);transform:rotate(3deg);opacity:.14}
.pop-bg .dots{position:absolute;right:3%;top:8%;width:180px;height:140px;background:radial-gradient(circle,color-mix(in srgb,var(--c-primary) 35%,transparent) 2.2px,transparent 2.6px) 0 0/16px 16px;opacity:.6}
.pop-slide .slide-grid{position:relative;z-index:1;grid-template-columns:1fr 1.02fr;gap:24px;align-items:stretch}
.pop-slide .slide-copy{padding:clamp(10px,3vw,40px) 0 96px;align-self:center}
.pop-kicker{display:inline-flex;align-items:center;gap:.4em;margin:0 0 14px;background:var(--pop-ink);color:#fff;font-weight:700;font-size:.86rem;padding:.42em 1em;border-radius:999px;transform:rotate(-1.5deg)}
.pop-kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c-highlight);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-highlight) 35%,transparent)}
.pop-slide .slide-title{font-size:clamp(2.4rem,5.4vw,4.5rem);line-height:1.02;color:var(--c-primary-d);margin-bottom:.4em}
.pop-slide .slide-title .brush{display:block;width:fit-content;max-width:100%;margin-top:.12em;font-size:1.02em}
.pop-slide .slide-body{font-size:clamp(1.02rem,1.4vw,1.18rem);max-width:520px;font-weight:500}
.pop-slide .slide-art{min-height:500px;height:auto;align-self:end}
.pop-rotator .rot-controls{bottom:22px;justify-content:flex-start;left:max(20px,calc((100% - 1200px) / 2));right:auto}
.pop-rotator .rot-dot.is-active{background:var(--c-accent)}

/* Scenes */
.pop-scene{position:absolute;inset:0}
.pop-blob{position:absolute;right:4%;bottom:4%;width:min(88%,500px);aspect-ratio:1;background:var(--c-highlight);-webkit-mask:url(shapes/brush-blob.svg) center/contain no-repeat;mask:url(shapes/brush-blob.svg) center/contain no-repeat;animation:pop-breathe 9s ease-in-out infinite}
.scene-search .pop-blob{background:var(--c-primary);opacity:.9}
.scene-social .pop-blob{background:var(--c-accent);opacity:.9}
@keyframes pop-breathe{50%{transform:scale(1.04) rotate(4deg)}}
.pop-person-img{position:absolute;bottom:0;right:4%;height:96%;width:auto;max-width:none;z-index:1;filter:drop-shadow(0 18px 30px rgba(16,22,51,.22))}
.scene-search .pop-person-img{right:-4%;height:84%}
.scene-social .pop-person-img{right:0;height:94%}
.pop-scene .laptop{position:absolute;left:-2%;right:auto;top:auto;bottom:5%;width:60%;z-index:2;transform:rotate(-2deg)}
.laptop-screen{border:9px solid #141a33;border-bottom-width:12px;border-radius:14px 14px 3px 3px;background:#000;aspect-ratio:16/10;overflow:hidden;box-shadow:var(--pop-shadow)}
.laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.laptop-base{display:block;height:13px;margin:0 -7%;background:linear-gradient(#eef0f6,#a6aec4);border-radius:0 0 16px 16px;box-shadow:0 10px 18px rgba(16,22,51,.18)}
.pop-scene .phone{position:absolute;right:auto;left:48%;bottom:2%;width:17%;min-width:0;aspect-ratio:390/844;padding:0;border:6px solid #141a33;border-radius:22px;background:#141a33;overflow:hidden;box-shadow:var(--pop-shadow);transform:rotate(5deg);z-index:3}
.pop-scene .phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:15px}
.pop-days{position:absolute;right:-2%;bottom:9%;z-index:4;margin:0;max-width:200px;background:#fff;color:var(--pop-ink);font-family:var(--marker);font-size:1.15rem;line-height:1.15;padding:.55em .8em;border-radius:12px;transform:rotate(4deg);box-shadow:var(--pop-shadow)}
.pop-days b{display:block;color:var(--c-accent);font-weight:400;font-size:1.6em}
.sticker{position:absolute;z-index:5;left:0;top:4%;display:grid;place-items:center;align-content:center;gap:0;width:138px;aspect-ratio:1;text-align:center;color:var(--c-accent-ink);line-height:1;transform:rotate(-11deg);animation:pop-wobble 6s ease-in-out infinite}
.sticker::before,.sticker::after{content:"";position:absolute;inset:0;-webkit-mask:url(shapes/burst.svg) center/contain no-repeat;mask:url(shapes/burst.svg) center/contain no-repeat;z-index:-1}
.sticker::after{background:var(--c-accent)}
.sticker::before{background:var(--c-highlight);transform:scale(1.12) rotate(8deg)}
.sticker b{font-size:2.6rem;font-weight:900;font-style:italic;letter-spacing:-.04em}
.sticker small{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.sticker small:last-child{text-transform:none;font-size:.95rem}
.sticker-search{color:var(--c-highlight-ink)}.sticker-search::after{background:var(--c-highlight)}.sticker-search::before{background:var(--c-primary)}
.sticker-search b{font-size:1.35rem}
@keyframes pop-wobble{50%{transform:rotate(-6deg) scale(1.03)}}
.pop-searchbar{position:absolute;left:0;top:6%;z-index:4;display:flex;align-items:center;gap:10px;width:min(84%,440px);background:#fff;border-radius:999px;padding:12px 18px;box-shadow:var(--pop-shadow);font-weight:600;font-size:1rem;color:var(--c-muted)}
.pop-searchbar .gi{width:22px;height:22px;color:var(--c-primary);flex:none}
.pop-searchbar b{color:var(--c-accent)}
.float-logo{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:3px;width:70px;animation:pop-float 5s ease-in-out infinite}
.float-logo .logo-mark{width:54px;height:54px;padding:12px;background:#fff;border-radius:16px;box-shadow:0 10px 22px rgba(16,22,51,.16)}
.float-logo small{font-size:.66rem;font-weight:700;color:var(--pop-ink);background:rgba(255,255,255,.9);padding:1px 6px;border-radius:999px;white-space:nowrap}
.fl1{left:0;top:24%}.fl2{left:16%;top:22%;animation-delay:-.6s}.fl3{left:32%;top:24%;animation-delay:-1.2s}.fl4{left:48%;top:22%;animation-delay:-1.8s}
.fl5{left:2%;top:46%;animation-delay:-2.4s}.fl6{left:18%;top:44%;animation-delay:-3s}.fl7{left:34%;top:47%;animation-delay:-3.6s}
.fl8{left:0;top:68%;animation-delay:-4.2s}.fl9{left:16%;top:67%;animation-delay:-.9s}.fl10{left:32%;top:69%;animation-delay:-1.5s}.fl11{left:6%;top:88%;animation-delay:-2.1s;display:none}
.fl5 .logo-mark,.fl6 .logo-mark,.fl7 .logo-mark,.fl8 .logo-mark,.fl9 .logo-mark,.fl10 .logo-mark,.fl11 .logo-mark{border-radius:50%}
@keyframes pop-float{50%{transform:translateY(-8px)}}
.scene-search .sticker{left:auto;right:2%;top:auto;bottom:6%}
.pop-scene .phone-social{left:4%;bottom:4%;width:30%;transform:rotate(-6deg)}
.app-cloud .app{position:absolute;z-index:4;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;box-shadow:0 10px 20px rgba(16,22,51,.2);animation:pop-float 5s ease-in-out infinite}
.app .logo-mark{width:28px;height:28px;filter:brightness(0) invert(1)}
.app-facebook{background:#0866ff}.app-instagram{background:radial-gradient(circle at 30% 110%,#ffdb6e 0,#ff5a3c 30%,#d6249f 60%,#285aeb 100%)}.app-tiktok{background:#111}.app-youtube{background:#ff0000}.app-x{background:#000}.app-pinterest{background:#e60023}.app-linkedin{background:#0a66c2}.app-linkedin .logo-mark{filter:none}
.app-linkedin .logo-mark{width:52px;height:52px}
.ap1{left:34%;top:20%}.ap2{left:0;top:16%;animation-delay:-.7s}.ap3{left:30%;top:40%;animation-delay:-1.4s}.ap4{left:-2%;top:46%;animation-delay:-2.1s}.ap5{left:36%;top:60%;animation-delay:-2.8s}.ap6{left:40%;top:4%;animation-delay:-3.5s}.ap7{left:16%;top:-4%;animation-delay:-4.2s}
.pop-mailcard{position:absolute;z-index:5;left:30%;bottom:6%;display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:10px 16px;box-shadow:var(--pop-shadow);transform:rotate(-2deg)}
.pop-mailcard .gi{width:26px;height:26px;color:var(--c-accent)}
.pop-mailcard b{display:block;font-size:.92rem}.pop-mailcard small{display:block;color:var(--c-muted);font-size:.78rem}
.scene-social .sticker{left:auto;right:0;top:4%}
.scene-social .sticker b{font-size:2.9rem}

/* ---------- Feature strip (promo cards) ---------- */
.tpl-pop .sec-features{padding-top:46px;background:linear-gradient(#fff,var(--c-bg))}
.tpl-pop .promo{border:0;border-radius:var(--pop-r);min-height:280px;box-shadow:var(--pop-shadow);transition:transform .2s,box-shadow .2s}
.tpl-pop .promo:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 26px 50px rgba(16,22,51,.2)}
.tpl-pop .promo-a{background:linear-gradient(140deg,var(--c-highlight) 0%,color-mix(in srgb,var(--c-highlight) 60%,#ff9f43) 100%);color:var(--c-highlight-ink)}
.tpl-pop .promo-b{background:linear-gradient(140deg,var(--c-primary) 0%,var(--c-primary-d) 100%);color:#fff}
.tpl-pop .promo-c{background:linear-gradient(140deg,var(--c-accent) 0%,color-mix(in srgb,var(--c-accent) 70%,#7c3aed) 100%);color:#fff}
.tpl-pop .promo h3{font-size:1.5rem;font-weight:800;font-style:italic;color:inherit}
.tpl-pop .promo p:not(.kicker){color:inherit;opacity:.9}
.tpl-pop .promo .kicker{background:#fff;color:var(--pop-ink);box-shadow:none}
.tpl-pop .promo .hl-accent{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-decoration-thickness:.12em;text-underline-offset:.12em}
.tpl-pop .promo-a .hl-accent{color:var(--c-accent-d)}
.tpl-pop .promo-b .hl-accent{color:var(--c-highlight);text-decoration:none}
.tpl-pop .promo-c .hl-accent{color:var(--c-highlight);text-decoration:none}
.tpl-pop .promo .btn{background:#fff;color:var(--pop-ink);box-shadow:0 4px 0 rgba(0,0,0,.18)}
.tpl-pop .promo-copy{max-width:58%}
.tpl-pop .promo-art{right:-16px;bottom:-14px;width:40%;aspect-ratio:auto;height:54%;border-radius:16px;opacity:1;transform:rotate(-6deg);border:5px solid #fff;box-shadow:0 14px 28px rgba(0,0,0,.22);background-color:#fff}
.tpl-pop .promo-art-laptop{background:url(img/screen-site-desktop.webp) top/cover no-repeat}
.tpl-pop .promo-art-search{background:#fff url(logos/google.svg) 14% 18%/24% no-repeat;background-image:url(logos/google.svg),url(logos/chatgpt.svg),url(logos/yelp.svg),url(logos/gemini.svg),url(logos/applemaps.svg),url(logos/perplexity.svg);background-position:12% 16%,50% 16%,88% 16%,12% 74%,50% 74%,88% 74%;background-size:24% auto;background-repeat:no-repeat;border-radius:20px}
.tpl-pop .promo-art-social{background:url(img/screen-social.webp) top/cover no-repeat;width:34%;height:74%;border-radius:20px;border-color:#141a33;border-width:5px}
.tpl-pop .promo-badge{top:14px;bottom:auto;left:auto;right:12px;position:absolute;z-index:2;background:#fff;color:var(--c-accent);font-weight:800;transform:rotate(-6deg);border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.18);padding:.35em .8em;font-size:.82rem}
.tpl-pop .promo-badge b{font-size:1.6em;font-style:italic}
.tpl-pop .strip{border:0;border-radius:var(--pop-r);box-shadow:var(--pop-shadow);margin-top:28px}
.tpl-pop .strip li{border-color:var(--c-line)}
.tpl-pop .strip .gi{width:34px;height:34px;color:var(--c-primary)}
.tpl-pop .strip li:nth-child(2) .gi{color:var(--c-accent)}
.tpl-pop .strip li:nth-child(3) .gi{color:var(--c-mint)}
.tpl-pop .strip li:nth-child(4) .gi{color:color-mix(in srgb,var(--c-highlight) 55%,#000)}
.tpl-pop .strip-cta{background:linear-gradient(135deg,var(--c-accent),var(--c-accent-d))}
.tpl-pop .strip-cta b{font-style:italic;font-size:1.3rem!important}

/* ---------- Made for businesses like yours ---------- */
.pop-people{padding:clamp(44px,6vw,80px) 0 clamp(40px,5vw,70px);background:var(--c-bg);overflow:hidden}
.pop-people-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 30px;margin-bottom:26px}
.pop-people-head h2{font-size:clamp(1.8rem,3.4vw,2.7rem);color:var(--c-primary-d);margin:0}
.pop-people-head p{margin:0;font-weight:500;color:var(--c-muted);max-width:430px}
.pop-people-head .marker{color:var(--c-accent);font-size:1.25em;display:inline-block;transform:rotate(-3deg)}
.pop-marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.pop-track{display:flex;gap:22px;list-style:none;margin:0;padding:16px 0 22px;width:max-content;animation:pop-marquee 48s linear infinite}
.pop-marquee:hover .pop-track{animation-play-state:paused}
@keyframes pop-marquee{to{transform:translateX(calc(-50% - 11px))}}
.pop-person{position:relative;width:220px;flex:none;border-radius:var(--pop-r);overflow:hidden;box-shadow:var(--pop-shadow);transform:rotate(-2deg);border:5px solid #fff;background:#fff}
.pop-person:nth-child(even){transform:rotate(2deg) translateY(10px)}
.pop-person img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pop-person-tag{position:absolute;left:10px;bottom:10px;background:var(--c-highlight);color:var(--c-highlight-ink);font-weight:800;font-size:.82rem;padding:.3em .75em;border-radius:8px;transform:rotate(-3deg)}
.pop-person:nth-child(3n+2) .pop-person-tag{background:var(--c-accent);color:var(--c-accent-ink)}
.pop-person:nth-child(3n) .pop-person-tag{background:var(--c-primary);color:var(--c-primary-ink)}
@media (prefers-reduced-motion:reduce){.pop-marquee{overflow-x:auto;-webkit-mask:none;mask:none}.pop-track{animation:none}.pop-person[aria-hidden="true"]{display:none}}

/* ---------- How it works ---------- */
.tpl-pop .sec-how{background:#fff}
.tpl-pop .step{border:0;border-radius:var(--pop-r);box-shadow:var(--pop-shadow);padding:30px 26px 28px;border-top:7px solid var(--c-accent);transition:transform .2s}
.tpl-pop .step:nth-child(2){border-top-color:var(--c-primary);transform:translateY(14px)}
.tpl-pop .step:nth-child(3){border-top-color:var(--c-highlight)}
.tpl-pop .step:hover{transform:translateY(-4px)}
.tpl-pop .step-num{width:58px;height:58px;font-size:1.7rem;font-style:italic;transform:rotate(-8deg);box-shadow:0 6px 0 rgba(0,0,0,.12);margin-top:-52px;border:4px solid #fff}
.tpl-pop .step h3{font-size:1.35rem;font-style:italic;font-weight:800}
.tpl-pop .lets-go{background:none;color:var(--c-accent);font-size:2.2rem;right:18px;bottom:10px;transform:rotate(-10deg);text-shadow:3px 3px 0 var(--c-highlight)}

/* ---------- Pricing ---------- */
.tpl-pop .sec-pricing{position:relative;background:linear-gradient(160deg,var(--c-highlight-soft),#fff 55%,var(--c-accent-soft));overflow:hidden}
.tpl-pop .plan{border:0;border-radius:var(--pop-r);box-shadow:var(--pop-shadow);transition:transform .2s}
.tpl-pop .plan:hover{transform:translateY(-4px)}
.tpl-pop .plan-featured{outline:4px solid var(--c-accent);outline-offset:-4px;transform:rotate(-1deg)}
.tpl-pop .plan-featured:hover{transform:rotate(0) translateY(-4px)}
.tpl-pop .plan h3{font-style:italic;font-weight:800}
.tpl-pop .plan-price b{font-size:3.4rem;font-style:italic;letter-spacing:-.04em}
.tpl-pop .ribbon{background:var(--c-highlight);font-family:var(--marker);font-weight:400;font-size:1rem;transform:rotate(-4deg);top:-16px;box-shadow:0 6px 14px rgba(0,0,0,.12)}
.tpl-pop .addon-panel{background:#fff;border:0;box-shadow:var(--pop-shadow)}

/* ---------- Add-ons ---------- */
.tpl-pop .addon{border:0;border-radius:var(--pop-r);box-shadow:0 10px 26px rgba(16,22,51,.08)}
.tpl-pop .addon:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:var(--pop-shadow)}
.tpl-pop .addon-ic{width:56px;height:56px;border-radius:18px;transform:rotate(-6deg)}
.tpl-pop .addon-ic.t1{background:var(--c-primary);color:#fff}.tpl-pop .addon-ic.t2{background:var(--c-accent);color:#fff}.tpl-pop .addon-ic.t3{background:var(--c-mint);color:#fff}.tpl-pop .addon-ic.t4{background:#f59e0b;color:#fff}
.tpl-pop .addon-ic.t5{background:#8b5cf6;color:#fff}.tpl-pop .addon-ic.t6{background:#0ea5e9;color:#fff}.tpl-pop .addon-ic.t7{background:#ef6b5b;color:#fff}.tpl-pop .addon-ic.t8{background:#475569;color:#fff}
.tpl-pop .addon h3{font-weight:800}

/* ---------- Directory and AI logo tiles ---------- */
.tpl-pop .tile{border:0;border-radius:18px;box-shadow:0 8px 20px rgba(16,22,51,.08);padding:16px 6px 14px;transition:transform .15s,box-shadow .15s}
.tpl-pop .tile:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:var(--pop-shadow)}
.tile-logo{width:48px!important;height:48px!important;background:none!important;border-radius:0!important}
.tile-logo .logo-mark{width:40px;height:40px;object-fit:contain}
.tile-word{width:48px!important;height:48px!important;border-radius:50%!important;font-weight:900;font-size:.95rem;letter-spacing:-.02em;font-style:italic}
.tpl-pop .tile-more .tile-ic{background:var(--c-highlight)!important;color:var(--c-highlight-ink)!important;border-radius:50%}
.tpl-pop .sec-directories{background:linear-gradient(180deg,#fff,var(--c-primary-soft))}
.tpl-pop .tone-dark{background:radial-gradient(700px 400px at 85% 10%,color-mix(in srgb,var(--c-accent) 35%,transparent),transparent 70%),radial-gradient(600px 400px at 0% 100%,color-mix(in srgb,var(--c-primary) 45%,transparent),transparent 70%),var(--c-dark)}
.tpl-pop .tone-dark .tile{background:#fff;color:var(--pop-ink);border:0}
.tpl-pop .sec-ai .tile-ic{border-radius:50%}

/* ---------- Gallery, FAQ ---------- */
.tpl-pop .browser{border:0;border-radius:var(--pop-r);box-shadow:0 30px 60px rgba(16,22,51,.2)}
.tpl-pop .faq-list details{border:0;box-shadow:0 6px 18px rgba(16,22,51,.06);border-left:6px solid var(--c-primary-soft);border-radius:16px}
.tpl-pop .faq-list details[open]{border-left-color:var(--c-accent)}
.tpl-pop .faq-list summary::after{background:var(--c-highlight);color:var(--c-highlight-ink)}
.tpl-pop .faq-list details[open] summary::after{background:var(--c-accent);color:var(--c-accent-ink)}

/* ---------- Get started (primary tone) ---------- */
.tpl-pop .tone-primary{background:radial-gradient(circle,rgba(255,255,255,.14) 2px,transparent 2.5px) 0 0/22px 22px,linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-d) 55%,color-mix(in srgb,var(--c-accent) 75%,var(--c-primary-d)) 100%)}
.tpl-pop .tone-primary .signup{border:0;border-radius:var(--pop-r);box-shadow:0 30px 60px rgba(0,0,0,.25)}
.tpl-pop .tone-primary h2{font-size:clamp(2rem,4vw,3rem)}

/* ---------- Just Say Go (highlight tone) ---------- */
.tpl-pop .tone-highlight{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--c-highlight) 0%,color-mix(in srgb,var(--c-highlight) 75%,#fff) 100%)}
.tpl-pop .tone-highlight::before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-160px;background:var(--c-accent);opacity:.18;-webkit-mask:url(shapes/brush-blob.svg) center/contain no-repeat;mask:url(shapes/brush-blob.svg) center/contain no-repeat}
.tpl-pop .tone-highlight .wrap{position:relative}
.tpl-pop .cta-band h2{font-family:var(--marker);font-style:normal;font-weight:400;font-size:clamp(2.6rem,6vw,4.4rem);color:var(--c-primary-d);transform:rotate(-3deg);line-height:1.05}
.tpl-pop .cta-band h2 .hl-accent{color:var(--c-accent);font-style:normal;font-size:1.25em;text-shadow:4px 4px 0 #fff}
.tpl-pop .go-btn{border:0;border-radius:18px;box-shadow:0 8px 0 rgba(16,22,51,.12),0 14px 28px rgba(16,22,51,.12);transition:transform .15s}
.tpl-pop .go-btn:hover{transform:translateY(-3px)}
.tpl-pop .go-ic{border-radius:50%}

/* ---------- Footer ---------- */
.pop-goband{background:linear-gradient(90deg,var(--c-primary-d),var(--c-primary));padding:18px 0}
.pop-goband-in{display:flex;align-items:center;justify-content:space-between;gap:16px 26px;flex-wrap:wrap}
.pop-go-h{margin:0;font-family:var(--marker);color:#fff;font-size:2rem;line-height:1;transform:rotate(-3deg)}
.pop-go-h b{font-weight:400;color:var(--c-highlight);font-size:1.45em;text-shadow:3px 3px 0 var(--c-accent)}
.pop-go-links{display:flex;flex-wrap:wrap;gap:10px}
.pop-go-links a{display:flex;align-items:center;gap:10px;background:#fff;color:var(--pop-ink)!important;border-radius:14px;padding:8px 14px 8px 8px;text-decoration:none!important;box-shadow:0 4px 0 rgba(0,0,0,.15)}
.pop-go-links a:hover{transform:translateY(-2px)}
.pop-go-links small{display:block;font-size:.7rem;color:var(--c-muted)}
.pop-go-links b{display:block;font-size:.88rem}
.pop-go-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--c-accent);color:#fff}
.pop-go-links a:nth-child(2) .pop-go-ic{background:var(--c-primary)}.pop-go-links a:nth-child(3) .pop-go-ic{background:var(--c-mint)}
.pop-grow{font-family:var(--marker);color:var(--c-highlight);font-size:1.5rem;transform:rotate(-4deg);display:inline-block;opacity:1!important}

/* ---------- Product page ---------- */
.tpl-pop .prod-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,var(--c-highlight-soft),#fff 50%,var(--c-accent-soft))}
.tpl-pop .prod-hero::before{content:"";position:absolute;width:min(60vw,760px);height:130px;left:-10%;top:-30px;background:var(--c-highlight);opacity:.8;transform:rotate(-6deg);-webkit-mask:url(shapes/brush-banner.svg) center/100% 100% no-repeat;mask:url(shapes/brush-banner.svg) center/100% 100% no-repeat}
.tpl-pop .prod-hero .wrap{position:relative}
.tpl-pop .prod-hero h1{color:var(--c-primary-d);font-size:clamp(2.1rem,4.4vw,3.4rem)}
.tpl-pop .prod-hero h1 .brush{font-size:1em}
.tpl-pop .prod-hero .pill{background:var(--pop-ink);color:#fff}
.prod-side{position:relative}
.prod-photo{position:relative;margin:0 0 0 auto;width:min(100%,400px);border-radius:var(--pop-r);overflow:visible;transform:rotate(2.5deg)}
.prod-photo img{width:100%;aspect-ratio:4/5;max-height:440px;object-fit:cover;border-radius:var(--pop-r);border:6px solid #fff;box-shadow:var(--pop-shadow)}
.sticker-prod{left:-34px;top:-20px;width:128px;transform:rotate(-12deg)}
.sticker-prod small{font-size:.66rem!important;text-transform:uppercase!important}
.sticker-prod b{font-size:2rem}
.sticker-prod .plus,.sticker-prod .per{font-size:.8rem;font-weight:800}
.sticker-prod .price-quote{font-size:.95rem;font-weight:800;color:inherit;padding:0 14px}
.tpl-pop .prod-side .prod-card{position:relative;margin:-90px 0 0 -30px;width:min(100%,360px);border:0;border-radius:var(--pop-r);box-shadow:var(--pop-shadow);transform:rotate(-1.5deg)}
.tpl-pop .prod-side .prod-card .plan-price{display:none}
.tpl-pop .prod-ic{display:none}
.tpl-pop .like-card{overflow:hidden;border:0;border-radius:var(--pop-r);box-shadow:var(--pop-shadow);transition:transform .2s}
.tpl-pop .like-card:hover{transform:translateY(-5px)}
.like-photo{margin:-24px -24px 16px}
.like-photo img{width:100%;height:170px;object-fit:cover;object-position:center 30%}
.tpl-pop [aria-labelledby=like-h] .grid-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.tpl-pop .like-card .card-ic{margin-top:-46px;position:relative;border:4px solid #fff;background:var(--c-accent);color:#fff;transform:rotate(-6deg)}
.tpl-pop .mini-card{border:0;box-shadow:0 8px 20px rgba(16,22,51,.08);border-radius:18px;transition:transform .15s}
.tpl-pop .mini-card:hover{transform:translateY(-4px)}
.tpl-pop .addon-ic.t1,.tpl-pop .mini-card .addon-ic{border-radius:16px}

/* ---------- Go page, help, thanks ---------- */
.tpl-pop .go-hero,.tpl-pop .help-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,var(--c-highlight-soft),#fff 50%,var(--c-primary-soft));border-bottom:0}
.tpl-pop .go-hero::before,.tpl-pop .help-hero::before{content:"";position:absolute;width:min(60vw,760px);height:130px;right:-12%;top:-36px;background:var(--c-accent);opacity:.16;transform:rotate(8deg);-webkit-mask:url(shapes/brush-banner.svg) center/100% 100% no-repeat;mask:url(shapes/brush-banner.svg) center/100% 100% no-repeat}
.tpl-pop .go-hero .wrap,.tpl-pop .help-hero .wrap{position:relative}
.tpl-pop .go-hero h1{color:var(--c-primary-d);font-size:clamp(3rem,7vw,5.2rem)}
.tpl-pop .go-hero h1 .script{font-family:var(--marker);font-style:normal;font-weight:400;color:var(--c-accent);display:inline-block;transform:rotate(-5deg);font-size:1.15em;text-shadow:4px 4px 0 var(--c-highlight)}
.tpl-pop .go-chat,.tpl-pop .signup,.tpl-pop .card{border-radius:var(--pop-r)}
.tpl-pop .go-hero .signup{border:0;box-shadow:var(--pop-shadow)}
.tpl-pop .help-hero h1{color:var(--c-primary-d)}
.tpl-pop .help-search{border:0;box-shadow:var(--pop-shadow)}
.tpl-pop .help-cat{border:0;box-shadow:0 10px 26px rgba(16,22,51,.08)}
.tpl-pop .chat-fab{box-shadow:0 5px 0 var(--c-primary-d),0 12px 26px rgba(16,22,51,.25)}

/* ---------- Motion preferences ---------- */
@media (prefers-reduced-motion:reduce){.pop-blob,.sticker,.float-logo,.app-cloud .app{animation:none!important}}

/* ---------- Responsive ---------- */
@media (max-width:1040px){
  .pop-slide .slide-grid{grid-template-columns:1fr;gap:0}
  .pop-slide .slide-copy{padding:8px 0 10px}
  .pop-slide .slide-art{min-height:0;height:min(76vw,470px);max-width:620px;width:100%;margin:0 auto}
  .pop-slide{padding-bottom:64px}
  .pop-rotator .rot-controls{justify-content:center;left:0;right:0}
  .tpl-pop .promo-copy{max-width:62%}
  .tpl-pop .step:nth-child(2){transform:none}
}
@media (max-width:700px){
  body.tpl-pop{font-size:15.5px}
  .pb1{width:120vw;height:110px;left:-20%;top:-26px}
  .pop-bg .dots{display:none}
  .pop-slide{padding:20px 0 64px}
  .pop-rotator .rot-controls{justify-content:center;left:0;right:0}
  .pop-slide .slide-title{font-size:clamp(2.1rem,10.5vw,2.9rem)}
  .pop-slide .slide-art{height:100vw;max-height:440px;margin-top:8px}
  .pop-kicker{font-size:.78rem}
  .sticker{width:96px}.sticker b{font-size:1.8rem}.sticker small{font-size:.58rem}.sticker small:last-child{font-size:.72rem}
  .sticker-search b{font-size:1rem}.scene-social .sticker b{font-size:2rem}
  .pop-days{font-size:.85rem;max-width:130px;bottom:24%;right:0}
  .pop-scene .phone{border-width:4px;border-radius:14px}
  .pop-scene .phone img{border-radius:10px}
  .laptop-screen{border-width:5px;border-bottom-width:8px;border-radius:9px 9px 2px 2px}
  .laptop-base{height:8px}
  .pop-searchbar{font-size:.82rem;padding:9px 14px;width:92%}
  .float-logo{width:52px}.float-logo .logo-mark{width:42px;height:42px;padding:9px;border-radius:12px}.float-logo small{font-size:.56rem;padding:0 4px}
  .fl1{left:0;top:20%}.fl2{left:17%;top:20%}.fl3{left:34%;top:20%}.fl4{left:51%;top:20%}
  .fl5{left:0;top:43%}.fl6{left:17%;top:43%}.fl7{left:34%;top:43%}
  .fl8{left:0;top:66%}.fl9{left:17%;top:66%}.fl10{left:34%;top:66%}
  .app-cloud .app{width:40px;height:40px;border-radius:12px}.app .logo-mark{width:22px;height:22px}.app-linkedin .logo-mark{width:40px;height:40px}
  .ap7{top:8%;left:22%}
  .pop-mailcard{left:24%;bottom:3%;padding:8px 12px}.pop-mailcard b{font-size:.8rem}.pop-mailcard small{font-size:.7rem}
  .tpl-pop .promo{min-height:250px}
  .tpl-pop .promo-copy{max-width:64%}
  .tpl-pop .promo h3{font-size:1.3rem}
  .pop-person{width:160px}
  .pop-people-head{margin-bottom:12px}
  .tpl-pop .step{margin-top:22px}
  .tpl-pop .lets-go{position:static;display:inline-block;margin-top:4px}
  .tpl-pop .plan-price b{font-size:2.8rem}
  .pop-goband-in{flex-direction:column;align-items:flex-start}
  .pop-go-links{flex-direction:column;width:100%}
  .prod-photo{margin:0 auto;width:86%}
  .sticker-prod{left:-14px;top:-14px;width:100px}.sticker-prod b{font-size:1.5rem}
  .tpl-pop .prod-side .prod-card{margin:-60px auto 0;width:94%}
  .tpl-pop .cta-band h2{font-size:clamp(2.4rem,12vw,3.2rem)}
}