/* FehabLabs collection: native, purpose-designed previews, never scaled apps. */
.templates-intro{padding:70px 0 0}.templates-intro>.eyebrow{font-size:11px;letter-spacing:1.5px;color:#5e615e}.templates-intro>div:first-of-type{display:grid;grid-template-columns:1.5fr 1fr;gap:9%;align-items:end;margin:34px 0 70px}.templates-intro h1{font-size:clamp(52px,7vw,108px);font-weight:500;letter-spacing:-.07em;line-height:1.04;margin:0}.templates-intro h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em;color:#52685b}.templates-intro p{font-size:17px;line-height:1.7;max-width:370px;margin:0;color:#616761}.templates-intro p a{display:flex;justify-content:space-between;margin-top:25px;padding-bottom:12px;border-bottom:1px solid #bac2b9;font-size:13px;color:#202c25}.templates-intro p a span{font-size:22px}.templates-meta{display:flex;justify-content:space-between;border-top:1px solid #c7cdc6;padding:18px 0;font-size:11px;letter-spacing:.5px;color:#666d65}.templates-collection{padding:20px 0 80px;scroll-margin-top:100px}.templates-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 32px}.templates-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.templates-toolbar button{border:1px solid transparent;border-radius:40px;background:none;font:inherit;font-size:12px;padding:11px 17px;cursor:pointer;color:#525952;min-height:44px}.templates-toolbar button[aria-pressed=true]{background:#273e32;color:#fff}.templates-toolbar button:hover{border-color:#7f9285}#template-count{font-size:11px;white-space:nowrap;color:#666d65}.templates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}.template-card[hidden]{display:none}.template-visual{display:block;position:relative;background:var(--tp-bg);padding:34px 30px 28px;overflow:hidden;color:var(--tp-ink);border-radius:3px;aspect-ratio:1.48;transition:background .25s}.tone-sand{--tp-bg:#e9e2d6;--tp-ink:#544a35;--tp-accent:#9b8d64}.tone-sage{--tp-bg:#cedcd3;--tp-ink:#274b3b;--tp-accent:#668f79}.tone-wine{--tp-bg:#663a43;--tp-ink:#713d4c;--tp-accent:#9d6b78}.tone-violet{--tp-bg:#dedbf0;--tp-ink:#504978;--tp-accent:#9183bc}.tone-blue{--tp-bg:#d5dfe8;--tp-ink:#314969;--tp-accent:#7394bc}.tone-cobalt{--tp-bg:#344884;--tp-ink:#2f3e74;--tp-accent:#7e8ac0}.tone-forest{--tp-bg:#284e46;--tp-ink:#255447;--tp-accent:#729d87}.tone-clay{--tp-bg:#e5cebd;--tp-ink:#824e37;--tp-accent:#bd8264}.tp-window{position:relative;background:#fffffff5;box-shadow:0 18px 35px #10261917;border:1px solid #fff9;border-radius:7px;height:100%;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.template-visual:hover .tp-window{transform:translateY(-5px)}.tp-window-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid #0000000e;padding:17px 21px}.tp-window-head strong{font-size:19px;letter-spacing:-.6px}.tp-window-head sup{font-size:12px;padding-left:3px}.tp-window-head>span{font-size:10px;opacity:.7;margin-left:auto}.tp-window-head>i{height:7px;width:7px;background:var(--tp-accent);border-radius:50%}.tp-window-foot{display:flex;justify-content:space-between;padding:13px 21px;font-size:8px;letter-spacing:1px;margin-top:auto;border-top:1px solid #0000000c}.tp-window-foot>span:last-child{font-size:13px}.tp-open{position:absolute;right:19px;bottom:17px;transform:translateY(15px);opacity:0;background:#fff;color:#243c31;box-shadow:0 4px 20px #0002;border-radius:40px;padding:12px 19px;font-size:12px;transition:opacity .2s,transform .2s}.template-visual:hover .tp-open,.template-visual:focus-visible .tp-open{transform:none;opacity:1}.template-info{display:flex;justify-content:space-between;gap:16px;padding:20px 0 0}.tp-category{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#778276}.template-info h3{font-size:23px;letter-spacing:-.7px;font-weight:600;margin:7px 0 8px}.template-info h3 span{font-size:13px;font-weight:400;letter-spacing:0;margin-left:10px;color:#687167}.template-info p{font-size:13px;line-height:1.6;margin:0;color:#656d64;max-width:370px}.tp-arrow{display:grid;place-items:center;border:1px solid #b8c3b6;border-radius:50%;width:42px;height:42px;flex-shrink:0;margin-top:17px;font-size:20px}.tp-arrow:hover{background:#273e32;color:white}.templates-more{display:flex;gap:70px;align-items:center;border:1px solid #acb9ac;border-radius:40px;background:transparent;padding:17px 26px;margin:52px auto 0;font:inherit;font-size:13px;cursor:pointer}.templates-more>span{font-size:21px}.templates-more:hover{background:#e7ece4}.templates-more[hidden]{display:none}.templates-note{text-align:center;font-size:11px;margin:24px 0 0;color:#757c71}.templates-outro{padding:60px 0 85px;border-top:1px solid #c7cdc6;display:grid;grid-template-columns:1.5fr 1fr;gap:30px 9%}.templates-outro>.eyebrow{grid-column:1/-1}.templates-outro h2{font-size:clamp(38px,4.5vw,66px);font-weight:500;line-height:1.12;letter-spacing:-.05em}.templates-outro p{font-size:16px;line-height:1.7;color:#666d65}.templates-outro .pill{margin-top:15px;font-size:13px}.template-card a:focus-visible,.templates-toolbar button:focus-visible,.templates-more:focus-visible{outline:3px solid #9f5c25;outline-offset:5px}
/* Preview compositions intentionally show a few legible elements. */
.tp-split{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:22px;padding:25px 22px;flex:1}.tp-ring{aspect-ratio:1;border-radius:50%;padding:11px;background:conic-gradient(var(--tp-accent) 0% 73%,var(--tp-bg) 73% 100%);max-width:160px;width:100%;justify-self:center}.tp-ring>div{border-radius:50%;background:#fff;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center}.tp-ring strong{font-size:18px;letter-spacing:-.8px}.tp-ring small,.tp-ring span{font-size:8px}.tp-line{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #0001;font-size:10px;flex-wrap:wrap}.tp-line b{margin-left:auto;font-size:10px}.tp-dot{font-size:8px;opacity:.5}.tp-people{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:24px 20px;flex:1;align-items:center}.tp-people>div{min-width:0}.tp-people>div>span{display:grid;place-items:center;width:40px;height:40px;background:var(--tp-bg);border-radius:50%;font-size:12px;margin-bottom:12px}.tp-people strong,.tp-people small{display:block;font-size:11px}.tp-people small{font-size:9px;opacity:.7;margin-top:4px}.tp-people p{font-size:10px;line-height:1.5;padding-top:12px;border-top:1px solid #0001;margin:12px 0 0}.tp-calendar{display:grid;grid-template-columns:28px repeat(3,1fr);gap:10px;flex:1;padding:16px 20px;min-height:160px}.tp-calendar>div:not(:first-child){position:relative;background:repeating-linear-gradient(transparent 0,transparent 30px,#00000008 30px,#00000008 31px);border-left:1px solid #0000000c;padding-left:8px}.tp-calendar b{font-size:10px;display:block;text-align:center}.tp-calendar-labels{display:flex;flex-direction:column;justify-content:space-around;font-size:8px;opacity:.6;padding-top:15px}.tp-event{position:absolute;top:calc(20px + var(--slot));left:8px;right:0;padding:12px 7px;background:#f1e3e6;border-left:2px solid #8e5d6b;border-radius:3px;font-size:10px;line-height:1.4}.tp-event small{display:block;font-size:8px;margin-top:7px}.tp-focus{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px;padding:28px 25px;flex:1}.tp-focus small{font-size:7px;letter-spacing:1px}.tp-focus strong{display:block;font-size:49px;letter-spacing:-3px;font-weight:400;line-height:1.5}.tp-focus strong span{opacity:.4}.tp-faux-button{display:inline-block;font-size:9px;border-radius:30px;border:1px solid #aaa1c2;padding:8px 15px}.tp-focus p{font-size:10px;border-bottom:1px solid #0001;display:flex;gap:9px;padding:11px 0;margin:0}.tp-focus p i{height:11px;width:11px;border:1px solid var(--tp-accent);border-radius:3px;flex-shrink:0}.tp-finance{flex:1;padding:18px 25px 12px;min-height:0}.tp-finance>div:first-child{display:grid;grid-template-columns:1fr auto;align-items:start}.tp-finance small{font-size:9px}.tp-finance strong{font-size:28px;letter-spacing:-1px;grid-row:2}.tp-finance>div>span{font-size:8px;grid-column:2;grid-row:1 / 3;padding-top:10px;opacity:.65}.tp-spark{display:block;width:100%;height:100px;margin-top:10px;color:var(--tp-accent)}.tp-chart-labels{display:flex;justify-content:space-between;font-size:8px}.tp-commerce{display:grid;grid-template-columns:1fr 1fr;min-height:0;flex:1;overflow:hidden}.tp-commerce img{width:100%;height:100%;object-fit:cover;min-height:0}.tp-commerce>div{padding:20px}.tp-commerce small{font-size:7px;letter-spacing:1px}.tp-commerce strong{display:block;font:25px/1.12 Georgia,serif;letter-spacing:-1px;margin:15px 0}.tp-order{display:flex;flex-direction:column;gap:8px;font-size:9px}.tp-order span{opacity:.5}.tp-documents{display:flex;gap:12px;padding:25px 20px;align-items:center;flex:1}.tp-documents>div{flex:1;background:white;min-width:0;border:1px solid #ded8ea;box-shadow:0 5px 12px #00000005;padding:15px 10px;transform:rotate(-3deg)}.tp-documents>div:nth-child(2){transform:rotate(4deg)}.tp-documents :is(small,strong,b,span){display:block;overflow-wrap:anywhere}.tp-documents small{font-size:7px;letter-spacing:1px}.tp-documents strong{font-size:11px;margin:20px 0 12px}.tp-documents b{font-size:12px}.tp-documents span{font-size:8px;border-top:1px solid #ddd3ea;padding-top:10px;margin-top:12px}.tp-process{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:30px 20px;align-items:center;flex:1}.tp-process>div{border:1px solid #0001;border-top:3px solid var(--tp-accent);padding:15px 12px;min-height:130px;display:flex;flex-direction:column}.tp-process small{font-size:8px}.tp-process strong{font-size:12px;margin:18px 0}.tp-process span{font-size:8px;margin-top:auto;opacity:.7}.tp-bars{flex:1;padding:22px 25px}.tp-bars>strong{font-size:20px;font-weight:500;letter-spacing:-.5px}.tp-bar{display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center;font-size:9px;margin-top:20px}.tp-bar i{display:block;width:var(--bar);height:5px;border-radius:4px;background:var(--tp-accent)}.tp-channels{display:grid;grid-template-columns:repeat(3,1fr);padding:22px;gap:15px;flex:1}.tp-channels>div{display:flex;flex-direction:column;border-left:1px solid #0001;padding-left:12px}.tp-channels small{font-size:10px}.tp-channels strong{font-size:36px;font-weight:500;letter-spacing:-1px;margin-top:10px}.tp-channels span{font-size:8px;opacity:.7}.tp-channels i{display:block;width:30px;background:var(--tp-accent);margin-top:auto;border-radius:4px 4px 0 0}.tp-care{padding:20px;flex:1}.tp-care>div{background:var(--tp-bg);padding:12px 15px;margin-right:40px;border-radius:8px 8px 8px 0}.tp-care>div+div{margin:12px 0 0 40px;background:#eef3ef;border-radius:8px 8px 0 8px}.tp-care span{font-size:7px;letter-spacing:1px}.tp-care p{font-size:10px;line-height:1.5;margin:5px 0 0}
@media(min-width:1500px){.template-visual{padding:45px}.tp-spark{height:130px}.tp-calendar{min-height:210px}.tp-people p{font-size:12px}.tp-people strong{font-size:13px}.tp-focus strong{font-size:64px}}
@media(max-width:1000px){.template-visual{padding:22px 18px;aspect-ratio:1.28}.templates-intro>div:first-of-type{grid-template-columns:1.4fr 1fr;gap:5%}.templates-intro p{font-size:15px}.tp-window-head{padding:14px}.tp-window-head>span{font-size:8px}.tp-split{gap:10px;padding:22px 15px}.tp-ring strong{font-size:15px}.tp-ring{padding:7px}.tp-line{font-size:9px}.tp-line b{font-size:9px}.tp-dot{display:none}.tp-commerce>div{padding:15px}.tp-commerce strong{font-size:21px}.tp-focus{padding:20px 15px;gap:12px}.tp-focus strong{font-size:40px}.tp-focus p{font-size:9px}.tp-people{padding:20px 13px}.tp-process{padding:20px 13px;gap:7px}.tp-process>div{padding:12px 8px}.tp-care{padding:15px}.tp-care p{font-size:9px}.templates-toolbar{align-items:flex-start}.templates-toolbar>div{gap:3px}.templates-toolbar button{padding:10px 12px}#template-count{padding-top:14px}.template-info h3 span{display:block;margin:5px 0 0}}
@media(max-width:680px){.templates-intro{padding-top:36px}.templates-intro>div:first-of-type{display:block;margin:26px 0 40px}.templates-intro h1{font-size:clamp(43px,10vw,68px)}.templates-intro p{margin-top:26px;font-size:15px;max-width:440px}.templates-intro p a{margin-top:18px}.templates-meta{font-size:9px;gap:16px;align-items:center}.templates-meta>span:last-child{max-width:150px;text-align:right}.templates-collection{padding-top:10px;padding-bottom:55px}.templates-toolbar{display:block;margin-bottom:25px}.templates-toolbar>div{gap:4px}.templates-toolbar button{font-size:11px;padding:10px 13px}.templates-toolbar #template-count{display:block;padding-top:15px}.templates-grid{grid-template-columns:1fr;gap:36px}.template-visual{padding:24px;aspect-ratio:1.37}.tp-window-head{padding:13px 17px}.tp-window-head>span{font-size:9px}.tp-window-foot{padding:11px 15px;font-size:7px}.tp-focus strong{font-size:46px}.tp-people{padding:20px 15px}.tp-people p{font-size:9px}.tp-calendar{min-height:148px;padding:12px 15px}.tp-finance{padding:16px 20px}.tp-spark{height:90px}.tp-ring{max-width:130px}.tp-commerce strong{font-size:23px}.tp-process{padding:18px 12px}.tp-documents{padding:20px 12px;gap:8px}.tp-care>div{padding:10px 12px}.template-info{padding-top:16px}.template-info h3 span{display:inline;font-size:12px;margin-left:8px}.template-info h3{font-size:22px}.template-info p{font-size:12px}.templates-more{gap:30px;font-size:12px;padding:14px 22px;margin-top:36px}.templates-note{font-size:10px;line-height:1.7;max-width:300px;margin-left:auto;margin-right:auto}.templates-outro{display:block;padding:45px 0 55px}.templates-outro h2{margin:23px 0;font-size:43px}.templates-outro p{font-size:15px;max-width:390px}}
@media(max-width:370px){.template-visual{padding:18px 14px;aspect-ratio:1.16}.tp-calendar{gap:6px}.tp-event{font-size:8px;padding:9px 5px}.tp-split{gap:8px}.tp-ring strong{font-size:14px}.tp-focus p{font-size:8px}.tp-commerce strong{font-size:20px}.tp-bars{padding:20px 15px}.template-info h3 span{display:block;margin-left:0}}
@media(prefers-reduced-motion:reduce){.tp-window,.tp-open{transition:none}.template-visual:hover .tp-window{transform:none}}

.templates-collection .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.template-card{scroll-margin-top:115px}