.template-landing .header{max-width:1180px}.template-page{max-width:1180px;padding:0 32px}.template-breadcrumbs{display:flex;gap:11px;align-items:center;color:#596574;font-size:12px;margin:28px 0}.template-breadcrumbs a:hover{color:#006bad}.template-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:52px;padding:16px 0 56px}.template-intro h1{font-size:clamp(38px,4.6vw,62px);font-weight:900;line-height:1.04;letter-spacing:-2.5px;max-width:560px}.template-intro>p{font-size:16px;line-height:1.65;color:#526174;max-width:510px;margin:23px 0}.template-cta{display:inline-flex;align-items:center;gap:24px;background:#0099ff;border:1px solid #0099ff;border-radius:6px;color:#101b29;padding:15px 18px;font-weight:700;font-size:14px}.template-cta:hover{background:#1387d5;border-color:#1387d5}.template-format{display:block;font-size:11px;color:#596574;margin-top:13px}.template-preview{margin:0;min-width:0;background:#000;border:1px solid #171b20;border-radius:8px;overflow:hidden}.template-media{position:relative;display:grid;place-items:center;background:#000;aspect-ratio:16/9;max-height:344px;overflow:hidden}.template-media img,.template-media canvas{grid-area:1/1;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:344px;object-fit:contain}.template-media canvas{position:absolute;inset:0;background:#000}.template-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #23262b;padding:14px 16px;color:#bfc5cf;font-size:11px}.template-preview figcaption>span{line-height:1.5}.template-preview button{padding:9px 12px;border:1px solid #424851;border-radius:5px;color:#fff;white-space:nowrap;font-size:11px;font-weight:700}.template-preview button:hover{border-color:#0099ff;background:#102333}.template-body{border-top:1px solid #dce0e5;padding:40px 0 60px}.template-body h2{font-size:28px;font-weight:900;letter-spacing:-.9px;line-height:1.2;margin:0 0 24px}.template-body h3{font-size:17px;font-weight:700;letter-spacing:-.3px;margin:0 0 10px}.template-use-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;counter-reset:template-use;margin:0;padding:0}.template-use-list li{counter-increment:template-use}.template-use-list li:before{content:'0' counter(template-use);display:block;color:#006bad;font-size:12px;font-weight:700;margin-bottom:14px}.template-body p,.template-workflow li{color:#526174;font-size:14px;line-height:1.8}.template-use-list p{margin:0 0 13px}.template-body a{color:#006bad;text-decoration:underline;text-underline-offset:3px}.template-use-list a{font-size:13px;font-weight:700;line-height:1.7}.template-workflow{max-width:780px;margin-top:48px}.template-workflow ol{padding-left:22px;margin:0 0 21px}.template-workflow li{padding-left:6px;margin-bottom:14px}.template-workflow p+p{margin-top:16px}.template-faq{max-width:780px;margin-top:42px}.template-faq details{border-top:1px solid #dce0e5;padding:18px 0}.template-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;font-size:14px;font-weight:700;line-height:1.5}.template-faq summary:after{content:'+';font-size:20px;font-weight:400}.template-faq details[open] summary:after{content:'−'}.template-faq details p{margin-top:12px}.template-body .template-limits{max-width:780px;font-size:12px;margin-top:25px;color:#66717f}.template-related{display:flex;gap:13px 25px;flex-wrap:wrap;border-top:1px solid #dce0e5;padding-top:22px;margin-top:30px;font-size:13px}.template-footer{max-width:1116px;padding:28px 0;gap:24px}.template-footer .footer-links{flex-wrap:wrap;gap:16px 24px}
@media(max-width:850px){.template-page{padding:0 24px}.template-hero{gap:30px}.template-intro h1{font-size:43px;letter-spacing:-1.8px}.template-preview figcaption{align-items:flex-start;flex-direction:column;gap:10px}.template-use-list{gap:24px}.template-footer{margin:0 24px}}
@media(max-width:650px){.template-landing .header{padding:0 20px}.template-landing .main-nav{gap:17px}.template-landing .main-nav a{display:block;font-size:12px}.template-landing .header .logo{font-size:23px}.template-page{padding:0 20px}.template-breadcrumbs{margin:22px 0}.template-hero{grid-template-columns:1fr;gap:26px;padding:7px 0 32px}.template-intro h1{font-size:clamp(36px,10vw,48px);letter-spacing:-1.7px}.template-intro>p{font-size:14px;margin:19px 0}.template-cta{font-size:13px;padding:14px 16px}.template-format{font-size:10px}.template-media,.template-media img,.template-media canvas{max-height:274px}.template-preview figcaption{flex-direction:row;align-items:center;padding:12px;font-size:10px}.template-preview button{font-size:10px}.template-body{padding:30px 0 40px}.template-body h2{font-size:25px;letter-spacing:-.7px}.template-use-list{grid-template-columns:1fr;gap:26px}.template-use-list li:before{margin-bottom:9px}.template-workflow,.template-faq{margin-top:34px}.template-faq summary{font-size:13px}.template-related{font-size:12px;gap:14px 20px}.template-footer{margin:0 20px;align-items:flex-start;flex-direction:column;gap:22px}.template-footer .footer-links{font-size:11px}}
@media(prefers-reduced-motion:reduce){.template-landing{scroll-behavior:auto}}