.tpl-page{--tpl-bg:#fff;--tpl-hero-bg:snow;--tpl-field:#f9fafb;--tpl-tint:#fef2f2;--tpl-shade:#f3f4f6;--tpl-ink:#111827;--tpl-body:#4b5563;--tpl-muted:#6b7280;--tpl-faint:#9ca3af;--tpl-accent:#dc2626;--tpl-accent-ink:#b91c1c;--tpl-accent-200:#fca5a5;--tpl-accent-100:#fecaca;--tpl-line:#e5e7eb;--tpl-line-2:#d1d5db;--tpl-line-warm:#f0e4e4;--tpl-line-warm-2:#f3e4e4;--tpl-ease:cubic-bezier(.2, .7, .2, 1);background:var(--tpl-bg);color:var(--tpl-ink);-webkit-font-smoothing:antialiased;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}.tpl-page *,.tpl-page :before,.tpl-page :after{box-sizing:border-box}.tpl-page .tpl-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.tpl-page .tpl-sec{padding:56px 0 104px}.tpl-page a:focus-visible,.tpl-page button:focus-visible{outline:2px solid var(--tpl-accent);outline-offset:3px;border-radius:8px}.tpl-page .tpl-hero{z-index:20;padding:calc(var(--site-header-height,73px) + 84px) 0 72px;text-align:center;background:var(--tpl-hero-bg);position:relative}.tpl-page .tpl-hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tpl-page .tpl-hero-glow{background:radial-gradient(at 50% 40%,#dc26261f 0%,#dc262608 50%,#0000 72%);width:1100px;height:620px;margin-left:-550px;position:absolute;top:-220px;left:50%}.tpl-page .tpl-blob{background:radial-gradient(circle at 35% 35%,#fde0e0,#fde0e000 70%);border-radius:50%;position:absolute}.tpl-page .tpl-blob--a{background:radial-gradient(circle at 65% 65%,#fde0e0,#fde0e000 70%);width:52vw;max-width:620px;height:52vw;max-height:620px;top:-16vw;left:-14vw}.tpl-page .tpl-blob--b{width:46vw;max-width:560px;height:46vw;max-height:560px;top:4vw;right:-16vw}.tpl-page .tpl-hero-inner{flex-direction:column;align-items:center;max-width:1160px;display:flex;position:relative}.tpl-page .tpl-h1{letter-spacing:-.045em;text-wrap:balance;margin:0 0 20px;font-size:clamp(38px,5.4vw,68px);font-weight:700;line-height:1.04}.tpl-page .tpl-h1-line{padding-bottom:.08em;display:block;overflow:hidden}.tpl-page .tpl-h1-word{white-space:pre;display:inline-block}.tpl-page .tpl-h1 .gradient-text .tpl-h1-word{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tpl-page .tpl-hero-sub{max-width:560px;color:var(--tpl-body);text-wrap:pretty;margin:0 auto 32px;font-size:clamp(16px,1.8vw,19px)}.tpl-page .tpl-search{text-align:left;width:min(560px,100%);margin:0 auto;position:relative}.tpl-page .tpl-search-box{border:1px solid var(--tpl-line);background:var(--tpl-bg);cursor:text;border-radius:14px;align-items:center;gap:12px;min-height:56px;padding:0 18px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 14px 30px #1118270f}.tpl-page .tpl-search:focus-within .tpl-search-box{border-color:var(--tpl-accent-200);box-shadow:0 0 0 4px #dc262614,0 14px 30px #1118270f}.tpl-page .tpl-search-icon{color:var(--tpl-faint);flex:none}.tpl-page .tpl-search-input{min-width:0;color:var(--tpl-ink);background:0 0;border:0;flex:1;font-family:inherit;font-size:15.5px}.tpl-page .tpl-search-input:focus{outline:none}.tpl-page .tpl-search-input::placeholder{color:var(--tpl-faint)}.tpl-page .tpl-search-input::-webkit-search-cancel-button{display:none}.tpl-page .tpl-search-clear{background:var(--tpl-field);width:28px;height:28px;color:var(--tpl-body);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:flex}.tpl-page .tpl-search-clear[hidden]{display:none}.tpl-page .tpl-search-clear:hover{background:var(--tpl-shade);color:var(--tpl-ink)}.tpl-page .tpl-suggestions{z-index:40;border:1px solid var(--tpl-line);background:var(--tpl-bg);text-align:left;border-radius:14px;max-height:320px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 24px 48px #1118271f}.tpl-page .tpl-suggestions[hidden]{display:none}.tpl-page .tpl-suggestion{cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.tpl-page .tpl-suggestion:hover,.tpl-page .tpl-suggestion.is-active{background:var(--tpl-field)}.tpl-page .tpl-suggestion-name{min-width:0;color:var(--tpl-ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.tpl-page .tpl-suggestion-label{color:var(--tpl-muted);flex:none;font-size:12.5px}.tpl-page .tpl-grid-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.tpl-page .tpl-grid-h{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.tpl-page .tpl-chips{flex-wrap:wrap;gap:8px;display:flex}.tpl-page .tpl-chip{border:1px solid var(--tpl-line);background:var(--tpl-bg);color:#374151;cursor:pointer;border-radius:99px;min-height:40px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.tpl-page .tpl-chip:hover{border-color:var(--tpl-line-2)}.tpl-page .tpl-chip.is-on{background:var(--tpl-accent);border-color:var(--tpl-accent);color:#fff}.tpl-page .tpl-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.tpl-page .tpl-grid>li{min-width:0}.tpl-page .tpl-grid-item[hidden]{display:none}.tpl-page .tpl-card{border:1px solid var(--tpl-line-warm);background:var(--tpl-bg);height:100%;color:var(--tpl-ink);border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.tpl-page .tpl-card:hover,.tpl-page .tpl-card:focus-visible{border-color:var(--tpl-accent-100);transform:translateY(-6px);box-shadow:0 24px 48px #1118271a}.tpl-page .tpl-card-media{background:var(--tpl-shade);height:196px;display:block;position:relative;overflow:hidden}.tpl-page .tpl-shot{background-image:var(--tpl-shot-img,none);transition:transform .6s var(--tpl-ease);background-position:top;background-size:cover;display:block;position:absolute;inset:0}.tpl-page .tpl-card:hover .tpl-shot{transform:scale(1.06)}.tpl-page .tpl-badge{background:var(--tpl-ink);color:#fff;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff40;border-radius:99px;padding:4px 10px;font-size:10.5px;font-weight:700;position:absolute;top:12px;right:12px}.tpl-page .tpl-card-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 16px;display:flex}.tpl-page .tpl-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.tpl-page .tpl-card-name{letter-spacing:-.01em;font-size:17px;font-weight:700}.tpl-page .tpl-pill{background:var(--tpl-tint);border:1px solid var(--tpl-accent-100);color:var(--tpl-accent-ink);white-space:nowrap;border-radius:99px;flex:none;padding:3px 10px;font-size:12px;font-weight:700}.tpl-page .tpl-card-desc{color:var(--tpl-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:14.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.tpl-page .tpl-card-foot{border-top:1px solid var(--tpl-line-warm-2);justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding-top:12px;display:flex}.tpl-page .tpl-card-type{color:var(--tpl-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.tpl-page .tpl-card-dot{background:var(--tpl-accent);border-radius:50%;width:7px;height:7px}.tpl-page .tpl-card-type.is-proto .tpl-card-dot{background:var(--tpl-accent-200)}.tpl-page .tpl-card-cta{color:var(--tpl-accent);align-items:center;gap:6px;font-size:14px;font-weight:700;transition:gap .2s;display:inline-flex}.tpl-page .tpl-card:hover .tpl-card-cta{gap:10px}.tpl-page .tpl-empty{border:1px dashed var(--tpl-accent-100);background:var(--tpl-hero-bg);text-align:center;color:var(--tpl-muted);border-radius:18px;margin:0;padding:64px 24px}.tpl-page .tpl-clear-link{font:inherit;color:var(--tpl-accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.tpl-page .tpl-clear-link:hover{color:var(--tpl-accent-ink)}.tpl-page .tpl-more{justify-content:center;margin-top:44px;display:flex}.tpl-page .tpl-more[hidden]{display:none}.tpl-page .tpl-more-btn{border:1px solid var(--tpl-line);background:var(--tpl-bg);min-height:48px;color:var(--tpl-ink);cursor:pointer;border-radius:99px;align-items:center;gap:8px;padding:12px 26px;font-family:inherit;font-size:15px;font-weight:600;transition:border-color .15s,background-color .15s;display:inline-flex}.tpl-page .tpl-more-btn:hover{border-color:var(--tpl-line-2);background:var(--tpl-field)}.tpl-page .tpl-more-btn svg{color:var(--tpl-accent)}.tpl-page.tpl-single{padding:0}.tpl-page .tpl-detail{padding:calc(var(--site-header-height,73px) + 36px) 0 88px;background:var(--tpl-hero-bg);border-bottom:1px solid var(--tpl-line-warm-2);position:relative;overflow:hidden}.tpl-page .tpl-detail-glow{pointer-events:none;background:radial-gradient(#dc26261a 0%,#0000 70%);width:900px;height:600px;position:absolute;top:-200px;left:20%}.tpl-page .tpl-detail .tpl-wrap{position:relative}.tpl-page .tpl-crumbs{color:var(--tpl-muted);align-items:center;gap:8px;margin-bottom:28px;font-size:13.5px;display:flex}.tpl-page .tpl-crumbs a{color:var(--tpl-muted);text-decoration:none}.tpl-page .tpl-crumbs a:hover{color:var(--tpl-accent)}.tpl-page .tpl-crumb-now{color:var(--tpl-ink);font-weight:600}.tpl-page .tpl-detail-cols{flex-wrap:wrap;align-items:flex-start;gap:48px;display:flex}.tpl-page .tpl-detail-preview{flex:1.35 560px;min-width:0}.tpl-page .tpl-detail-info{flex:380px;min-width:0}.tpl-page .tpl-frame{border:1px solid var(--tpl-line-warm);background:var(--tpl-bg);transition:transform .5s var(--tpl-ease), box-shadow .5s ease;border-radius:18px;overflow:hidden;box-shadow:0 28px 60px #1118271f}.tpl-page .tpl-frame:hover{transform:translateY(-4px);box-shadow:0 36px 70px #1118272e}.tpl-page .tpl-frame-bar{border-bottom:1px solid var(--tpl-line-warm-2);background:var(--tpl-bg);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.tpl-page .tpl-frame-dots{flex:none;gap:6px;display:flex}.tpl-page .tpl-frame-dots span{background:var(--tpl-accent-100);border-radius:50%;width:10px;height:10px}.tpl-page .tpl-frame-url{max-width:320px;color:var(--tpl-muted);text-overflow:ellipsis;white-space:nowrap;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;flex:1;align-items:center;gap:8px;padding:5px 10px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;display:flex;overflow:hidden}.tpl-page .tpl-live-dot{background:#16a34a;border-radius:50%;flex:none;width:7px;height:7px}.tpl-page .tpl-devices{background:var(--tpl-tint);border:1px solid #fde2e2;border-radius:10px;flex:none;padding:3px;display:flex}.tpl-page .tpl-device{min-height:32px;color:var(--tpl-accent-ink);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background-color .15s,color .15s,box-shadow .15s}.tpl-page .tpl-device.is-on{background:var(--tpl-bg);color:var(--tpl-ink);box-shadow:0 1px 2px #1118271f}.tpl-page .tpl-frame-body{aspect-ratio:16/10;background:var(--tpl-shade);position:relative;overflow:hidden}.tpl-page .tpl-frame-body.is-mobile{aspect-ratio:auto;height:clamp(460px,72vh,672px)}@media (width<=599px){.tpl-page .tpl-frame-body.is-mobile{height:70vh;min-height:420px}}.tpl-page .tpl-frame-shot{background-image:var(--tpl-shot-img,none);background-position:top;background-size:cover;display:block;position:absolute;inset:0}.tpl-page .tpl-desk-frame{width:var(--tpl-desk-width,1280px);height:calc(100% / var(--tpl-desk-scale,1));transform:scale(var(--tpl-desk-scale,1));transform-origin:0 0;border:0;position:absolute;top:0;left:0}.tpl-page .tpl-frame-body.is-mobile .tpl-desk-frame{display:none}.tpl-page .tpl-phone{background:var(--tpl-tint);justify-content:center;align-items:center;padding:20px;display:none;position:absolute;inset:0}.tpl-page .tpl-phone-screen{aspect-ratio:327/632;border:8px solid var(--tpl-ink);background-color:var(--tpl-shade);border-radius:24px;width:auto;max-width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 20px 40px #11182740}.tpl-page .tpl-phone-frame{z-index:2;opacity:0;transition:opacity .25s}.tpl-page .tpl-phone-frame.is-ready{opacity:1}.tpl-page .tpl-phone-frame{width:375px;height:calc(100% / var(--tpl-phone-scale,1));transform:scale(var(--tpl-phone-scale,1));transform-origin:0 0;border:0;position:absolute;top:0;left:0}.tpl-page .tpl-frame-body.is-mobile .tpl-frame-shot{display:none}.tpl-page .tpl-frame-body.is-mobile .tpl-phone{display:flex}.tpl-page .tpl-single-h1{letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(38px,4.4vw,56px);font-weight:700;line-height:1.02}.tpl-page .tpl-single-desc{color:var(--tpl-body);text-wrap:pretty;margin:0 0 26px;font-size:17px}.tpl-page .tpl-specs{border:1px solid var(--tpl-line-warm);background:var(--tpl-bg);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 24px;display:grid;overflow:hidden}.tpl-page .tpl-spec{border-right:1px solid var(--tpl-line-warm-2);border-bottom:1px solid var(--tpl-line-warm-2);padding:16px 18px;transition:background-color .2s}.tpl-page .tpl-spec:hover{background:var(--tpl-hero-bg)}.tpl-page .tpl-spec:nth-child(2n){border-right:0}.tpl-page .tpl-spec:nth-last-child(-n+2){border-bottom:0}.tpl-page .tpl-spec dt{letter-spacing:.08em;text-transform:uppercase;color:var(--tpl-faint);margin-bottom:4px;font-size:11.5px;font-weight:700}.tpl-page .tpl-spec dd{color:var(--tpl-ink);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.tpl-page .tpl-tick{background:var(--tpl-accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.tpl-page .tpl-detail-actions{flex-wrap:wrap;gap:12px;display:flex}.tpl-page .tpl-btn{border:1px solid #0000;border-radius:12px;flex:200px;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:14px 24px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,gap .2s,background-color .15s,border-color .15s;display:flex}.tpl-page .tpl-btn--primary{background:var(--tpl-accent);color:#fff;box-shadow:0 8px 20px #dc262638}.tpl-page .tpl-btn--primary:hover{gap:12px;transform:translateY(-2px);box-shadow:0 12px 26px #dc26264d}.tpl-page .tpl-btn--ghost{border-color:var(--tpl-line);background:var(--tpl-bg);color:var(--tpl-ink)}.tpl-page .tpl-btn--ghost:hover{border-color:var(--tpl-accent-100);background:var(--tpl-hero-bg)}.tpl-page .tpl-more-sec{padding:80px 0 96px}.tpl-page .tpl-more-h{letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:700}.tpl-page .tpl-more-all{color:var(--tpl-accent);align-items:center;gap:6px;font-size:15px;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.tpl-page .tpl-more-all:hover{gap:10px}.tpl-page .tpl-grid--more{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}@media (width<=860px){.tpl-page .tpl-single-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.tpl-page .tpl-wrap{padding-left:16px;padding-right:16px}.tpl-page .tpl-grid{gap:18px}.tpl-page .tpl-grid-head{gap:12px}}