.tplp-hero{padding:150px 0 90px;background:linear-gradient(180deg,var(--bg-lavender,#f6f2fb) 0,var(--bg) 46%)}.tplp-hero-head{text-align:center;max-width:860px;margin:0 auto 48px}.tplp-h1{font-family:var(--font-head);font-size:clamp(34px,4.6vw,58px);font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--ink);margin:0}.tplp-lead{max-width:620px;margin:20px auto 0}.tplp-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.tplp-ghost{background:#fff;border:1px solid var(--border-strong)}.tplp-center-cta{display:flex;justify-content:center;margin-top:44px}.tpl{position:relative;container-type:inline-size;overflow:hidden;border-radius:10px;background:#0d3550;flex-shrink:0;box-shadow:0 18px 40px -22px rgba(10,9,13,.45)}.tpl-logo{top:5cqw;left:6cqw;font-size:4.2cqw;text-shadow:0 1px 6px rgba(0,0,0,.35)}.tpl-badge,.tpl-logo{position:absolute;z-index:2;font-family:var(--font-head);font-weight:700;color:#fff}.tpl-badge{top:9cqw;width:25cqw;height:25cqw;border-radius:50%;background:#e4483b;display:flex;align-items:center;justify-content:center;text-align:center;padding:2cqw;font-size:4.4cqw;line-height:1.1;transform:rotate(-10deg)}.tpl-badge-left{left:7cqw;top:14cqw}.tpl-badge-right{right:7cqw}.tpl-box{position:absolute;left:10cqw;right:0;bottom:0;z-index:2;background:#fff;padding:5cqw 6cqw 6cqw;display:flex;flex-direction:column;gap:1.6cqw;border-top-left-radius:3cqw}.tpl-box b{font-family:var(--font-head);font-size:6.4cqw;font-weight:700;line-height:1.15;color:#0d3550}.tpl-box span{font-size:4cqw;line-height:1.35;color:#3c4a55}.tpl-box i{align-self:flex-start;font-style:normal;font-size:3.4cqw;font-weight:700;color:#fff;background:#e4483b;border-radius:100px;padding:1.6cqw 3.6cqw;margin-top:1cqw}.tple{max-width:1040px;margin:0 auto}.tple-stage{display:grid;grid-template-columns:.8fr 1fr;grid-gap:26px;gap:26px;padding:30px;background:url(/gradient-card.jpg) 50%/cover no-repeat}.tple-panel{background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 44px -28px rgba(20,16,40,.4)}.tplc-mini label,.tple-panel label,.tplf-fields label{display:flex;justify-content:space-between;gap:8px;flex-direction:column;font-size:12.5px;color:var(--ink-muted);margin-top:4px}.tplf-fields label{flex-direction:row}.tplf-fields label em{font-style:normal;font-size:11px;color:var(--ink-dim)}.tple-row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.tple-select{display:block;font-size:13.5px;color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:#fff}.tple-swatches{display:flex;gap:8px}.tple-swatches i{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-strong)}.tple-swatches i.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--violet)}.tple-field{position:relative;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--ink-soft);background:#fff;text-align:left}.tple-field.active{border-color:#f08a24;box-shadow:0 0 0 1px #f08a24}.tple-biu{display:flex;gap:16px;margin-top:12px;font-size:13px;color:var(--ink)}.tple-cursor{position:absolute;right:18px;bottom:-11px;z-index:2;font-size:11.5px;font-weight:700;color:#fff;background:#7c6cf0;border-radius:100px;padding:4px 11px;box-shadow:0 6px 14px -6px rgba(60,40,160,.6)}.tple-cursor-2{right:96px;bottom:22px;background:#f0a53d}.tple-toggle{display:block;width:38px;height:22px;border-radius:100px;background:#e3e2e8;position:relative}.tple-toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff}.tple-toggle.on{background:var(--violet)}.tple-toggle.on:after{left:19px}.tple-preview{display:flex;align-items:center;justify-content:center;min-height:430px}.tple-preview .tpl{border-radius:14px;border:2px solid rgba(255,255,255,.85)}.tple-usecase{text-align:center;font-family:var(--font-head);font-size:15px;font-weight:600;margin:30px 0 14px}.tple-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:8px;background:#fff;border-radius:14px;box-shadow:0 18px 40px -26px rgba(20,16,40,.35)}.tple-tabs button{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink-muted);background:#fff;border:1px solid var(--border);border-radius:9px;padding:9px 22px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.tple-tabs button:hover{border-color:var(--border-strong);color:var(--ink)}.tple-tabs button.active{background:var(--violet);border-color:var(--violet);color:#fff}.tplf{display:grid;grid-template-columns:.72fr 1fr;grid-gap:48px;gap:48px;align-items:center;max-width:1080px;margin:0 auto}.tplf-item,.tplf-list{display:flex;flex-direction:column;gap:6px}.tplf-item{text-align:left;background:none;border:none;border-left:3px solid var(--border);padding:12px 0 12px 20px;cursor:pointer}.tplf-ic{display:none;width:38px;height:38px;border-radius:10px;background:#f3e8ff;color:var(--violet);align-items:center;justify-content:center;margin-bottom:4px}.tplf-ic svg{width:19px;height:19px}.tplf-title{font-family:var(--font-head);font-size:21px;font-weight:600;color:#9a97a3;transition:color .2s ease}.tplf-body{display:none;font-size:15px;line-height:1.55;color:var(--ink-muted)}.tplf-item:hover .tplf-title{color:var(--ink-soft)}.tplf-item.active{border-left-color:var(--violet)}.tplf-item.active .tplf-ic{display:inline-flex}.tplf-item.active .tplf-title{color:var(--ink)}.tplf-item.active .tplf-body{display:block}.tplf-visual{min-height:430px;border:1px solid var(--border);border-radius:22px;background:#f6f5f8;padding:28px;display:flex;align-items:center;justify-content:center}.tplf-formats{display:grid;grid-template-columns:1.15fr 1fr .8fr;grid-gap:16px;gap:16px;align-items:end;width:100%}.tplf-format{display:flex;flex-direction:column;align-items:center;gap:8px}.tplf-format>span{font-size:12px;font-weight:700;color:var(--ink-muted);background:#fff;border:1px solid var(--border);border-radius:6px;padding:2px 8px}.tplf-split{display:grid;grid-template-columns:.85fr 1fr;grid-gap:22px;gap:22px;align-items:center;width:100%}.tplf-fields{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:7px}.tplf-dl-title{font-family:var(--font-head);font-size:14px}.tplf-files{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden}.tplf-files span{font-size:12px;color:var(--ink-muted);padding:7px 10px}.tplf-files span b{color:var(--ink);font-weight:700}.tplf-files span.on{background:#f3e8ff}.tplf-dl-btn{text-align:center;font-size:13px;font-weight:700;color:#fff;background:var(--violet);border-radius:8px;padding:9px;margin-top:4px}.tplf-publish{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.tplf-publish span{text-align:center;font-size:12.5px;font-weight:600;color:var(--ink-soft);border:1px solid var(--border);border-radius:8px;padding:9px 4px}.tplc-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:18px;gap:18px}.tplc-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px 30px 0;display:flex;flex-direction:column;overflow:hidden;min-height:380px}.tplc-2{grid-column:span 2}.tplc-3{grid-column:span 3}.tplc-4{grid-column:span 4}.tplc-card h3{font-family:var(--font-head);font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.01em;margin:0 0 10px}.tplc-card p{font-size:15px;line-height:1.55;color:var(--ink-muted);margin:0;max-width:46ch}.tplc-visual{margin-top:auto;padding-top:26px;display:flex;justify-content:center}.tplc-mini{width:100%;max-width:420px;background:#f6f5f8;border:1px solid var(--border);border-bottom:none;border-radius:14px 14px 0 0;padding:16px 16px 22px;display:flex;flex-direction:column;gap:8px}.tplc-mini-title{font-family:var(--font-head);font-size:14px}.tplc-share-row{display:flex;gap:8px}.tplc-input{flex:1 1;color:var(--ink-dim);background:#fff;border:1px solid var(--border);padding:8px 10px}.tplc-btn,.tplc-input{font-size:12.5px;border-radius:8px}.tplc-btn{font-weight:700;color:#fff;background:var(--violet);padding:8px 14px}.tplc-perm{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.tplc-perm em{font-style:normal;color:var(--ink-dim);white-space:nowrap}.tplc-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-bottom:34px}.tplc-tags span{font-size:13px;font-weight:700;color:#fff;border-radius:8px;padding:7px 13px}.tplc-tags span:nth-child(odd){transform:rotate(-4deg)}.tplc-tags span:nth-child(2n){transform:rotate(3deg)}.tplc-tags .tplc-tag-add{color:var(--ink-muted);background:transparent;border:1.5px dashed var(--border-strong)}.tplc-status{display:flex;gap:6px;flex-wrap:wrap}.tplc-status span{font-size:12px;font-weight:600;color:var(--ink-muted);background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px 11px}.tplc-status span.on{color:var(--violet);border-color:var(--violet);background:#f3e8ff}.tplc-person{gap:10px}.tplc-person,.tplc-person i{display:flex;align-items:center}.tplc-person i{width:30px;height:30px;border-radius:50%;border:1.5px solid #f0a53d;justify-content:center;font-style:normal;font-size:11px;font-weight:700;color:var(--ink);background:#fff}.tplc-person b{display:block;font-size:12.5px}.tplc-person em{font-style:normal;font-size:11.5px;color:var(--ink-dim)}.tplc-sizes{display:flex;align-items:flex-end;justify-content:center;gap:8px;width:100%;padding-bottom:26px}.tplc-folders{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.tplc-folders span{font-size:12.5px;font-weight:600;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.tplc-assets{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.tplc-assets span{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden}.tplc-integr{display:flex;align-items:center;justify-content:center;gap:16px;padding-bottom:34px}.tplc-integr-mate{width:64px;height:64px;border-radius:16px}.tplc-integr>b{font-size:24px;font-weight:400;color:var(--ink-muted)}.tplc-integr-logos{display:grid;grid-template-columns:repeat(2,44px);grid-gap:8px;gap:8px}.tplc-integr-logos img{width:44px;height:44px;border-radius:11px;border:1px solid var(--border);background:#fff;object-fit:contain;padding:7px}.tplw-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.tplw-card{position:relative;background:#f6f5f8;border-radius:22px;padding:34px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.tplw-wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:40px}.tplw-text{flex:0.8 1;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.tplw-anchor{position:absolute;top:-110px}.tplw-option{font-size:12.5px;font-weight:700;color:var(--violet);border:1px solid var(--violet);border-radius:100px;padding:3px 11px}.tplw-card h3{font-family:var(--font-head);font-size:24px;font-weight:600;line-height:1.22;letter-spacing:-.01em;margin:0}.tplw-card p{font-size:15.5px;line-height:1.6;color:var(--ink-muted);margin:0}.tplw-fan{flex:1 1;display:flex;align-items:center;justify-content:center}.tplw-fan .tpl:first-child{margin-right:-7%;transform:scale(.92)}.tplw-fan .tpl:nth-child(2){z-index:2}.tplw-fan .tpl:nth-child(3){margin-left:-7%;transform:scale(.92)}.tplw-figma{width:100%;background:#fff;border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;text-align:center;margin:6px 0}.tplw-figma,.tplw-figma-icons{display:flex;align-items:center}.tplw-figma-icons{gap:12px;color:var(--ink-muted)}.tplw-figma-f,.tplw-figma-m{width:40px;height:40px;border-radius:10px;background:#eeedf2;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--ink)}.tplw-figma-f svg{width:20px;height:20px}.tplw-figma-m{background:var(--ink);color:#fff}.tplw-figma-title{font-family:var(--font-head);font-size:16px}.tplw-figma-hint{font-size:13px;color:var(--ink-muted);max-width:34ch}.tplw-figma-drop{width:100%;font-size:13px;color:var(--ink-dim);border:1.5px dashed var(--border-strong);border-radius:10px;padding:18px 10px}.tplw-collage{width:100%;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;margin:6px 0}.tplw-card>.btn{margin-top:auto}@media (max-width:980px){.tple-stage{grid-template-columns:1fr;padding:18px}.tple-preview{order:-1;min-height:0}.tplf{grid-template-columns:1fr;gap:28px}.tplc-2,.tplc-3,.tplc-4{grid-column:span 6}.tplc-card{min-height:0}.tplw-grid{grid-template-columns:1fr}.tplw-wide{flex-direction:column;align-items:flex-start}.tplw-fan{width:100%}}@media (max-width:560px){.tplp-hero{padding:120px 0 60px}.tple-tabs button{padding:8px 14px;font-size:13px}.tplf-visual{padding:16px;min-height:0}.tplf-split{grid-template-columns:1fr}.tplf-split .tpl{max-width:240px;margin:0 auto}.tplc-card,.tplw-card{padding:24px 22px 0}.tplw-card{padding-bottom:24px}.tplf-title{font-size:18px}}.tple-tabs button,.tplf-item{font-family:var(--font-body)}.tplc-card{min-height:340px}.tple-stage{display:block;position:relative;padding:0;background:none;border-radius:24px;overflow:hidden;aspect-ratio:var(--ar,2069/1139);transition:aspect-ratio .3s ease;box-shadow:0 40px 80px -50px rgba(60,40,160,.45)}.tple-stage picture{position:absolute;inset:0;opacity:0;transition:opacity .35s ease}.tple-stage picture.on{opacity:1}.tple-stage img{width:100%;height:100%;object-fit:cover;display:block}.tplf-visual{min-height:0;padding:0;overflow:hidden;background:#fff;box-shadow:0 30px 60px -40px rgba(20,16,40,.4)}.tplf-visual img,.tplf-visual video{display:block;width:100%;height:auto}.tplf{grid-template-columns:.6fr 1fr}.tplimg{display:block;max-width:100%;height:auto}.tplc-shot{justify-content:flex-end;margin-right:-30px}.tplc-shot .tplimg{width:min(360px,78%);border-radius:14px 0 0 0}.tplc-free{padding-bottom:24px}.tplc-free .tplimg{width:min(320px,100%)}.tplb{flex:1.15 1;min-width:0;width:100%}.tplb-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tplb-tabs button{font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--ink-soft);background:#fff;border:1px solid var(--border);border-radius:8px;padding:7px 13px;cursor:pointer}.tplb-tabs button.active{color:var(--violet);border-color:var(--violet);background:#f3e8ff}.tplb-stage{border-radius:16px;overflow:hidden;background:#fff;aspect-ratio:1080/660}.tplb-stage img,.tplb-stage video{display:block;width:100%;height:100%;object-fit:cover}.tplw-collage{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;align-items:end}.tplw-collage .tplimg{width:100%;border-radius:10px;box-shadow:0 16px 34px -22px rgba(10,9,13,.45)}.tplw-collage .tplimg:nth-child(2){transform:translateY(-14px)}@media (max-width:980px){.tplf{grid-template-columns:1fr}.tplc-shot{margin-right:-30px}}@media (max-width:640px){.tple-stage{aspect-ratio:var(--ar-mb,543/1137);max-width:380px;margin:0 auto}.tplc-shot{margin-right:-22px}}.tplp-hero-head .hero-rating{margin:0 auto 22px}.tplc-dark{background:#121829}.tplc-dark .h-section{color:#fff}.tplc-dark .section-head-lead{color:rgba(255,255,255,.66)}.tplc-dark .tplc-card{background:radial-gradient(120% 90% at 85% 100%,rgba(52,84,168,.35),transparent 60%),#1d2436;border-color:rgba(255,255,255,.06)}.tplc-dark .tplc-card h3{color:#fff}.tplc-dark .tplc-card p{color:rgba(255,255,255,.68)}.tplc-dark .tplc-mini{background:#2a3145;border-color:rgba(255,255,255,.08);color:#fff}.tplc-dark .tplc-input,.tplc-dark .tplc-perm{background:#394055;border-color:rgba(255,255,255,.1);color:#fff}.tplc-dark .tplc-input{color:rgba(255,255,255,.55)}.tplc-dark .tplc-perm em{color:rgba(255,255,255,.5)}.tplc-dark .tplc-btn{background:#5b5bd6}.tplc-shot-center{justify-content:center;margin-right:0}.tplc-shot-center .tplimg{border-radius:12px 12px 0 0;width:min(340px,100%)}.tplw-designers{width:100%;display:flex;justify-content:center;margin:6px 0}.tplw-designers .tplimg{width:min(460px,100%)}.tplw-card>.btn{margin-top:4px}.tplw-card:not(.tplw-wide){padding-bottom:0;overflow:hidden}.tplw-designers,.tplw-figma{margin:auto 0 0;padding-top:22px}.tplw-figma{margin-top:auto;padding:24px;border-bottom:none;border-radius:16px 16px 0 0;position:relative;top:0}.tplw-card:not(.tplw-wide)>.btn{margin-bottom:22px}.tplw-designers .tplimg{display:block;width:min(520px,100%)}.tplg-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}.tplg-filters button{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink-soft);background:#fff;border:1px solid var(--border);border-radius:100px;padding:8px 18px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.tplg-filters button:hover{border-color:var(--border-strong)}.tplg-filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.tplg-clip{position:relative}.tplg-clip.is-collapsed{max-height:720px;overflow:hidden}.tplg-clip.is-collapsed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(180deg,rgba(244,245,247,0) 0,var(--bg) 85%);pointer-events:none}.tplg-grid{column-count:4;column-gap:16px;max-width:1160px;margin:0 auto}.tplg-item{page-break-inside:avoid;break-inside:avoid;margin:0 0 16px;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.tplg-item img{display:block;width:100%;height:auto}.tplg-item figcaption{display:flex;flex-direction:column;gap:2px;padding:11px 14px 13px}.tplg-item figcaption b{font-family:var(--font-head);font-size:14px;font-weight:600}.tplg-item figcaption span{font-size:12.5px;color:var(--ink-muted)}.tplg-more{display:flex;justify-content:center;margin-top:-24px;position:relative;z-index:2}.tplg-section .tplp-center-cta{margin-top:28px}@media (max-width:980px){.tplg-grid{column-count:3}}@media (max-width:640px){.tplg-grid{column-count:2;column-gap:10px}.tplg-item{margin-bottom:10px}}.tplk{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:40px;gap:40px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:26px;padding:44px}.tplk-text .h-section{text-align:left;margin:10px 0 12px;max-width:16ch}.tplk-text p{font-size:16px;line-height:1.6;color:var(--ink-muted);max-width:46ch;margin:0 0 22px}.tplk-card{background:linear-gradient(180deg,#faf7ff,#fff 60%);border:1.5px solid var(--violet);border-radius:20px;padding:26px 28px;box-shadow:0 24px 50px -30px rgba(143,0,255,.35)}.tplk-example{display:block;font-size:13px;color:var(--ink-muted);margin-bottom:18px}.tplk-stats{display:grid;grid-gap:14px;gap:14px}.tplk-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.tplk-stats div:last-child{border-bottom:none;padding-bottom:0}.tplk-stats b{font-family:var(--font-head);font-size:28px;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.tplk-stats span{font-size:14px;color:var(--ink-muted);text-align:right}@media (max-width:860px){.tplk{grid-template-columns:1fr;gap:26px;padding:28px 22px}.tplk-text .h-section{max-width:none}}.tplk .tplp-overline{color:var(--violet)}