/* Szablony newsletterów – dedicated Animails 3.0 art direction.
 * Figma source: frame 603:65. Shared shell, CTA/form behavior and common
 * responsive hero contract live outside this file. */
.a3-template-service{background:#fff}.a3-template-service :where(h1,h2,h3,p,ul,ol,dl,dd){margin-top:0}
.a3-template-service .a3-service-hero{gap:56px;grid-template-columns:minmax(0,610px) 550px;padding-block:52px}.a3-template-service .a3-service-hero__copy{gap:16px}.a3-template-service .a3-service-hero h1{font-size:50px;line-height:1.04;letter-spacing:-.02em;max-width:610px}.a3-template-service .a3-service-hero__lead{line-height:1.48;max-width:580px}.a3-template-service .a3-service-hero__actions{gap:18px}.a3-template-service .a3-service-hero__proof{font-size:13px}

/* Hero blueprint: module library → assembled message → compatibility strip. */
.a3-template-blueprint{background:#faf9f7;border:1px solid #7752ad;border-radius:16px;height:444px;justify-self:end;position:relative;width:550px}
.a3-template-blueprint__library{background:#fff;border:1px solid #e3dfd2;border-radius:12px;display:flex;flex-direction:column;gap:12px;height:404px;left:20px;padding:16px 14px;position:absolute;top:20px;width:190px}.a3-template-blueprint__library>small{color:#5b2ea0;font:800 10px/1 Geist,sans-serif}.a3-template-blueprint__library>span{background:#faf9f7;border-radius:6px;color:#171717;display:flex;flex-direction:column;font:600 11px/1 Sora,sans-serif;gap:4px;min-height:48px;padding:8px 10px}.a3-template-blueprint__library>span b{color:#5c5a52;font:400 9px/1 Geist,sans-serif}.a3-template-blueprint__library>span.is-active{background:#c6f135}.a3-template-blueprint__library>span.is-active b{color:#5b2ea0}
.a3-template-blueprint__mail{background:#fff;border:1px solid #e3dfd2;border-radius:12px;height:320px;position:absolute;right:24px;top:20px;width:294px}.a3-template-blueprint__head{background:#241040;border-radius:6px;height:34px;left:16px;position:absolute;right:16px;top:16px}.a3-template-blueprint__hero{background:#c6f135;border-radius:6px;height:88px;left:16px;position:absolute;right:16px;top:62px}.a3-template-blueprint__hero small{color:#5b2ea0;font:800 9px/1 Geist,sans-serif;left:14px;position:absolute;top:14px}.a3-template-blueprint__products{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);left:16px;position:absolute;right:16px;top:162px}.a3-template-blueprint__products i{background:#f5f2e8;border:1px solid #e3dfd2;border-radius:6px;height:72px}.a3-template-blueprint__mail>b{align-items:center;background:#241040;border-radius:999px;color:#fff;display:flex;font:800 9px/1 Geist,sans-serif;height:34px;justify-content:center;left:16px;position:absolute;top:246px;width:120px}.a3-template-blueprint__compat{align-items:center;background:#150826;border-radius:10px;bottom:20px;color:#c6f135;display:grid;font:800 9px/1 Geist,sans-serif;grid-template-columns:repeat(4,1fr);height:68px;justify-items:center;position:absolute;right:24px;width:294px}

.a3-template-chaos,.a3-template-render,.a3-template-faq{background:#f5f2e8;padding-block:88px}.a3-template-library{background:#fff;padding-block:88px}.a3-template-handoff{background:#241040;color:#fff;padding-block:88px}.a3-template-section-head{align-items:flex-start;display:flex;flex-direction:column;gap:24px;margin-bottom:40px;max-width:1160px}.a3-template-section-head h2{font:800 48px/1.12 Sora,sans-serif;letter-spacing:-.02em;margin:0;max-width:1160px}.a3-template-section-head>p{color:#5c5a52;font:400 16px/1.5 Geist,sans-serif;margin:0;max-width:900px}.a3-template-section-head--dark h2,.a3-template-section-head--dark>p{color:#fff}

/* Files vs system. */
.a3-template-chaos__compare{background:#fff;border:1px solid #e3dfd2;border-radius:16px;display:grid;grid-template-columns:520px minmax(0,1fr);max-width:1280px;overflow:hidden;width:100%}.a3-template-chaos__compare>article{display:flex;flex-direction:column;gap:18px;min-height:420px;padding:30px 32px}.a3-template-chaos__compare>article>strong{color:#9c9a90;font:800 88px/.9 Sora,sans-serif}.a3-template-chaos__compare>article>h3{color:#5c5a52;font:600 14px/1.2 Geist,sans-serif;margin:0}.a3-template-chaos__compare>article>i{background:#e3dfd2;height:1px;width:100%}.a3-template-chaos__compare>article>p{color:#5c5a52;font:400 15px/1.5 Geist,sans-serif;margin:0}.a3-template-chaos__compare>article.is-system{background:#241040;color:#fff;padding-inline:36px}.a3-template-chaos__compare>article.is-system>strong{color:#c6f135;font-size:54px;line-height:1}.a3-template-chaos__compare>article.is-system>h3{color:#fff;font:600 20px/1.2 Sora,sans-serif}.a3-template-chaos__compare>article.is-system>i{background:#7752ad}.a3-template-chaos__compare dl{display:flex;flex-direction:column;gap:8px;margin:0}.a3-template-chaos__compare dl>div{align-items:center;background:#150826;border-radius:6px;display:grid;grid-template-columns:90px 1fr;min-height:42px;padding:0 12px}.a3-template-chaos__compare dt{color:#c6f135;font:800 10px/1 Geist,sans-serif}.a3-template-chaos__compare dd{font:400 12px/1.2 Geist,sans-serif;margin:0}

/* Module library. */
.a3-template-library__grid{display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr));max-width:1280px;width:100%}.a3-template-library__grid article{background:#faf9f7;border:1px solid #e3dfd2;border-radius:12px;display:flex;flex-direction:column;gap:14px;min-height:420px;padding:24px 20px}.a3-template-library__grid article>b{color:#5b2ea0;font:800 11px/1 Geist,sans-serif}.a3-template-library__grid h3{font:800 20px/1.15 Sora,sans-serif;margin:0}.a3-template-library__grid article>i{background:#e3dfd2;height:1px;width:100%}.a3-template-library__grid article>p{color:#5c5a52;font:400 13px/1.45 Geist,sans-serif;margin:0}.a3-template-library__grid article>div{background:#fff;border:1px solid #e3dfd2;border-radius:8px;height:130px;position:relative}.a3-template-library__grid article>div span{background:#241040;border-radius:4px;height:18px;left:16px;position:absolute;right:16px;top:16px}.a3-template-library__grid article>div em{background:#f5f2e8;border-radius:4px;height:48px;left:16px;position:absolute;right:16px;top:46px}.a3-template-library__grid article>small{color:#5b2ea0;font:800 10px/1 Geist,sans-serif}.a3-template-library__grid article.is-featured{background:#241040;border-color:#7752ad;color:#fff}.a3-template-library__grid article.is-featured>b,.a3-template-library__grid article.is-featured>small{color:#c6f135}.a3-template-library__grid article.is-featured>i{background:#7752ad}.a3-template-library__grid article.is-featured>p{color:#fff}.a3-template-library__grid article.is-featured>div{background:#150826;border-color:#7752ad}.a3-template-library__grid article.is-featured>div span{background:#c6f135}.a3-template-library__grid article.is-featured>div em{background:#5b2ea0}

/* Render matrix. */
.a3-template-render__lab{background:#150826;border:1px solid #7752ad;border-radius:16px;display:grid;grid-template-columns:430px minmax(0,1fr);max-width:1280px;overflow:hidden;width:100%}.a3-template-render__lab>aside{background:#fff;display:flex;flex-direction:column;gap:16px;min-height:470px;padding:28px 30px}.a3-template-render__lab>aside>small{color:#5b2ea0;font:800 11px/1 Geist,sans-serif}.a3-template-render__lab>aside h3{font:800 28px/1.15 Sora,sans-serif;margin:0}.a3-template-render__lab>aside>p{color:#5c5a52;font:600 14px/1.4 Geist,sans-serif;margin:0}.a3-template-render__preview{background:#faf9f7;border:1px solid #e3dfd2;border-radius:10px;height:260px;position:relative}.a3-template-render__preview i{background:#241040;border-radius:5px;height:28px;left:16px;position:absolute;right:16px;top:16px}.a3-template-render__preview b{background:#f5f2e8;border-radius:5px;height:102px;left:16px;position:absolute;right:16px;top:56px}.a3-template-render__preview em{background:#9c9a90;border-radius:3px;height:14px;left:16px;position:absolute;top:174px;width:210px}.a3-template-render__preview span{background:#c6f135;border-radius:999px;height:32px;left:16px;position:absolute;top:202px;width:130px}
.a3-template-render__matrix{display:flex;flex-direction:column;gap:10px;min-height:470px;padding:28px 24px}.a3-template-render__matrix>small{color:#c6f135;font:800 11px/1 Geist,sans-serif}.a3-template-render__head,.a3-template-render__row{align-items:center;display:grid;gap:8px;grid-template-columns:198px repeat(4,minmax(0,1fr));min-height:58px;padding:0 12px}.a3-template-render__head{min-height:38px;padding:0}.a3-template-render__head b,.a3-template-render__row b{font:600 12px/1 Sora,sans-serif}.a3-template-render__head span{color:#c6f135;font:800 10px/1 Geist,sans-serif}.a3-template-render__row{background:#150826;border-radius:8px;color:#fff}.a3-template-render__row.is-active{background:#241040}.a3-template-render__row span{font:800 10px/1 Geist,sans-serif}.a3-template-render__row span:first-of-type,.a3-template-render__row span:nth-of-type(3){color:#c6f135}.a3-template-render__matrix>p{align-items:center;background:#c6f135;border-radius:8px;color:#171717;display:flex;font:800 10px/1 Geist,sans-serif;min-height:50px;margin:0;padding:0 14px}

/* Handoff. */
.a3-template-handoff__board{background:#150826;border:1px solid #7752ad;border-radius:16px;display:grid;grid-template-columns:820px minmax(0,1fr);max-width:1280px;overflow:hidden;width:100%}.a3-template-handoff__route{display:flex;flex-direction:column;gap:14px;min-height:430px;padding:28px}.a3-template-handoff__route>small{color:#c6f135;font:800 11px/1 Geist,sans-serif}.a3-template-handoff__route ol{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.a3-template-handoff__route li{align-items:center;background:#241040;border-radius:8px;display:grid;grid-template-columns:32px 120px minmax(0,1fr);min-height:58px;padding:0 14px}.a3-template-handoff__route li b{color:#c6f135;font:800 10px/1 Geist,sans-serif}.a3-template-handoff__route li strong{font:600 12px/1 Sora,sans-serif}.a3-template-handoff__route li span{font:400 12px/1.2 Geist,sans-serif}.a3-template-handoff__route li.is-final{background:#c6f135;color:#171717}.a3-template-handoff__route li.is-final b{color:#5b2ea0}
.a3-template-handoff__board>aside{background:#fff;color:#171717;display:flex;flex-direction:column;gap:18px;min-height:430px;padding:30px}.a3-template-handoff__board>aside>small{color:#5b2ea0;font:800 11px/1 Geist,sans-serif}.a3-template-handoff__board>aside h3{font:800 28px/1.15 Sora,sans-serif;margin:0}.a3-template-handoff__board>aside>i{background:#e3dfd2;height:1px;width:100%}.a3-template-handoff__board>aside ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.a3-template-handoff__board>aside li{align-items:center;background:#faf9f7;border-radius:6px;display:flex;font:600 13px/1.2 Geist,sans-serif;gap:12px;min-height:50px;padding:0 12px}.a3-template-handoff__board>aside li::before{color:#5b2ea0;content:"✓";font:600 14px/1 Sora,sans-serif}.a3-template-handoff__closing{align-items:center;background:#c6f135;border-radius:12px;color:#171717;display:flex;justify-content:space-between;margin-top:24px;max-width:1280px;min-height:64px;padding:16px 24px;width:100%}.a3-template-handoff__closing strong{font:600 15px/1.2 Sora,sans-serif}.a3-template-handoff__closing span{color:#5b2ea0;font:800 11px/1 Geist,sans-serif}
.a3-template-faq>.a3-pill{margin-bottom:24px}.a3-template-faq h2{font-size:42px;max-width:1080px}.a3-template-contact .a3-contact__copy h2{max-width:760px}

@media (min-width:1081px) and (max-width:1240px){.a3-template-service .a3-service-hero{gap:32px;grid-template-columns:minmax(0,1fr) 420px;padding-block:48px}.a3-template-service .a3-service-hero h1{font-size:44px;line-height:1.05}.a3-template-service .a3-service-hero__actions{gap:12px}.a3-template-service .a3-service-hero__actions .a3-button{font-size:14px;padding-inline:20px}.a3-template-service .a3-service-hero__link{font-size:14px}.a3-template-blueprint{justify-self:end;max-width:none;transform:scale(.76);transform-origin:center right;width:550px}}
/* Six module labels in H3 no longer fit six columns below 1280 px (2026-10-10). */
@media (max-width:1280px){.a3-template-library__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1080px){.a3-template-service .a3-service-hero h1{font-size:48px}.a3-template-blueprint{justify-self:start;max-width:550px;width:100%}.a3-template-chaos__compare,.a3-template-render__lab,.a3-template-handoff__board{grid-template-columns:1fr}.a3-template-chaos__compare>article,.a3-template-render__lab>aside,.a3-template-render__matrix,.a3-template-handoff__route,.a3-template-handoff__board>aside{min-height:0}.a3-template-library__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.a3-template-library__grid article{min-height:350px}}
@media (max-width:820px){.a3-template-section-head h2{font-size:40px}.a3-template-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a3-template-handoff__closing{align-items:flex-start;flex-direction:column;gap:12px}.a3-template-render__head,.a3-template-render__row{grid-template-columns:140px repeat(4,minmax(0,1fr))}}
@media (max-width:600px){.a3-template-service .a3-service-hero h1{font-size:38px;line-height:1.06}.a3-template-service .a3-service-hero__lead{font-size:15px}.a3-template-blueprint{height:430px}.a3-template-blueprint__library{height:390px;left:14px;width:150px}.a3-template-blueprint__library>span{font-size:10px;min-height:44px}.a3-template-blueprint__mail{left:178px;right:14px;width:auto}.a3-template-blueprint__compat{left:178px;right:14px;width:auto}.a3-template-chaos,.a3-template-library,.a3-template-render,.a3-template-handoff{padding-block:64px}.a3-template-section-head{gap:18px;margin-bottom:32px}.a3-template-section-head h2{font-size:34px}.a3-template-section-head>p{font-size:15px}.a3-template-chaos__compare{grid-template-columns:minmax(0,1fr)}.a3-template-chaos__compare>article{min-height:0;min-width:0;padding:24px;overflow-wrap:anywhere}.a3-template-chaos__compare>article>strong{font-size:60px}.a3-template-library__grid{grid-template-columns:1fr}.a3-template-library__grid article{min-height:0}.a3-template-render__lab{display:block}.a3-template-render__lab>aside{padding:24px}.a3-template-render__matrix{overflow-x:auto;padding:24px 16px}.a3-template-render__head,.a3-template-render__row{grid-template-columns:120px repeat(4,86px);min-width:488px}.a3-template-handoff__route,.a3-template-handoff__board>aside{padding:24px 20px}.a3-template-handoff__route li{grid-template-columns:28px 82px minmax(0,1fr)}.a3-template-faq h2{font-size:34px}}