.ft-page{color:#24485a}.ft-page *{box-sizing:border-box}.ft-page :is(h1,:where(.site-page-title)){font-size:clamp(2.5rem,4.3vw,4.5rem);line-height:1.12;margin:0 0 1.5rem}.ft-page :is(h1,:where(.site-page-title)) span,.ft-formats h2:not(:where(.site-page-title)) span{color:#2560cc}.ft-page h2:not(:where(.site-page-title)){font-size:clamp(1.9rem,3.1vw,3rem);line-height:1.18;padding:0;margin:.5rem 0 1.4rem}.ft-page h3{font-size:1.2rem;line-height:1.4;margin:.6rem 0;font-weight:650}.ft-page p{font-size:1.05rem;line-height:1.75}.ft-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:5rem max(2rem,calc((100vw - 1280px)/2));background:radial-gradient(ellipse at 85% 60%,#d5f0ed,transparent 60%),linear-gradient(140deg,#eff6fa,#ecf8fe);overflow:hidden}.ft-hero-copy{position:relative;z-index:2}.ft-hero .ft-lead{max-width:570px;font-size:1.2rem;color:#456171}.ft-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem}.ft-text-link{font-weight:650;color:#2560cc;text-underline-offset:4px;text-decoration:none}.ft-text-link:hover{text-decoration:underline}.ft-page .ft-small{font-size:.85rem;color:#526c7b;margin-top:1.3rem}.ft-hero-art{height:540px;position:relative;isolation:isolate}.ft-hero-art::before{content:'';position:absolute;inset:0;border-radius:50%;background:#d7e9f9;transform:scale(.95)}.ft-hero-art img{position:absolute;width:43%;height:410px;object-fit:cover;object-position:top;border-radius:.7rem;box-shadow:0 20px 45px #24485a33;top:12%;left:0;transform:rotate(-9deg)}.ft-hero-art img:nth-child(2){left:28%;top:0;height:490px;z-index:2;transform:rotate(1deg)}.ft-hero-art img:nth-child(3){left:61%;top:17%;transform:rotate(10deg)}.ft-promise{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 3rem;padding:1.5rem;background:#24485a;color:#fff;font-size:.9rem;font-weight:600}.ft-promise span::before{content:'✓';color:#9ee3d2;margin-right:.7rem}.ft-section{padding:5rem 2rem;max-width:1320px;margin:auto;scroll-margin-top:90px}.ft-section-heading{display:flex;gap:3rem;justify-content:space-between;align-items:end;margin-bottom:2.5rem}.ft-section-heading>div,.ft-section-heading>p{flex:1;max-width:600px}.ft-section-heading h2:not(:where(.site-page-title)){margin-bottom:0}.ft-section-heading>p{color:#456171;margin-bottom:0}.ft-filters{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.ft-filters button{font:inherit;font-size:.87rem;font-weight:600;border:1px solid #cfdfeb;border-radius:2rem;background:#fff;color:#24485a;padding:.75rem 1.1rem;cursor:pointer}.ft-filters button[aria-pressed=true]{color:#fff;background:#2560cc;border-color:#2560cc}.ft-page .ft-gallery-count{font-size:.83rem;color:#526c7b;margin:1rem 0 1.5rem}.ft-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.8rem 1.4rem}.ft-card{min-width:0;padding:.75rem .75rem 1rem;border:1px solid #deebf2;background:#f4f9fc;border-radius:1.1rem;box-shadow:0 5px 16px #24485a08}.ft-card .email-template-item{display:block;height:350px;border-radius:.6rem;background:white;box-shadow:0 3px 12px #24485a12}.ft-card .email-template-item img{width:100%;height:auto}.ft-card .email-template-item:hover{transform:translateY(-4px)}.ft-preview-label{position:absolute;bottom:.8rem;left:50%;transform:translateX(-50%);white-space:nowrap;padding:.5rem .8rem;border-radius:2rem;background:#fff;color:#24485a;font-size:.75rem;font-weight:650;box-shadow:0 3px 16px #24485a22}.ft-card-caption{display:flex;justify-content:space-between;gap:.6rem;align-items:start;padding:1rem .2rem 0}.ft-card-caption>div>span{text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;color:#526c7b;font-weight:650}.ft-card-caption h3{font-size:.95rem;margin:.4rem 0 0}.ft-free{font-size:.7rem;color:#185c59;background:#dff2eb;border-radius:2rem;padding:.3rem .6rem;font-weight:700}.ft-gallery-footer{text-align:center;padding-top:2rem}.ft-formats{max-width:none;background:#f4fbfe;padding-inline:max(2rem,calc((100vw - 1256px)/2))}.ft-format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.ft-format-grid article{background:#fff;border:1px solid #dceaf2;border-radius:1rem;padding:1.5rem}.ft-format-grid article>span{font-size:.75rem;color:#2560cc;font-weight:650}.ft-format-grid article p{font-size:.95rem}.ft-editor-screen{margin:2rem 0;border:5px solid #e0e7eb;border-radius:1.3rem;overflow:hidden;box-shadow:0 18px 50px #24485a20;background:#fff}.ft-editor-screen img{display:block;width:100%;height:auto}.ft-page figcaption{text-align:center;font-size:.85rem;padding:1rem;color:#526c7b}.ft-edit-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.ft-edit-steps b{color:#2560cc;font-size:.9rem}.ft-edit-steps p{font-size:1rem;color:#456171}.ft-assets{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;border-top:1px solid #dceaf2}.ft-image-library{padding:1.5rem;background:linear-gradient(145deg,#e5effd,#e2f5ef);border-radius:1.5rem;transform:rotate(-2deg)}.ft-image-library img{display:block;width:100%;height:auto;border-radius:.7rem;box-shadow:0 12px 25px #24485a22}.ft-pdf{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:center;border-top:1px solid #dceaf2}.ft-pdf figure{margin:0;border:1px solid #deebf2;border-radius:1rem;overflow:hidden;background:#f4fbfe}.ft-pdf img{width:100%;height:auto;display:block}.ft-videos{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.ft-video{border-radius:1.2rem;border:1px solid #deebf2;overflow:hidden;color:#24485a;text-decoration:none;background:#f4fbfe}.ft-video-image{position:relative;aspect-ratio:16/9;overflow:hidden}.ft-video-image img{width:100%;height:100%;object-fit:cover}.ft-video>div:last-child{padding:1.5rem}.ft-video p{font-size:1rem}.ft-video .nav-page-eyebrow{font-size:.7rem}.ft-page .nav-page-bottom{padding:4.5rem 1.5rem;background:linear-gradient(130deg,#eef6fd,#e5f5f0)}.ft-page :focus-visible,.ft-lightbox :focus-visible{outline:3px solid #2560cc;outline-offset:4px}.ft-page [hidden]{display:none!important}
/* Same dark overlay, soft zoom and image styling as the site's template lightbox. */
.ft-lightbox{margin:auto;border:0;width:min(1050px,94vw);height:94vh;max-height:94vh;padding:0;border-radius:1rem;background:#142b3a;color:#fff;overflow:hidden;inset:0}.ft-lightbox[open]{display:flex;flex-direction:column}.ft-lightbox::backdrop{background:#000b;backdrop-filter:blur(5px)}.ft-lightbox-toolbar{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;flex:none}.ft-lightbox-toolbar h2:not(:where(.site-page-title)){margin:0;padding:0;font-size:1rem;line-height:1.4;color:white;flex:1}.ft-lightbox-toolbar>span{font-size:.8rem;white-space:nowrap}.ft-lightbox button{border:0;background:#ffffff1a;border-radius:2rem;padding:.65rem 1rem;color:white;font:inherit;cursor:pointer}.ft-lightbox #emailTemplateClose{font-size:1.7rem;padding:.15rem .8rem}.ft-lightbox-scroll{overflow:auto;flex:1;padding:1.5rem 3rem;min-height:0;background:#24404f}.ft-lightbox .email-template-lightbox-content{max-height:none;max-width:650px;margin:auto}.ft-lightbox .email-template-lightbox-content img{width:100%;max-height:none;height:auto;max-width:100%}.ft-lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.2rem;flex:none}.ft-lightbox-bottom a{font-size:.85rem;color:#fff;text-underline-offset:4px}.ft-lightbox-bottom button{font-size:.85rem;white-space:nowrap}html:has(.ft-lightbox[open]){overflow:hidden}
@media(min-width:1500px){.ft-card .email-template-item{height:410px}}
@media(max-width:1100px){.ft-hero{gap:1rem;padding:4rem 2rem}.ft-hero-art{height:450px}.ft-hero-art img{height:330px}.ft-hero-art img:nth-child(2){height:400px}.ft-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.ft-format-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ft-hero{grid-template-columns:1fr;padding:3rem 1.25rem 2rem;gap:2rem}.ft-hero :is(h1,:where(.site-page-title)){font-size:clamp(2.3rem,7vw,3.5rem)}.ft-hero-art{height:390px;max-width:520px;width:95%;margin:auto}.ft-hero-art img{height:290px}.ft-hero-art img:nth-child(2){height:360px}.ft-section{padding:3rem 1.25rem}.ft-section-heading{display:block;margin-bottom:1.5rem}.ft-section-heading>p{margin-top:1.2rem}.ft-gallery{grid-template-columns:1fr 1fr;gap:1rem .7rem}.ft-card{padding:.45rem .45rem .8rem;border-radius:.8rem}.ft-card .email-template-item{height:260px}.ft-card-caption{flex-wrap:wrap;padding:.65rem .15rem 0}.ft-card-caption h3{font-size:.85rem}.ft-free{font-size:.65rem}.ft-preview-label{font-size:.65rem;padding:.4rem .55rem}.ft-promise{gap:.7rem 1rem;font-size:.75rem}.ft-edit-steps,.ft-assets,.ft-pdf,.ft-videos{grid-template-columns:1fr;gap:1.5rem}.ft-format-grid{gap:.8rem}.ft-format-grid article{padding:1.1rem}.ft-format-grid h3{font-size:1.05rem}.ft-format-grid article p{font-size:.9rem}.ft-editor-screen{border-width:3px;border-radius:.8rem}.ft-filters{gap:.5rem}.ft-filters button{font-size:.75rem;padding:.65rem .8rem}.ft-lightbox{width:96vw}.ft-lightbox-toolbar{padding:.6rem .8rem}.ft-lightbox-toolbar h2:not(:where(.site-page-title)){font-size:.85rem}.ft-lightbox-scroll{padding:1rem .6rem}.ft-lightbox-bottom{gap:.5rem;padding:.6rem}.ft-lightbox-bottom a{font-size:.7rem;text-align:center}.ft-lightbox-bottom button{font-size:.75rem;padding:.6rem}.ft-image-library{margin:.5rem}}
@media(max-width:400px){.ft-card .email-template-item{height:220px}.ft-hero-art{height:340px}.ft-hero-art img{height:260px}.ft-hero-art img:nth-child(2){height:310px}}
@media(prefers-reduced-motion:reduce){.ft-page .email-template-item,.ft-page .email-template-item img{transition:none}.ft-lightbox .email-template-lightbox-content{animation:none}}

/* Keep the preview focused on the email, with no coloured frame. */
.ft-lightbox{width:min(1000px,94vw);background:transparent;border-radius:0;box-shadow:none}
.ft-lightbox-toolbar{padding:.5rem 0 .75rem}
.ft-lightbox-scroll{padding:0;background:transparent;scrollbar-width:thin;scrollbar-color:#ffffff80 transparent}
.ft-lightbox .email-template-lightbox-content{max-width:none;width:100%}
.ft-lightbox .email-template-lightbox-content img{width:100%;border-radius:12px;box-shadow:none}
.ft-lightbox-bottom{padding:.75rem 0 .25rem}
@media(max-width:760px){.ft-lightbox{width:96vw}.ft-lightbox-toolbar{padding:.4rem 0 .6rem}.ft-lightbox-bottom{padding:.6rem 0 .2rem}}
.ft-lightbox{align-items:stretch;max-width:96vw}
.ft-lightbox-scroll{width:100%}

/* AI image tools showcase */
.ft-ai-images{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:linear-gradient(135deg,#eff6fd,#e7f6f1);border:1px solid #dceaf2;border-radius:1.5rem;margin-block:1rem;padding:3rem}
.ft-ai-images h2:not(:where(.site-page-title)) span{color:#2560cc}.ft-ai-image-video{background:#fff;box-shadow:0 14px 40px #24485a15;display:block}.ft-ai-image-points{display:grid;gap:1rem;margin-top:1.75rem}.ft-ai-image-points>div{padding-left:1rem;border-left:3px solid #a9cfd6}.ft-ai-image-points strong{font-size:1rem}.ft-ai-image-points p{font-size:.95rem;margin:.25rem 0 0;color:#456171}
@media(max-width:760px){.ft-ai-images{grid-template-columns:1fr;gap:1.75rem;margin:1rem 1.25rem;padding:1.5rem;border-radius:1rem}}

/* Card content must not impose a minimum width on small phone grids. */
.ft-format-grid>article{min-width:0;overflow-wrap:anywhere}
@media(max-width:400px){.ft-format-grid{grid-template-columns:1fr}}
/* Keep native dialog previews visible in WebKit as well as Chromium. */
.ft-lightbox .email-template-lightbox-content{animation:none;transform:none;opacity:1;min-width:0}
.ft-lightbox-scroll{flex:1 1 auto;min-width:0}

/* Keep full-resolution designs crisp rather than stretching them across the dialog. */
.ft-lightbox .email-template-lightbox-content{max-width:600px;margin-inline:auto}
