:root{--templates-dark:#222831;--templates-ink:#393e46;--templates-accent:#00adb5;--templates-soft:#eee;--templates-white:#fff;--templates-border:#d7dde4;--templates-muted:#68717c}.templates-page{background:var(--templates-soft);min-height:100vh;color:var(--templates-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.templates-page *{box-sizing:border-box}.templates-hero{color:var(--templates-soft);background:linear-gradient(#eeeeee0e 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#eeeeee0e 1px,#0000 1px) 0 0/44px 44px,linear-gradient(135deg,#222831 0% 58%,#2b323c 100%);grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:end;gap:clamp(34px,5vw,76px);padding:clamp(74px,9vw,126px) clamp(22px,5vw,78px) clamp(58px,7vw,92px);display:grid}.templates-hero-copy{max-width:920px}.templates-kicker{color:var(--templates-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:900;line-height:1.5}.templates-hero h1,.templates-section-head h2{color:inherit;letter-spacing:-.02em;margin:0;font-weight:750}.templates-hero h1{max-width:940px;font-size:clamp(44px,6vw,76px);line-height:1.02}.templates-hero-copy>p:not(.templates-kicker),.templates-summary p,.templates-card p{color:var(--templates-muted);font-size:16px;line-height:1.65}.templates-hero-copy>p:not(.templates-kicker){color:#eeeeeed1;max-width:740px;margin:24px 0 0}.templates-summary{background:#eee1;border:1px solid #eee3;border-radius:18px;min-height:300px;padding:28px}.templates-summary span{color:var(--templates-accent);letter-spacing:-.05em;font-size:clamp(58px,8vw,96px);font-weight:850;line-height:.92;display:block}.templates-summary strong{color:var(--templates-white);letter-spacing:-.01em;margin-top:22px;font-size:24px;font-weight:760;line-height:1.18;display:block}.templates-summary p{color:#eeeeeec7;margin:18px 0 0}.templates-list-section{background:var(--templates-soft);padding:clamp(74px,8vw,120px) clamp(22px,5vw,78px)}.templates-section-head{max-width:780px;margin-bottom:42px}.templates-section-head h2{font-size:clamp(32px,4vw,52px);line-height:1.1}.templates-grid{gap:16px;display:grid}.templates-card{border:1px solid var(--templates-border);background:var(--templates-white);grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,34px);padding:clamp(22px,4vw,34px);display:grid}.templates-card-index{background:var(--templates-dark);width:52px;height:52px;color:var(--templates-soft);letter-spacing:.06em;justify-content:center;align-items:center;font-size:14px;font-weight:900;line-height:1;display:inline-flex}.templates-card-categories{flex-wrap:wrap;gap:8px;display:flex}.templates-card-categories span{color:var(--templates-accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900;line-height:1.5}.templates-card h3{color:var(--templates-dark);letter-spacing:-.015em;margin:8px 0 0;font-size:clamp(24px,3vw,34px);font-weight:760;line-height:1.15}.templates-card p{margin:10px 0 0}.templates-card-link{background:var(--templates-accent);min-height:50px;color:var(--templates-white);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:13px 22px;font-size:15px;font-weight:800;line-height:1.4;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.templates-card-link:hover{background:#009da5}.templates-card-link:active{transform:translateY(1px)}.templates-slide-card{opacity:0;transform:translateY(44px)}.stagger-on-scroll.is-visible .templates-slide-card{animation:.72s cubic-bezier(.2,.72,.2,1) forwards templatesSlideUp}@keyframes templatesSlideUp{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.templates-slide-card{opacity:1;transform:none}.stagger-on-scroll.is-visible .templates-slide-card{animation:none}}@media (max-width:980px){.templates-hero,.templates-card{grid-template-columns:1fr}.templates-card-link{justify-self:start}}@media (max-width:680px){.templates-hero,.templates-list-section{padding-left:20px;padding-right:20px}.templates-hero h1{font-size:40px}}