.ep-page{color:#142748;background:#fff}.ep-page h1,.ep-page h2,.ep-page h3,.ep-lightbox h2{font-weight:600;line-height:1.4}.ep-page h1{font-size:clamp(2rem,3.6vw,3.6rem);letter-spacing:-.035em}.ep-page h2{font-size:clamp(1.4rem,2.3vw,2rem)}.ep-page p{line-height:1.85}.ep-container{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}.ep-hero{padding:74px 0 60px;background:linear-gradient(140deg,#f4f8ff,#fff 55%,#edf4ff)}.ep-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:56px}.ep-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;color:#3967a7;margin-bottom:16px}.ep-hero h1 span{color:#245cba}.ep-lead{color:#5b6a82;font-size:17px;margin:20px 0 26px;max-width:620px}.ep-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ep-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .15s,box-shadow .15s}.ep-primary{background:#1e55ae;color:#fff}.ep-primary:hover{background:#143d86;box-shadow:0 6px 18px #1e55ae22}.ep-secondary{background:#fff;color:#244c87;border-color:#dbe4f0}.ep-secondary:hover{background:#f1f6fd}.ep-note{font-size:12px;color:#6b7a90;margin-top:18px}.ep-hero-art{background:#fff;border:1px solid #e1e8f4;border-radius:28px;padding:26px;box-shadow:0 24px 65px #15376f13;transform:rotate(-1deg)}.ep-art-label{font-size:12px;color:#6b7a90}.ep-hero-art img{display:block;width:100%;height:260px;object-fit:contain;margin:22px 0}.ep-art-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border-top:1px solid #edf1f7;padding-top:18px;font-size:12px;color:#506888}.ep-art-caption strong{color:#234e8c;font-weight:500}.ep-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-top:40px;padding-bottom:44px;border-bottom:1px solid #e8edf5}.ep-feature svg{width:30px;height:30px;color:#366bb6;margin-bottom:16px}.ep-feature h2{font-size:15px}.ep-feature p{font-size:12px;color:#6b7a90;margin-top:8px}.ep-section{padding-top:58px;padding-bottom:48px}.ep-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.ep-section-heading p{font-size:13px;color:#6b7a90;max-width:350px}.ep-section-heading .ep-eyebrow{margin-bottom:10px}.ep-categories{display:flex;flex-wrap:wrap;gap:10px}.ep-categories a{padding:12px 18px;border:1px solid #e0e7f2;border-radius:12px;color:#385375;font-size:14px;background:#fff}.ep-categories a:hover,.ep-categories a[aria-current]{background:#edf4ff;border-color:#b4cbeb;color:#194a98}.ep-categories span{font-size:11px;margin-left:8px;color:#6c84a5}.ep-template-section{background:#f6f8fc;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;padding:46px 0 56px;scroll-margin-top:110px}.ep-text-link,.ep-back{font-size:13px;color:#245cba}.ep-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ep-template{background:#fff;border:1px solid #e1e7f0;border-radius:18px;overflow:hidden;box-shadow:0 3px 10px #14274803;transition:box-shadow .15s}.ep-template:hover{box-shadow:0 10px 28px #1427480d}.ep-template-image{display:block;position:relative;background:#edf2fa;padding:20px;cursor:zoom-in}.ep-template-image img{display:block;width:100%;height:158px;object-fit:contain;background:#fff;box-shadow:0 3px 12px #1427480d}.ep-template-image>span{position:absolute;right:12px;bottom:12px;border-radius:6px;background:#fffef0;padding:5px 8px;font-size:10px;color:#37577b;opacity:0;transition:opacity .15s}.ep-template-image:hover>span,.ep-template-image:focus-visible>span{opacity:1}.ep-template-body{padding:20px}.ep-category-label{font-size:11px;color:#436caa;background:#eff5fd;display:inline-block;border-radius:5px;padding:3px 7px}.ep-template h3{font-size:15px;margin-top:12px;min-height:42px}.ep-template-body>p{font-size:12px;color:#7b8899;margin:6px 0 18px}.ep-template .ep-actions{gap:8px}.ep-template .ep-button{flex:1;padding:10px 12px;font-size:12px;min-height:44px}.ep-empty{background:#fff;border:1px dashed #cad6e9;border-radius:20px;padding:46px 24px;text-align:center}.ep-empty h3{font-size:18px}.ep-empty p{font-size:14px;color:#6b7a90;margin:14px 0 22px}.ep-size-section{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.ep-size-section p{max-width:580px;font-size:14px;color:#6b7a90;margin-top:14px}.ep-size-note{padding:24px 32px;border:1px solid #dce6f5;background:#f8fbff;border-radius:18px}.ep-size-note strong{display:block;font-size:28px;font-weight:500;color:#285c9d}.ep-size-note small{font-size:14px}.ep-size-note>span{font-size:11px;color:#6b7a90}.ep-steps-section{background:#f8faff;padding:52px 0;text-align:center}.ep-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:34px}.ep-steps span{display:inline-flex;width:42px;height:42px;border:1px solid #c5d7f0;color:#245cba;background:#fff;border-radius:50%;align-items:center;justify-content:center}.ep-steps h3{font-size:14px;margin-top:16px}.ep-use-cases{display:flex;gap:36px;align-items:center;justify-content:space-between}.ep-use-cases>div{display:flex;flex-wrap:wrap;gap:10px}.ep-use-cases span{background:#f3f6fb;border-radius:40px;font-size:12px;padding:9px 14px;color:#58718e}.ep-bottom-cta{background:#eaf2ff;border:1px solid #dbe7f8;border-radius:24px;padding-top:32px;padding-bottom:32px;margin-bottom:64px;display:flex;justify-content:space-between;gap:24px;align-items:center}.ep-bottom-cta h2{font-size:23px}.ep-bottom-cta p{font-size:12px;color:#607894;margin-top:8px;max-width:580px}.ep-bottom-cta .ep-actions{flex-shrink:0}.ep-catalog-heading{padding-top:48px;padding-bottom:8px}.ep-catalog-heading h1{font-size:clamp(1.8rem,3vw,2.8rem);margin-top:24px}.ep-editor-placeholder{padding-top:64px;padding-bottom:80px;min-height:65vh}.ep-editor-placeholder h1{font-size:clamp(1.8rem,3vw,2.6rem)}.ep-chosen-template{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:32px;align-items:center;margin:32px 0;padding:24px;border:1px solid #e0e8f4;background:#f8fbff;border-radius:20px}.ep-chosen-template img{width:100%;height:auto}.ep-chosen-template h2{font-size:20px;margin-top:14px}.ep-chosen-template p{font-size:13px;color:#6b7a90;margin-top:8px}
.ep-lightbox{padding:22px;border:1px solid #dce5f1;border-radius:20px;width:min(1320px,94vw);height:90dvh;max-height:94dvh;max-width:96vw;color:#142748;background:#fff}.ep-lightbox[open]{display:flex;flex-direction:column;gap:12px}.ep-lightbox::backdrop{background:#112039b3;backdrop-filter:blur(3px)}.ep-lightbox header{display:flex;justify-content:space-between;gap:16px;align-items:start}.ep-lightbox header h2{font-size:18px;overflow-wrap:anywhere}.ep-lightbox header p{font-size:12px;color:#6b7a90;margin-top:4px}.ep-lightbox header button{flex-shrink:0;font-size:28px;line-height:1;width:36px;height:36px;border-radius:8px}.ep-lightbox header button:hover{background:#f1f5fb}.ep-lightbox>p{font-size:12px;color:#6b7a90;max-height:4em;overflow:auto}.ep-preview-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.ep-preview-tools button{border:1px solid #dbe4f0;border-radius:7px;min-width:36px;min-height:34px;padding:4px 10px}.ep-preview-tools button:hover{background:#edf4ff}.ep-preview-tools small{color:#a96a24}.ep-preview-stage{flex:1;min-height:100px;position:relative;overflow:auto;padding:16px;background:#edf2f9;border:1px solid #e1e8f2;border-radius:12px;display:grid;place-items:center;touch-action:pan-x pan-y;cursor:grab}.ep-preview-stage.dragging{cursor:grabbing}.ep-preview-stage img{display:block;max-width:none;max-height:none;flex:none;transition:filter .18s,opacity .18s}.ep-preview-stage img.is-lowres{filter:blur(2px);opacity:.55}.ep-preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#ffffff99;padding:20px;text-align:center;pointer-events:none}.ep-preview-loading p{background:#fffffff0;padding:8px 12px;border-radius:8px;font-size:13px}.ep-preview-loading.is-error{color:#b42318}.ep-preview-loading.is-error .ep-spinner{display:none}.ep-spinner{width:30px;height:30px;border:3px solid #d9e5f6;border-top-color:#245cba;border-radius:50%;animation:ep-spin .8s linear infinite}.ep-preview-actions{display:flex;justify-content:flex-end;gap:10px}.ep-page :focus-visible,.ep-lightbox :focus-visible{outline:3px solid #7ba5e8;outline-offset:3px}.ep-lightbox [hidden]{display:none!important}@keyframes ep-spin{to{transform:rotate(360deg)}}
@media(max-width:1023px){.ep-hero{padding:48px 0}.ep-hero-grid{gap:30px}.ep-hero-art{padding:18px}.ep-hero-art img{height:220px}.ep-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-features{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-bottom-cta{margin-left:24px;margin-right:24px}.ep-use-cases,.ep-bottom-cta{flex-direction:column;align-items:start}}
@media(max-width:639px){.ep-container{padding-left:20px;padding-right:20px}.ep-hero-grid{grid-template-columns:1fr;gap:32px}.ep-hero{padding-top:38px;padding-bottom:32px}.ep-page h1{font-size:32px}.ep-hero-art{transform:none}.ep-hero-art img{height:205px}.ep-lead{font-size:15px}.ep-hero .ep-actions,.ep-bottom-cta .ep-actions{width:100%}.ep-hero .ep-button,.ep-bottom-cta .ep-button{flex:1}.ep-section{padding-top:36px;padding-bottom:32px}.ep-section-heading{align-items:start;flex-direction:column;gap:12px}.ep-template-grid{grid-template-columns:1fr}.ep-template-image img{height:170px}.ep-features{gap:24px;padding-top:30px;padding-bottom:30px}.ep-feature h2{font-size:14px}.ep-feature p{font-size:11px}.ep-size-section,.ep-chosen-template{grid-template-columns:1fr;gap:22px}.ep-size-note{width:100%}.ep-steps{grid-template-columns:repeat(2,1fr);gap:26px}.ep-use-cases{gap:18px}.ep-bottom-cta{margin:0 16px 40px;padding:28px 20px}.ep-bottom-cta h2{font-size:21px}.ep-bottom-cta .ep-button{padding-left:12px;padding-right:12px;font-size:12px}.ep-lightbox{width:96vw;height:92dvh;padding:14px;border-radius:14px;gap:10px}.ep-lightbox header h2{font-size:15px}.ep-preview-tools small{width:100%}.ep-preview-stage{padding:8px}.ep-editor-placeholder{padding-top:40px;padding-bottom:48px}.ep-editor-placeholder h1{font-size:27px}.ep-chosen-template{padding:18px}}
@media(prefers-reduced-motion:reduce){.ep-page *,.ep-lightbox *{animation:none!important;transition:none!important}}