:root{--ink:#181a2a;--ink-soft:#565a73;--ink-faint:#5f6275;--bg:#fff;--bg-tint:#f4f3fb;--bg-deep:#14152a;--line:#e7e6f1;--line-soft:#f0eff7;--accent:#4f46e5;--accent-dark:#4035c9;--accent-tint:#eceafe;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 2px #181a2a0f;--shadow:0 8px 24px #181a2a14;--shadow-lg:0 18px 44px #181a2a24;--wrap:1140px;--font:"Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65}h1,h2,h3,h4{letter-spacing:-.02em;margin:0 0 .5em;font-weight:800;line-height:1.2}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1.5px}img{max-width:100%;height:auto;display:block}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:22px}.skip-link{background:var(--accent);color:#fff;border-radius:0 0 var(--radius-sm) 0;z-index:50;padding:10px 16px;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:3px}.site-header{z-index:30;backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.site-header__bar{flex-wrap:wrap;align-items:center;gap:10px 16px;min-height:68px;display:flex}.brand{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:9px;margin-right:auto;font-size:1.18rem;font-weight:800;text-decoration:none;display:inline-flex}.brand__mark{display:inline-flex}.brand__mark svg rect{fill:var(--accent)}.brand__name{white-space:nowrap}.site-nav{align-items:center;gap:2px;display:flex}.site-nav a{color:var(--ink-soft);white-space:nowrap;border-radius:9px;padding:9px 12px;font-size:.96rem;font-weight:600;line-height:1;text-decoration:none;transition:color .15s,background .15s}.site-nav a:hover{color:var(--ink);background:var(--bg-tint)}.site-nav a[aria-current=page]{color:var(--accent);background:var(--accent-tint)}.nav-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);width:42px;height:42px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;padding:0;display:none}.nav-toggle:hover{background:var(--bg-tint)}.nav-toggle__bars{width:18px;height:14px;display:block;position:relative}.nav-toggle__bars span{background:currentColor;border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;position:absolute;left:0}.nav-toggle__bars span:first-child{top:0}.nav-toggle__bars span:nth-child(2){top:6px}.nav-toggle__bars span:nth-child(3){top:12px}.site-header.is-open .nav-toggle__bars span:first-child{transform:translateY(6px)rotate(45deg)}.site-header.is-open .nav-toggle__bars span:nth-child(2){opacity:0}.site-header.is-open .nav-toggle__bars span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.lang-switch{position:relative}.lang-switch>summary{border:1px solid var(--line);background:var(--bg);color:var(--ink-soft);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.92rem;font-weight:600;line-height:1;list-style:none;display:inline-flex}.lang-switch>summary::-webkit-details-marker{display:none}.lang-switch>summary:hover{color:var(--ink);background:var(--bg-tint)}.lang-switch[open]>summary{color:var(--ink);background:var(--bg-tint);border-color:var(--accent)}.lang-switch__caret{transition:transform .2s}.lang-switch[open] .lang-switch__caret{transform:rotate(180deg)}.lang-switch__menu{z-index:50;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:12rem;max-height:60vh;box-shadow:var(--shadow-lg);margin:0;padding:.4rem;list-style:none;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto}.lang-switch__menu li{margin:0}.lang-switch__menu a{color:var(--ink-soft);border-radius:8px;padding:.55rem .7rem;font-size:.92rem;text-decoration:none;display:block}.lang-switch__menu a:hover{background:var(--bg-tint);color:var(--ink)}.lang-switch__menu a[aria-current=true]{color:var(--accent);background:var(--accent-tint);font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 .6rem;font-size:.75rem;font-weight:700}.eyebrow--link{text-decoration:none;display:inline-block}.eyebrow--link:hover{text-decoration:underline}.section{padding:56px 0}.section--tint{background:var(--bg-tint)}.section__head{max-width:640px;margin-bottom:30px}.section__title{margin:0 0 .35em;font-size:clamp(1.5rem,3vw,2rem)}.section__intro{color:var(--ink-soft);margin:0}.btn{cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .12s,background .15s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn--ghost{color:var(--ink);border-color:var(--line);background:#fff}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.hero{background:radial-gradient(60% 60% at 15% 0%, #4f46e529, transparent 70%), radial-gradient(50% 70% at 95% 10%, #7c3aed24, transparent 70%), var(--bg-tint);border-bottom:1px solid var(--line)}.hero__inner{text-align:center;max-width:760px;padding:76px 22px 70px}.hero h1{margin:0 0 .4em;font-size:clamp(2.2rem,5.6vw,3.5rem)}.hero__lead{color:var(--ink-soft);max-width:600px;margin:0 auto 1.8rem;font-size:1.16rem}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.props{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.prop{background:var(--bg-tint);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px}.prop__title{margin:0 0 .4em;font-size:1.18rem}.prop__title:before{content:"";background:var(--accent);border-radius:2px;width:34px;height:4px;margin-bottom:14px;display:block}.prop__text{color:var(--ink-soft);margin:0;font-size:.98rem}.tcard-grid,.ccard-grid{gap:22px;margin:0;padding:0;list-style:none;display:grid}.tcard-grid{grid-template-columns:repeat(3,1fr)}.ccard-grid{grid-template-columns:repeat(2,1fr)}.tcard{animation:.5s both rise;animation-delay:calc(var(--i,0) * 45ms)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.tcard{animation:none}}.tcard__link{border:1px solid var(--line);border-radius:var(--radius);height:100%;color:inherit;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;text-decoration:none;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex;overflow:hidden}.tcard__link:hover{box-shadow:var(--shadow-lg);border-color:#d9d7ec;transform:translateY(-4px)}.tcard__media{aspect-ratio:3/2;background:var(--bg-tint);display:block;overflow:hidden}.tcard__media img{object-fit:cover;width:100%;height:100%}.tcard__media--placeholder{width:100%;height:100%;color:var(--accent);justify-content:center;align-items:center;display:flex}.tcard__media--placeholder svg{width:56px;height:56px}.tcard__body{flex-direction:column;flex:1;gap:7px;padding:20px;display:flex}.tcard__kicker{text-transform:uppercase;letter-spacing:.09em;color:var(--accent);font-size:.72rem;font-weight:700}.tcard__title{letter-spacing:-.015em;font-size:1.07rem;font-weight:800}.tcard__desc{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.tcard__cta{color:var(--accent);margin-top:auto;padding-top:10px;font-size:.9rem;font-weight:700}.ccard__link{border:1px solid var(--line);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:14px;padding:22px 24px;text-decoration:none;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex}.ccard__link:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-3px)}.ccard__title{letter-spacing:-.015em;font-size:1.06rem;font-weight:800}.ccard__count{color:var(--ink-faint);white-space:nowrap;font-size:.88rem;font-weight:600}.ccard__arrow{color:var(--accent);margin-left:auto;font-size:1.2rem;font-weight:700}.breadcrumb{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:7px;padding-top:26px;font-size:.86rem;display:flex}.breadcrumb a{color:var(--ink-soft);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb__sep{color:var(--line)}.breadcrumb [aria-current=page]{color:var(--ink);font-weight:600}.template,.article,.category{padding-top:18px;padding-bottom:64px}.template{max-width:880px}.template__head h1,.article__head h1{margin:0;font-size:clamp(1.7rem,3.6vw,2.5rem)}.template__head{margin-bottom:22px}.template__date{color:var(--ink-faint);margin:.6rem 0 0;font-size:.88rem}.figma-frame{aspect-ratio:8/6.5;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-tint);box-shadow:var(--shadow);overflow:hidden}.figma-frame iframe{border:0;width:100%;height:100%;display:block}.template__actions{flex-wrap:wrap;gap:12px;margin:22px 0 14px;display:flex}.template__actions .btn{flex:1;min-width:200px}.template__note{background:var(--accent-tint);border-radius:var(--radius-sm);color:#34306b;border:1px solid #d9d5fb;margin:0 0 30px;padding:13px 16px;font-size:.9rem}.template__note a{color:var(--accent-dark);font-weight:600}.prose{font-size:1.04rem}.prose>:first-child{margin-top:0}.prose h2{margin:1.8em 0 .5em;font-size:1.42rem}.prose h3{margin:1.5em 0 .4em;font-size:1.16rem}.prose p{margin:0 0 1.1em}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.3em}.prose li{margin-bottom:.45em}.prose img{border-radius:var(--radius-sm);border:1px solid var(--line);margin:1.4em 0}.prose a{color:var(--accent-dark)}.tags{flex-wrap:wrap;gap:8px;margin:30px 0 0;display:flex}.tag{background:var(--bg-tint);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:5px 13px;font-size:.8rem;font-weight:600}.related{border-top:1px solid var(--line);margin-top:56px;padding-top:36px}.related .section__title{margin-bottom:24px}.category__head{margin-bottom:28px}.category__head h1{max-width:760px;margin:0;font-size:clamp(1.7rem,3.6vw,2.5rem)}.category .ccard-grid{margin-bottom:28px}.category__templates{margin-bottom:8px}.category__intro{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:44px;padding-top:32px}.category__intro h2{color:var(--ink);font-size:1.3rem}.empty{color:var(--ink-faint)}.notfound{text-align:center;padding:70px 22px 80px}.notfound h1{font-size:clamp(1.8rem,4vw,2.6rem)}.notfound__lead{color:var(--ink-soft);max-width:460px;margin:0 auto 1.6rem}.site-footer{background:var(--bg-deep);color:#b9bad0;margin-top:56px;position:relative}.site-footer:before{content:"";background:linear-gradient(90deg, var(--accent), #7c3aed 55%, #ec4899);height:3px;position:absolute;top:0;left:0;right:0}.footer-grid{grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px 36px;padding-top:64px;padding-bottom:44px;display:grid}.footer-brand .brand{color:#fff}.footer-brand .brand__mark svg rect{fill:var(--accent)}.footer-brand__tag{color:#d5d6e7;letter-spacing:-.005em;max-width:34ch;margin:18px 0 12px;font-size:1rem;font-weight:600}.footer-brand__meta{color:#91929d;max-width:36ch;margin:0 0 18px;font-size:.9rem}.footer-brand__meta strong{color:#fff;font-weight:700}.footer-brand__cta{color:#fff;border:1.5px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:.92rem;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.footer-brand__cta:hover{border-color:var(--accent);background:#4f46e52e}.footer-col h2{text-transform:uppercase;letter-spacing:.12em;color:#7e7fa1;margin:6px 0 16px;font-size:.74rem;font-weight:700}.footer-col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-col a{color:#c7c8db;font-size:.94rem;text-decoration:none;transition:color .12s}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff17;flex-wrap:wrap;align-items:baseline;gap:6px 26px;padding-top:22px;padding-bottom:34px;display:flex}.footer-bottom p{color:#7f8099;margin:0;font-size:.83rem}.footer-bottom__note{flex:1;min-width:240px}.statband{text-align:center;grid-template-columns:repeat(4,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.statband__item{flex-direction:column;gap:5px;padding:6px 12px;display:flex}.statband__item+.statband__item{border-left:1px solid var(--line)}.statband__value{letter-spacing:-.02em;color:var(--accent);font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;line-height:1}.statband__label{color:var(--ink-soft);font-size:.92rem;font-weight:600;line-height:1.35}.about{max-width:760px}.about__p{color:var(--ink-soft);margin:0 0 1.1em;font-size:1.06rem}.about__p:last-child{margin-bottom:0}.steps{grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;gap:16px;padding:24px 22px;display:flex}.step__num{background:var(--accent-tint);width:38px;height:38px;color:var(--accent-dark);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:inline-flex}.step__title{letter-spacing:-.01em;margin:0 0 .3em;font-size:1.08rem;font-weight:800}.step__text{color:var(--ink-soft);margin:0;font-size:.96rem}.steps__cta{margin:26px 0 0}.faq{max-width:820px}.faq__list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.faq__item{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;transition:border-color .14s,box-shadow .14s;overflow:hidden}.faq__item:hover{box-shadow:var(--shadow-sm);border-color:#d9d7ec}.faq__item summary{cursor:pointer;align-items:center;gap:14px;padding:17px 20px;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__q{letter-spacing:-.01em;color:var(--ink);flex:1;margin:0;font-size:1.04rem;font-weight:700}.faq__icon{flex:none;width:16px;height:16px;position:relative}.faq__icon:before,.faq__icon:after{content:"";background:var(--accent);border-radius:2px;transition:transform .2s,opacity .2s;position:absolute}.faq__icon:before{width:16px;height:2px;top:7px;left:0}.faq__icon:after{width:2px;height:16px;top:0;left:7px}.faq__item details[open] .faq__icon:after{opacity:0;transform:rotate(90deg)}.faq__item summary:hover .faq__q{color:var(--accent)}.faq__a{color:var(--ink-soft);padding:2px 20px 19px}.faq__a p{margin:0}@media (width<=880px){.tcard-grid{grid-template-columns:repeat(2,1fr)}.props,.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(3,1fr);gap:32px 28px}.footer-brand{grid-column:1/-1}}@media (width<=560px){body{font-size:16px}.tcard-grid,.ccard-grid{grid-template-columns:1fr}.statband{grid-template-columns:repeat(2,1fr);row-gap:26px}.statband__item{border-left:none}.statband__item:nth-child(2n){border-left:1px solid var(--line)}.section{padding:44px 0}.hero__inner{padding:56px 22px 52px}.template__actions .btn{flex:100%}.footer-grid{grid-template-columns:1fr;gap:26px}}@media (width<=960px){.nav-toggle{order:3;display:inline-flex}.lang-switch{order:2}.lang-switch__label{display:none}.lang-switch>summary{padding:.5rem .6rem}.site-nav{border-top:1px solid var(--line-soft);flex-direction:column;flex-basis:100%;order:4;align-items:stretch;gap:2px;margin:4px 0 8px;padding-top:10px;display:none}.site-header.is-open .site-nav{display:flex}.site-nav a{border-radius:10px;padding:12px 14px;font-size:1rem}}