.pop-template{font-size:16px}.pop-template .td-icon{flex:none;width:18px;height:18px}.pop-template .td-back{padding-top:24px}.pop-template .td-back a{box-shadow:inset 0 0 0 2px var(--line);color:var(--ink-2);background:#fff;border-radius:999px;align-items:center;padding:7px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:box-shadow .15s;display:inline-flex}.pop-template .td-back a:hover{box-shadow:inset 0 0 0 2px var(--ink);color:var(--ink)}.pop-template .td-hero{justify-content:space-between;align-items:flex-end;gap:40px;padding:28px 0;display:flex}.pop-template .td-copy{min-width:0;max-width:780px}.pop-template .td-tags{flex-wrap:wrap;gap:6px;display:flex}.pop-template .tag{color:var(--ink);letter-spacing:.02em;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:800}.pop-template .tag.new{background:var(--pink);color:#fff;box-shadow:none}.pop-template .tag.pro{background:var(--ink);color:var(--yellow);box-shadow:none}.pop-template .tag.draft{background:var(--orange);color:#fff;box-shadow:none}.pop-template .td-hero h1{letter-spacing:-.035em;text-wrap:balance;margin-top:14px;font-size:clamp(36px,4.4vw,60px);font-weight:800;line-height:1}.pop-template .td-lead{max-width:640px;color:var(--muted);margin-top:16px;font-size:18px;line-height:1.55}.pop-template .td-actions{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:12px;max-width:300px;display:flex}.pop-template .td-use{padding:15px 26px;font-size:18px}.pop-template .td-use:hover .td-icon{transform:translate(3px)}.pop-template .td-use .td-icon{transition:transform .2s}.pop-template .td-meta{color:var(--muted);font-size:13.5px;font-weight:600}.pop-template [role=alert]{color:#d92d4b;font-size:14px;font-weight:600}.pop-template .td-stage{--shot-h:min(500px, 62vh);background:var(--card-bg);isolation:isolate;border-radius:36px;position:relative;overflow:hidden}.pop-template .td-stage:before{content:"";z-index:-1;background-image:radial-gradient(#15102e14 1.2px,#0000 1.3px);background-size:22px 22px;position:absolute;inset:0}.pop-template .td-stage:after{content:"";background:linear-gradient(90deg, transparent, var(--card-bg));pointer-events:none;width:48px;position:absolute;top:0;bottom:0;right:0}.pop-template .td-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#15102e4d transparent;gap:18px;width:max-content;max-width:100%;margin:0 auto;padding:44px 40px;scroll-padding-inline:40px;display:flex;overflow-x:auto}.pop-template .td-strip img{width:auto;min-width:120px;max-width:none;height:var(--shot-h);scroll-snap-align:start;background:#ffffff80;border-radius:18px;flex:none;box-shadow:0 22px 34px -18px #15102e80}.pop-template .td-perks{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.pop-template .td-perk{font-family:var(--display);letter-spacing:-.02em;border-radius:24px;align-items:center;gap:14px;padding:18px 22px;font-size:21px;font-weight:800;line-height:1.15;display:flex}.pop-template .td-perk img{filter:drop-shadow(0 8px 10px #15102e40);flex:none;width:52px;height:52px}.pop-template .td-perk.p1{background:var(--violet);color:#fff}.pop-template .td-perk.p3{background:var(--pink);color:#fff}.pop-template .td-prose{max-width:780px;color:var(--ink-2);margin:64px auto 0;font-size:17px;line-height:1.7}.pop-template .td-prose>:first-child{margin-top:0}.pop-template .td-prose p{margin:0 0 16px}.pop-template .td-prose li>p{margin:0}.pop-template .td-prose h2{color:var(--ink);margin:44px 0 14px;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.08}.pop-template .td-prose h3{color:var(--ink);margin:30px 0 10px;font-size:22px;font-weight:800;line-height:1.2}.pop-template .td-prose strong{color:var(--ink)}.pop-template .td-prose ul,.pop-template .td-prose ol{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.pop-template .td-prose ol{counter-reset:td}.pop-template .td-prose li{box-shadow:inset 0 0 0 2px var(--line);background:#fff;border-radius:18px;padding:14px 18px 14px 50px;position:relative}.pop-template .td-prose ul>li:before{content:"✓";background:var(--yellow);width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:15px;left:16px}.pop-template .td-prose ol>li:before{counter-increment:td;content:counter(td);background:var(--ink);color:#fff;border-radius:8px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid;position:absolute;top:14px;left:16px}.pop-template .td-prose a{color:var(--violet);font-weight:600}.pop-template .td-prose p:empty{display:none}.pop-template .td-band{background:var(--ink);color:#fff;isolation:isolate;border-radius:32px;justify-content:space-between;align-items:center;gap:28px;margin-top:64px;padding:40px 48px;display:flex;position:relative;overflow:hidden}.pop-template .td-band:before{content:"";background:var(--grad);z-index:-1;border-radius:50%;width:340px;height:340px;position:absolute;top:-130px;right:-90px}.pop-template .td-band-title{font-family:var(--display);letter-spacing:-.03em;max-width:640px;font-size:clamp(28px,3.4vw,44px);font-weight:800;line-height:1.05}.pop-template .td-band-sticker{filter:drop-shadow(0 12px 16px #00000059);pointer-events:none;width:72px;height:72px;position:absolute;top:12px;right:280px;transform:rotate(14deg)}.pop-template .td-band>div,.pop-template .td-band .td-use{flex:none}.pop-template .td-seo{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;margin-top:96px;padding:72px 0 24px}.pop-template .td-seo .td-prose{margin-top:0}.pop-template .td-more{padding-top:88px}.pop-template .td-more h2{font-size:clamp(30px,3.4vw,44px);font-weight:800}.pop-template .td-more ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:26px 0 0;padding:0;list-style:none;display:grid}.pop-template .td-more a{box-shadow:inset 0 0 0 2px var(--line);background:#fff;border-radius:24px;padding:8px 8px 14px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.pop-template .td-more a:hover{box-shadow:inset 0 0 0 2px var(--ink), 0 5px 0 var(--ink);transform:translateY(-3px)}.pop-template .td-thumb{--shot-h:168px;background:var(--card-bg);border-radius:17px;display:block;position:relative;overflow:hidden}.pop-template .td-thumb:after{content:"";background:linear-gradient(90deg, transparent, var(--card-bg));pointer-events:none;width:28px;position:absolute;top:0;bottom:0;right:0}.pop-template .td-thumb-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:transparent transparent;gap:6px;padding:16px 14px;scroll-padding-inline:14px;display:flex;overflow-x:auto}.pop-template .td-more a:hover .td-thumb-strip,.pop-template .td-more a:focus-visible .td-thumb-strip{scrollbar-color:#15102e47 transparent}.pop-template .td-thumb-strip img{width:auto;min-width:50px;max-width:none;height:var(--shot-h);scroll-snap-align:start;-webkit-user-select:none;user-select:none;background:#ffffff73;border-radius:8px;flex:none;box-shadow:0 8px 14px -8px #15102e66}.pop-template .td-more-name{-webkit-line-clamp:2;font-family:var(--display);letter-spacing:-.015em;color:var(--ink);-webkit-box-orient:vertical;margin:12px 6px 0;font-size:16.5px;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.pop-template .td-more a,.pop-template .td-use .td-icon{transition:none}}@media (max-width:960px){.pop-template .td-hero{flex-direction:column;align-items:flex-start;gap:22px}.pop-template .td-actions{text-align:left;align-items:flex-start;max-width:none}.pop-template .td-more ul{grid-template-columns:repeat(2,minmax(0,1fr))}.pop-template .td-band{flex-direction:column;align-items:flex-start;padding:36px 30px}.pop-template .td-band-sticker{inset:auto 24px 90px auto}}@media (max-width:640px){.pop-template .td-back{padding-top:16px}.pop-template .td-hero{padding:20px 0 22px}.pop-template .td-hero h1{font-size:34px}.pop-template .td-lead{font-size:16.5px}.pop-template .td-use,.pop-template .td-actions{width:100%}.pop-template .td-stage{--shot-h:380px;border-radius:26px}.pop-template .td-strip{gap:12px;padding:26px 20px;scroll-padding-inline:20px}.pop-template .td-strip img{border-radius:13px}.pop-template .td-perks{grid-template-columns:1fr;gap:10px}.pop-template .td-perk{padding:14px 18px;font-size:18px}.pop-template .td-perk img{width:42px;height:42px}.pop-template .td-prose{margin-top:48px;font-size:16px}.pop-template .td-band-sticker{display:none}.pop-template .td-band:before{width:260px;height:260px;top:auto;bottom:-170px;right:-110px}.pop-template .td-more{padding-top:64px}.pop-template .td-more ul{grid-template-columns:minmax(0,1fr);gap:14px}.pop-template .td-more-name{font-size:15px}}