.nl-overlay{z-index:1000;background:0 0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.nl-veil{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0000009e;animation:.35s ease-out both nl-veil-in;position:absolute;inset:0}.nl-overlay.is-out .nl-veil{animation:.35s ease-in forwards nl-veil-out}@keyframes nl-veil-in{0%{opacity:0}}@keyframes nl-veil-out{to{opacity:0}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nl-veil{background:#000000e0}}.nl-box{z-index:1;width:min(420px,100%);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:relative}.nl-card{animation:.42s cubic-bezier(.2,.8,.2,1) both nl-rise}.nl-overlay.is-out .nl-card{animation:.35s ease-in forwards nl-card-out}@keyframes nl-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes nl-card-out{to{opacity:0;transform:translateY(22px)}}.nl-box:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#34f0a038,#34f0a00f 55%,#0000 72%);position:absolute;inset:8% -12% -8%}.nl-hero{position:relative}.nl-deco{z-index:1;pointer-events:none;position:absolute;inset:-30% -14% 0}.nl-dots{background-image:radial-gradient(#34f0a08c 1.3px,#0000 1.8px);background-size:16px 16px;animation:8s linear infinite nl-drift;position:absolute;inset:-20px;-webkit-mask-image:radial-gradient(50% 58% at 50% 62%,#0000 28%,#000 52%,#0000 96%);mask-image:radial-gradient(50% 58% at 50% 62%,#0000 28%,#000 52%,#0000 96%)}@keyframes nl-drift{to{transform:translate(16px,-16px)}}.nl-spark{color:#34f0a0;text-shadow:0 0 10px #34f0a0cc;line-height:1;animation:2.4s ease-in-out infinite nl-twinkle;position:absolute}.nl-spark:nth-child(2){font-size:22px;top:22%;left:16%}.nl-spark:nth-child(3){font-size:12px;animation-delay:.8s;top:62%;left:24%}.nl-spark:nth-child(4){font-size:16px;animation-delay:1.4s;top:14%;right:17%}.nl-spark:nth-child(5){font-size:24px;animation-delay:.4s;top:56%;right:23%}.nl-spark:nth-child(6){font-size:10px;animation-delay:1.9s;top:4%;left:36%}@keyframes nl-twinkle{0%,to{opacity:.35}50%{opacity:1}}.nl-video{z-index:2;mix-blend-mode:lighten;width:100%;height:auto;display:block;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22% 78%,#0000 100%),linear-gradient(#000,#000);mask-image:linear-gradient(90deg,#0000 0,#000 22% 78%,#0000 100%),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%;-webkit-mask-size:100% 100%,100% 8%;mask-size:100% 100%,100% 8%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nl-card{z-index:1;background:linear-gradient(#fff0 0,#ffffff8c 90px,#ffffffbf 100%),linear-gradient(90deg,#c2bcbb 0%,#cdc8c5 10%,#dbd4d2 50%,#e4dfdc 81%,#ebe6e4 100%);border-radius:0 0 14px 14px;margin-top:-2px;padding:14px;position:relative;box-shadow:0 30px 60px -20px #000c,0 0 0 1px #34f0a014}.nl-inner{text-align:center;border:2px dashed #0000002e;border-radius:10px;padding:20px 20px 18px}.nl-badge{color:#34f0a0;letter-spacing:.12em;background:linear-gradient(#0b0b0b,#0b0b0b) 0 0/100% 100% padding-box padding-box,linear-gradient(90deg,#34f0a0,#5ee7ff,#b28cff,#34f0a0) 0 0/200% 100% border-box;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:11px;font-weight:800;animation:6s linear infinite nl-holo;display:inline-flex;position:relative;overflow:hidden}.nl-badge-icon{flex:none;display:block}.nl-badge-text{color:#0000;background-image:linear-gradient(90deg,#34f0a0,#5ee7ff,#b28cff,#34f0a0);background-position:0 0;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite nl-holo-text}.nl-badge:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#ffffff8c,#0000);width:45%;animation:4s linear infinite nl-shine;position:absolute;top:0;bottom:0;left:0;transform:translate(-220%)}@keyframes nl-holo{to{background-position:0 0,200% 0}}@keyframes nl-holo-text{to{background-position:200% 0}}@keyframes nl-shine{0%{transform:translate(-220%)}40%,to{transform:translate(380%)}}.nl-title{color:#0b0b0b;letter-spacing:-.02em;margin:12px 0 6px;font-family:inherit;font-size:26px;font-weight:900;line-height:1.12}.nl-title mark{color:inherit;background:linear-gradient(#0000 58%,#34f0a0 58% 92%,#0000 92%);padding:0 2px}.nl-sub{color:#3a3a3a;margin:0 0 16px;font-size:14.5px;line-height:1.45}.nl-form{gap:10px;display:grid}.nl-input{width:100%;font:inherit;color:#0b0b0b;background:#fff;border:2px solid #0b0b0b;border-radius:12px;outline:none;padding:14px 16px;font-size:15px;transition:box-shadow .15s}.nl-input:focus{box-shadow:0 0 0 4px #34f0a073}.nl-btn{font:inherit;color:#0b0b0b;cursor:pointer;background:#34f0a0;border:2px solid #0b0b0b;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:4px 4px #0b0b0b}.nl-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #0b0b0b}.nl-btn:active{transform:translate(3px,3px);box-shadow:1px 1px #0b0b0b}.nl-btn:disabled{cursor:progress}.nl-small{color:#6a6a6a;margin:12px 0 0;font-size:12px}.nl-account{color:#3a3a3a;text-align:center;margin:0;font-size:14px;font-weight:400;line-height:1.4}.nl-account strong{color:#0b0b0b;font-weight:800}.nl-change{color:#3a3a3a;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.nl-error{color:#b42318;margin:0;font-size:13px}.nl-done{color:#0b0b0b;margin:4px 0 0;font-size:16px;font-weight:800}.nl-close{z-index:3;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:36px;height:36px;font-size:18px;line-height:1;display:grid;position:absolute;top:0;right:-6px}.nl-close:hover{background:#ffffff29}.nl-later{cursor:pointer;font:inherit;color:#ffffff8c;background:0 0;border:0;margin:16px auto 0;font-size:14px;display:block}.nl-later:hover{color:#fff}.nl-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.nl-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.nl-mini{z-index:80;color:#f4f4f6;background:#0b0b0b;border-radius:16px;align-items:center;gap:10px;width:min(380px,100vw - 32px);margin:0 auto;padding:12px 10px 12px 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 16px 40px #0006}.nl-mini p{flex:1;margin:0;font-size:14px;font-weight:700;line-height:1.3}.nl-mini-send{color:#0b0b0b;font:inherit;cursor:pointer;background:#34f0a0;border:0;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:800}.nl-mini-send:disabled{cursor:progress}.nl-mini-x{color:#ffffffb3;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;width:28px;height:28px;font-size:16px;line-height:1}.nl-mini-x:hover{color:#fff}@media (prefers-reduced-motion:reduce){.nl-veil,.nl-overlay.is-out .nl-veil,.nl-card,.nl-overlay.is-out .nl-card,.nl-dots,.nl-spark,.nl-badge,.nl-badge-text,.nl-badge:after{animation:none}.nl-spark{opacity:1}}
.tpl{--tpl-line:#ffffff17;--tpl-dim:#8d8d99;--tpl-ink:#f4f4f6;--tpl-surface:#060607;grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"main aside""main aside";align-items:start;gap:44px;max-width:1520px;margin:0 auto;padding:18px 26px 90px;display:grid}.tpl-main{grid-area:main;min-width:0}.tpl-aside{grid-area:aside}.tpl--device-showcase{grid-template-columns:minmax(0,1fr);grid-template-areas:"main";max-width:1680px}@media (max-width:1099px){.tpl{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""aside";gap:52px}}@media (max-width:767px){.tpl{padding:10px 16px 64px}.tpl-title{overflow-wrap:break-word;font-size:clamp(26px,8vw,36px);line-height:1.2}}.tpl-actions{align-items:center;gap:10px;margin-bottom:16px;display:flex}.tpl-act{border:1px solid var(--tpl-line);min-width:42px;height:42px;color:var(--tpl-ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.tpl-act:hover{background:var(--brand-mint-soft);border-color:var(--brand-mint-line);color:#f4f4f6}.tpl-act[aria-pressed=true]{background:var(--tpl-ink);border-color:var(--tpl-ink);color:#08080a}.tpl-act svg{flex:none;width:17px;height:17px;display:block}.tpl-act--icon{width:42px;padding:0}.tpl-act:not(.tpl-act--icon){letter-spacing:-.01em;gap:8px;padding-inline:14px 16px;font-size:14px;font-weight:600}.tpl-spacer{flex:1}.tpl-hero{aspect-ratio:600/344;border:1px solid var(--tpl-line);background:#010100;border-radius:16px;position:relative;overflow:hidden}.tpl-hero--device{aspect-ratio:auto;height:auto;min-height:0}.tpl-hero .rimg,.tpl-hero .dvid,.tpl-hero-loop{width:100%;height:100%}.tpl-hero-loop{position:relative;overflow:hidden}.tpl-hero-loop-poster,.tpl-hero-loop-video{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.tpl-hero-loop-poster{z-index:2;pointer-events:none;transition:opacity .2s}.tpl-hero-loop-video{z-index:1}.tpl-hero-loop-play{z-index:3;color:#fff;cursor:pointer;background:#0101008c;border:0;border-radius:999px;width:64px;height:64px;font-size:22px;line-height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tpl-shopify-badge{z-index:4;pointer-events:none;background:#08080ae0;border:1px solid #95bf478c;border-radius:999px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:14px;left:14px;box-shadow:0 10px 28px #0006}.tpl-shopify-badge .shopify-mark{width:20px;height:20px}.tpl-like{z-index:4;color:#f4f4f6;height:42px;font:inherit;letter-spacing:-.01em;cursor:pointer;background:#08080ae0;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 16px;font-size:15px;font-weight:600;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 10px 28px #0006}.tpl-like:hover{background:#141418eb;border-color:#fff6}.tpl-like[aria-pressed=true]{color:#08080a;background:#f4f4f6;border-color:#f4f4f6}.tpl-like:focus-visible{outline-offset:2px;outline:2px solid #f4f4f6}.tpl-like svg{width:18px;height:18px;display:block}.tpl-hero-mark{letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1;mix-blend-mode:overlay;font-size:17px;font-weight:800;position:absolute;bottom:22px;left:26px;right:26px}.tpl-device{background:#070807;width:100%;height:auto}.tpl-device--duo{box-sizing:border-box;justify-content:center;align-items:center;gap:clamp(32px,3.6vw,56px);padding:clamp(16px,2vw,24px) clamp(16px,2vw,24px) clamp(16px,2vw,24px) clamp(28px,2.4vw,40px);display:flex}.tpl-device-pane{min-width:0;min-height:0;position:relative}.tpl-device-pane--desktop{background:0 0;flex:0 auto;width:min(62%,1000px);max-width:calc(100% - 336px);height:auto;transform:translate(-40px)}.tpl-monitor{box-sizing:content-box;background:linear-gradient(#4a4d55 0%,#2a2c32 18%,#141518 100%);border:1px solid #ffffff47;border-radius:18px;width:100%;margin:-13px -13px 0;padding:12px 12px 10px;box-shadow:0 22px 44px #00000080}.tpl-monitor-screen{aspect-ratio:1920/1096;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.tpl-monitor-stand{background:linear-gradient(#3a3c42 0%,#1c1e24 100%);border-radius:0 0 8px 8px;width:22%;height:8px;margin:10px auto 0;box-shadow:0 10px 16px #00000059}.tpl-device-pane--phone{flex:none;justify-content:center;align-items:center;display:flex}.tpl-device-pane .tpl-device-poster,.tpl-device-pane .tpl-device-video{object-fit:contain;object-position:center;background:#000;width:100%;height:100%;position:absolute;inset:0}.tpl-device-pane .tpl-device-poster{z-index:2;pointer-events:none}.tpl-device-pane .tpl-device-video{z-index:1;opacity:1}.tpl-phone{box-sizing:border-box;background:linear-gradient(#3a3c42 0%,#141518 42%,#0c0d10 100%);border:1px solid #fff3;border-radius:clamp(22px,2.6vw,32px);width:288px;max-width:100%;height:auto;padding:8px;box-shadow:0 24px 48px #00000073}.tpl-device--phone{justify-content:center;align-items:center;padding:clamp(28px,4vw,56px) 16px;display:flex}.tpl-device--phone .tpl-phone{width:min(340px,72vw)}.tpl-phone-screen{aspect-ratio:720/1264;background:#000;border-radius:clamp(16px,2vw,24px);width:100%;height:auto;position:relative;overflow:hidden}@media (max-width:900px){.tpl-device--duo{gap:28px;padding:14px 14px 14px 22px}.tpl-device-pane--desktop{width:min(58%,760px);max-width:calc(100% - 300px);transform:translate(-16px)}.tpl-phone{width:252px}}@media (max-width:767px){.tpl-device--duo{flex-direction:column;gap:24px;padding:14px 12px 16px}.tpl-device-pane--desktop{width:min(80%,640px);max-width:100%;transform:none}.tpl-phone{width:min(264px,72vw)}}.tpl-head{margin-top:26px}.tpl-title{letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(34px,4.4vw,58px);font-weight:800;line-height:1.05}.tpl-sub{color:var(--tpl-dim);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:15px;display:flex}.tpl-dot{opacity:.6;background:currentColor;border-radius:999px;width:3px;height:3px}.tpl-desc{color:#cfd2da;max-width:62ch;margin:18px 0 0;font-size:17px;line-height:1.55}.tpl-chips{flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px;display:flex}.tpl-chip{border:1px solid var(--tpl-line);height:36px;color:var(--tpl-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 15px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}button.tpl-chip{font:inherit;cursor:pointer;background:0 0;margin:0}.tpl-sub-link{font:inherit;color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:0;padding:0;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59}.tpl-sub-link:hover{text-decoration-color:#ffffffbf}.tpl-chip:hover{background:var(--brand-mint-soft);border-color:var(--brand-mint-line);color:#f4f4f6}.tpl-swatch{border:1px solid #ffffff40;border-radius:999px;flex:none;width:13px;height:13px}.tpl-demo{text-underline-offset:4px;color:var(--tpl-dim);margin-left:auto;font-size:14px;text-decoration:underline}.tpl-demo:hover{color:var(--tpl-ink)}.tpl-prompt{margin-top:40px}.tpl-prompt-head{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.tpl-prompt-intro{flex:220px;min-width:0}.tpl-prompt-cat{border:1px solid var(--tpl-line);letter-spacing:.14em;text-transform:uppercase;color:var(--tpl-dim);border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.tpl-prompt-title{letter-spacing:-.02em;color:var(--tpl-ink);margin:0 0 4px;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:700}.tpl-prompt-lead{color:var(--tpl-dim);margin:0;font-size:13px}.tpl-prompt-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.tpl-copy--head{height:42px;padding:0 18px;font-size:14px}.tpl-shopify-file{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tpl-shopify-wrap{flex-direction:column;align-items:flex-end;gap:6px;max-width:100%;display:flex;position:relative}.tpl-shopify{isolation:isolate;color:#f4f4f6;height:50px;font:inherit;cursor:pointer;background:linear-gradient(#101014,#101014) 0 0/100% 100% padding-box padding-box,linear-gradient(100deg,#95bf47,#5ee7ff,#c4b5fd,#95bf47) 0 0/200% 100% border-box;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:700;animation:6s linear infinite tpl-shopify-holo;display:inline-flex;position:relative;overflow:hidden}.tpl-shopify-icon{z-index:1;flex:none;position:relative}.tpl-shopify span{z-index:1;position:relative}.tpl-shopify:before,.tpl-shopify:after{content:"";pointer-events:none;position:absolute;inset:0}.tpl-shopify:before{background:linear-gradient(115deg,#0000 32%,#ffffff6b 50%,#0000 68%);transform:translate(-130%)}.tpl-shopify:hover:before,.tpl-shopify:focus-visible:before{transition:transform .55s;transform:translate(130%)}.tpl-shopify:after{background:linear-gradient(100deg,#0000,#ffffff47,#0000);width:40%;animation:4s linear infinite tpl-shopify-shine}.tpl-shopify:focus-visible{outline-offset:3px;outline:2px solid #95bf47}.tpl-shopify:disabled{cursor:progress}.tpl-shopify-error{color:#ffb4ab;text-align:right;max-width:280px;margin:0;font-size:12px;line-height:1.35}@keyframes tpl-shopify-holo{to{background-position:0 0,200% 0}}@keyframes tpl-shopify-shine{0%{transform:translate(-180%)}45%,to{transform:translate(320%)}}@media (max-width:720px){.tpl-prompt-actions{width:100%;margin-left:0}.tpl-prompt-actions .tpl-copy--head,.tpl-shopify-wrap,.tpl-shopify{width:100%}.tpl-shopify-error{text-align:left}}@media (prefers-reduced-motion:reduce){.tpl-shopify,.tpl-shopify:after{animation:none}.tpl-shopify:before,.tpl-shopify:hover:before,.tpl-shopify:focus-visible:before{opacity:.35;transition:none;transform:none}}.tpl-copy--locked,.tpl-copy--locked:disabled{color:#6f7380;opacity:1;cursor:not-allowed;pointer-events:none;background:#2a2a30;border:1px solid #3a3a42}.tpl-copy--locked:hover,.tpl-copy--locked:active{color:#6f7380;background:#2a2a30;transform:none}.tpl-copy--head:disabled:not(.tpl-copy--locked){opacity:.45;cursor:not-allowed}.tpl-prompt-label{letter-spacing:.16em;text-transform:uppercase;color:var(--tpl-dim);font-size:12px;font-weight:700}.tpl-tabs{gap:8px;margin-left:auto;display:flex}.tpl-tab{border:1px solid var(--tpl-line);height:34px;color:var(--tpl-dim);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:500;transition:background .16s,border-color .16s,color .16s}.tpl-tab:hover:not([aria-selected=true]){border-color:var(--brand-mint-line);color:#f4f4f6;background:var(--brand-mint-soft)}.tpl-tab[aria-selected=true]{background:var(--tpl-ink);border-color:var(--tpl-ink);color:#08080a;font-weight:600}.tpl-surface{border:1px solid var(--tpl-line);background:var(--tpl-surface);border-radius:14px;position:relative;overflow:hidden}.tpl-pre{color:#d7dae1;white-space:pre-wrap;word-break:break-word;min-height:15em;max-height:19.5em;margin:0;padding:22px 24px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.625;overflow-y:auto}.tpl-surface:after{content:"";pointer-events:none;background:linear-gradient(180deg, #06060700, var(--tpl-surface));border-radius:0 0 13px 13px;height:56px;position:absolute;bottom:1px;left:1px;right:1px}.tpl-surface--short:after{display:none}.tpl-github{gap:16px;padding:28px 28px 32px;display:grid}.tpl-github p{max-width:42ch;color:var(--tpl-ink);margin:0;font-size:16px;line-height:1.55}.tpl-github-repo{letter-spacing:.02em;color:var(--tpl-dim);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;text-decoration:none}.tpl-github-repo:hover{color:var(--tpl-ink)}.tpl-prompt-foot{flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}.tpl-copy{background:var(--tpl-ink);color:#08080a;height:50px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 28px;font-size:16px;font-weight:700;transition:transform .15s cubic-bezier(.2,.7,.3,1),background .15s;display:inline-flex}.tpl-copy:hover:not(:disabled):not(.tpl-copy--locked){background:var(--brand-mint);color:var(--brand-mint-ink);box-shadow:0 8px 28px var(--brand-mint-glow)}a.tpl-copy,a.tpl-copy:hover,a.tpl-copy:focus-visible{color:#08080a;text-decoration:none}.tpl-copy:active{transform:translateY(1px)}.tpl-copy:disabled{opacity:.55;cursor:default}.tpl-copy--quota{text-align:center;white-space:normal;font-variant-numeric:tabular-nums;height:auto;min-height:42px;padding-top:8px;padding-bottom:8px;font-size:13px;line-height:1.2}.tpl-modal{z-index:220;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060608b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.tpl-modal-card{text-align:center;border:1px solid var(--tpl-line);background:#101014;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:min(420px,100%);padding:28px 24px;display:flex}.tpl-modal-close{color:var(--tpl-dim);font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px}.tpl-modal-close:hover{color:#fff}.tpl-meta-note{color:var(--tpl-dim);font-size:14px;line-height:1.5}.tpl-copies-left{color:var(--brand-mint);margin:8px 0 0;font-size:13px;font-weight:600}.tpl-copy--done{box-shadow:0 0 0 1px var(--brand-mint-line), 0 10px 28px var(--brand-mint-glow);animation:.45s tpl-copy-pulse}@keyframes tpl-copy-pulse{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.tpl-gate{position:relative}.tpl-gate .tpl-pre{filter:blur(5px);opacity:.55;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden}.tpl-gate-overlay{z-index:2;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060608b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex;position:absolute;inset:0}.tpl-gate-title{color:#fff;margin:0;font-size:17px;font-weight:700}.tpl-gate-body{color:#b8bcc6;max-width:36ch;margin:0;font-size:14px;line-height:1.55}.tpl-gate-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.tpl-gate-cta--ghost{color:#fff;background:0 0;border:1px solid #ffffff59}.tpl-gate-cta--ghost:hover{background:var(--brand-mint-soft);border-color:var(--brand-mint-line);color:#fff}.tpl-pre--empty{color:var(--tpl-dim);font-family:inherit;font-size:15px}.tpl-gate-cta{appearance:none;background:var(--tpl-ink);color:#08080a;height:46px;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:9px;padding:0 24px;font-size:15px;font-weight:700;text-decoration:none;transition:background .18s,box-shadow .18s,transform .12s,border-color .18s;display:inline-flex}.tpl-gate-cta:hover{background:var(--brand-mint);color:var(--brand-mint-ink);box-shadow:0 8px 26px var(--brand-mint-glow)}.tpl-gate-cta.tpl-gate-cta--ghost:hover{background:var(--brand-mint-soft);border-color:var(--brand-mint-line);color:#fff;box-shadow:none}@keyframes tpl-pulse{0%,to{opacity:.35}50%{opacity:.6}}.tpl-skel{background:#ffffff14;border-radius:8px;animation:1.4s ease-in-out infinite tpl-pulse}.tpl-skel-line{height:.9em;margin-bottom:.72em}.tpl-guide-card{border:1px solid var(--tpl-line);background:#0c0c0e;border-radius:18px;margin-top:28px;overflow:hidden}.tpl-guide-copy{padding:28px 28px 0}.tpl-guide-title{letter-spacing:-.03em;color:var(--tpl-ink);margin:0;font-size:22px;font-weight:700}.tpl-guide-lead{color:var(--tpl-dim);margin:6px 0 0;font-size:15px}.tpl-guide-video{color:#f4f4f6;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.tpl-guide-play{color:#08080a;background:#f4f4f6;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;transition:background .18s,color .18s,transform .18s;display:grid}.tpl-guide-video:hover{color:#fff}.tpl-guide-video:hover .tpl-guide-play{background:var(--ui-accent);transform:scale(1.06)}.tpl-guide-body{height:148px;transition:height .48s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.tpl-guide-body:after{content:"";pointer-events:none;opacity:1;background:linear-gradient(#0c0c0e00,#0c0c0e);height:64px;transition:opacity .35s;position:absolute;bottom:0;left:0;right:0}.tpl-guide-body.is-open:after{opacity:0}.tpl-guide-more{border:0;border-top:1px solid var(--tpl-line);color:#d7d7de;width:100%;height:52px;font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:0 16px;font-size:14px;font-weight:600;transition:background .18s,color .18s;display:flex}.tpl-guide-more svg{transition:transform .22s,color .18s}.tpl-guide-more[aria-expanded=true] svg{transform:rotate(180deg)}.tpl-guide-more:hover{background:var(--brand-mint-soft);color:#fff}.tpl-guide-more:hover svg{color:var(--brand-mint);transform:translateY(2px)}.tpl-guide-more[aria-expanded=true]:hover svg{transform:rotate(180deg)translateY(-2px)}@media (prefers-reduced-motion:reduce){.tpl-guide-more svg,.tpl-guide-body,.tpl-guide-body:after{transition:none}.tpl-guide-body.is-open{height:auto}}.tpl-guide-list{margin:18px 0 0;padding:0;list-style:none}.tpl-guide-list li{border-top:1px solid var(--tpl-line);grid-template-columns:36px minmax(0,1fr);align-items:start;gap:14px;padding:18px 0;display:grid}.tpl-guide-num{color:#f4f4f6;letter-spacing:.04em;font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:8px;place-items:center;height:26px;margin-top:1px;font-size:12px;font-weight:700;display:grid}.tpl-guide-list h3{letter-spacing:-.02em;color:var(--tpl-ink);margin:0 0 6px;font-size:16px;font-weight:700}.tpl-guide-list p{color:#c6c6d0;max-width:78ch;margin:0;font-size:15px;line-height:1.55}@media (max-width:767px){.tpl-guide-card{margin-top:40px}.tpl-guide-copy{padding:22px 18px 0}.tpl-guide-list li{grid-template-columns:32px minmax(0,1fr);gap:12px}}.tpl-related-row{margin-top:48px}.tpl-related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px;display:grid}@media (max-width:1199px){.tpl-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.tpl-related-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:1099px){.tpl-related-row{display:none}}.tpl-related-title{letter-spacing:.16em;text-transform:uppercase;color:var(--tpl-dim);margin:0 0 18px;font-size:12px;font-weight:700}.tpl-related{flex-direction:column;gap:26px;display:flex}.tpl-bg-dl{margin-top:28px}.tpl-bg-dl-row{flex-wrap:wrap;align-items:center;gap:16px 20px;display:flex}.tpl-bg-dl-btn{color:#08080a;background:#ffffffeb;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;height:46px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.tpl-bg-dl-btn svg{width:18px;height:18px}.tpl-bg-dl-btn:hover{background:var(--brand-mint);border-color:var(--brand-mint);color:var(--brand-mint-ink);box-shadow:0 10px 28px var(--brand-mint-glow);transform:translateY(-1px)}.tpl-bg-dl-btn--locked{opacity:.72;cursor:pointer}.tpl-bg-dl-btn--locked:hover{transform:none}.tpl-bg-dl-gate{color:var(--tpl-dim);align-items:center;gap:8px;margin:0;font-size:14px;display:inline-flex}.tpl-bg-dl-gate svg{opacity:.85;flex-shrink:0;width:16px;height:16px}.tpl-bg-dl-gate a{color:var(--tpl-ink);text-underline-offset:3px;text-decoration:underline}.tpl-bg-dl-gate a:hover{color:#fff}@media (max-width:1099px){.tpl-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;display:grid}}@media (max-width:639px){.tpl-related{grid-template-columns:minmax(0,1fr)}}.tpl-toast{z-index:200;background:var(--tpl-ink);color:#08080a;border-radius:999px;align-items:center;gap:10px;height:46px;padding:0 22px;font-size:15px;font-weight:600;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000080}.copy-toast{z-index:220;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f4f4f6;width:min(440px,100vw - 32px);box-shadow:0 0 0 1px var(--brand-mint-line), 0 0 40px var(--brand-mint-glow), 0 22px 50px #0000008c;opacity:0;background:#0f0f19d9;border-radius:24px;padding:18px 18px 14px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards copy-toast-in;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(18px)scale(.96)}.copy-toast:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#35f0a08c,#1fc6844d 45%,#35f0a033);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.copy-toast--out{animation:.25s forwards copy-toast-out}@keyframes copy-toast-in{to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes copy-toast-out{to{opacity:0;transform:translate(-50%)translateY(12px)scale(.98)}}.copy-toast-close{color:#8d8d99;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.copy-toast-close svg{width:16px;height:16px}.copy-toast-close:hover,.copy-toast-close:focus-visible{color:#f4f4f6;background:#ffffff14;outline:none}.copy-toast-body{align-items:flex-start;gap:14px;padding-right:28px;display:flex}.copy-toast-check{flex:none;width:40px;height:40px;animation:.45s cubic-bezier(.34,1.56,.64,1) both copy-toast-pop}.copy-toast-check svg{width:40px;height:40px;display:block}.copy-toast-check-ring{fill:none;stroke:var(--brand-mint);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:.55s 80ms forwards copy-toast-draw}.copy-toast-check-mark{fill:none;stroke:#f4f4f6;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:28;stroke-dashoffset:28px;animation:.35s .35s forwards copy-toast-draw}@keyframes copy-toast-draw{to{stroke-dashoffset:0}}@keyframes copy-toast-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.copy-toast-copy{min-width:0}.copy-toast-title{letter-spacing:-.02em;color:#f4f4f6;margin:0;font-size:17px;font-weight:800;line-height:1.25}.copy-toast-sub{color:#a5a5b0;margin:4px 0 0;font-size:13px;line-height:1.4}.copy-toast-tools{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.copy-toast-chip{color:#f4f4f6;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.copy-toast-chip svg{width:14px;height:14px;color:var(--brand-mint);flex-shrink:0}.copy-toast-chip:hover,.copy-toast-chip:focus-visible{background:var(--brand-mint-soft);border-color:var(--brand-mint-line);box-shadow:0 8px 20px var(--brand-mint-glow), 0 0 0 1px var(--brand-mint-soft);outline:none;transform:translateY(-2px)}.copy-toast-progress{background:#ffffff14;border-radius:999px;height:3px;margin-top:14px;overflow:hidden}.copy-toast-progress-bar{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,#1fc684,#35f0a0);width:100%;height:100%;animation:6s linear forwards copy-toast-drain;display:block}@keyframes copy-toast-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:480px){.copy-toast{bottom:16px}.copy-toast-tools{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.copy-toast-tools::-webkit-scrollbar{display:none}.copy-toast-chip{flex:none}}@media (prefers-reduced-motion:reduce){.tpl :not(.copy-toast-progress-bar){transition:none!important;animation:none!important}.copy-toast,.copy-toast--out{opacity:1;transform:translate(-50%)translateY(0)scale(1);animation:none!important}.copy-toast-check,.copy-toast-check-ring,.copy-toast-check-mark,.tpl-copy--done{animation:none!important}.copy-toast-progress-bar{animation:6s linear forwards copy-toast-drain}}
