*{-webkit-font-smoothing:antialiased}.tpl-page{min-height:100vh;background:#fbf9f4}.tpl-topnav{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#6c2600,#8b3c14);display:flex;align-items:center;padding:0 24px;height:52px}@media (max-width:639px){.tpl-topnav{position:relative}}.tpl-home-link{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:300;font-size:22px;color:#faf3e8;text-decoration:none;letter-spacing:.01em;transition:opacity .2s}.tpl-home-link:hover{opacity:.75}.tpl-header{max-width:1320px;margin:0 auto;padding:80px 24px 0;display:flex;flex-direction:column;align-items:center}.tpl-heading{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(28px,4vw,48px);font-weight:300;color:#1b1c19;text-align:center;margin:0 0 14px;letter-spacing:.01em}.tpl-subheading{font-family:DM Sans,sans-serif;font-size:14px;color:#888;text-align:center;max-width:480px;margin:0 auto;line-height:1.7}.templates-grid{display:grid;grid-template-columns:1fr;gap:64px 32px;max-width:1320px;margin-left:auto;margin-right:auto;padding:80px 24px 120px;align-items:start;justify-content:center;justify-items:center}@media (min-width:640px){.templates-grid{grid-template-columns:repeat(2,1fr);gap:80px 48px;padding:80px 40px 120px}}@media (min-width:1024px){.templates-grid{grid-template-columns:repeat(3,1fr);gap:120px 64px;padding:80px 64px 120px}}@media (min-width:1400px){.templates-grid{grid-template-columns:repeat(4,1fr);gap:120px 48px;padding:80px 60px 120px}}.template-card{flex-direction:column;transition:none;contain:layout paint;padding-top:12px}.phone-outer,.template-card{display:flex;align-items:center}.phone-outer{position:relative;justify-content:center;overflow:visible}.phone-outer:after{display:none}.phone-glow{position:absolute;width:130%;height:130%;top:-15%;left:-15%;pointer-events:none;z-index:0;border-radius:50%;opacity:.7;filter:blur(40px);transition:opacity .3s ease}.template-card:hover .phone-glow{opacity:1}.phone-wrapper{position:relative;width:286px;aspect-ratio:478/988;cursor:pointer;z-index:1;background:transparent;border:none;outline:none;border-radius:0;overflow:visible;transform-style:preserve-3d;box-shadow:none;animation:floatEven 4s ease-in-out infinite;transition:transform .3s ease,filter .3s ease;transform:translateZ(0)}.phone-wrapper.float-even{animation-name:floatEven}.phone-wrapper.float-odd{animation-name:floatOdd}.phone-wrapper.float-featured{animation-name:floatFeatured}@keyframes floatEven{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@keyframes floatOdd{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@keyframes floatFeatured{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}.phone-wrapper:before{display:none}@media (hover:hover){.phone-wrapper.float-even:hover{transform:rotateY(6deg) rotateX(1.5deg) scale(1.04) translateY(-6px)}.phone-wrapper.float-odd:hover{transform:rotateY(-6deg) rotateX(1.5deg) scale(1.04) translateY(-6px)}.phone-wrapper.float-featured:hover{transform:rotateY(8deg) rotateX(2deg) scale(1.04) translateY(-6px)}.phone-wrapper:hover{box-shadow:none;animation-play-state:paused}.phone-wrapper:hover .screen-overlay{opacity:1;pointer-events:all}.phone-wrapper:hover .phone-glow{opacity:1}.phone-wrapper:hover .template-iframe{animation:screenScroll 3s ease-in-out infinite;animation-delay:.3s}}.phone-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:2;display:block;border:none;transform:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.08)) drop-shadow(0 28px 56px rgba(0,0,0,.16)) drop-shadow(0 60px 100px rgba(0,0,0,.1))}.glass-reflection{display:none}.screen-container{top:calc(1.2% - 1px);left:calc(3.9% - 1px);width:calc(92.2% + 2px);height:calc(97.2% + 2px);border-radius:40px;overflow:hidden;background:#000;z-index:1;transform:translateZ(0)}.screen-container,.template-iframe{position:absolute;backface-visibility:hidden}.template-iframe{top:0;left:0;width:390px;height:844px;border:none;pointer-events:none;transform-origin:top left;will-change:transform}@keyframes screenScroll{0%,to{transform:scale(var(--iframe-scale,.659)) translateY(0)}50%{transform:scale(var(--iframe-scale,.659)) translateY(-60px)}}.template-placeholder{position:absolute;inset:0;background:#0f0f0f;border-radius:inherit}.screen-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55) 0,transparent 60%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:48px;gap:10px;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:3;border-radius:40px}.phone-wrapper.is-active .screen-overlay{opacity:1;pointer-events:all}.overlay-btn{width:160px;padding:10px 0;border-radius:0;font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}.overlay-btn.outline{background:transparent;border:1px solid #fff;color:#fff}.overlay-btn:hover{opacity:.85}.overlay-btn.filled{background:linear-gradient(135deg,#6c2600,#8b3c14);border:none;color:#fff}.template-card.featured .phone-wrapper{width:320px}.featured-badge{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#6c2600,#8b3c14);color:#fff;font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:4px 16px;border-radius:0;z-index:10;white-space:nowrap}.card-info{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:28px;text-align:center}.template-title{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:300;font-size:clamp(18px,2.5vw,26px);color:#1b1c19;letter-spacing:.04em;margin:0;line-height:1.2}.template-desc{font-size:clamp(12px,1.5vw,14px);color:#999;max-width:200px;line-height:1.6}.template-desc,.template-price{font-family:DM Sans,sans-serif;margin:0}.template-price{font-size:12px;color:#bbb;letter-spacing:.08em;text-transform:uppercase}.customize-btn{margin-top:8px;background:linear-gradient(135deg,#6c2600,#8b3c14);color:#fff;border:none;border-radius:0;padding:12px 28px;font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}.customize-btn:hover{opacity:.85}@media (max-width:639px){.template-card{width:100%;display:flex;flex-direction:column;align-items:center}.phone-wrapper,.template-card.featured .phone-wrapper,.template-card:first-child .phone-wrapper{width:min(88vw,320px);height:auto}.phone-wrapper,.phone-wrapper.float-even,.phone-wrapper.float-featured,.phone-wrapper.float-odd{animation:floatMobile 4s ease-in-out infinite!important;transform:none!important}.phone-glow{display:none}.phone-frame{transform:none}.screen-container{top:5px;left:10px;right:10px;bottom:11px;width:auto;height:auto}.screen-container,.screen-overlay{border-radius:37px}.card-info .customize-btn{opacity:0;pointer-events:none;max-height:0;overflow:hidden;margin-top:0;transition:opacity .3s ease,max-height .3s ease,margin-top .3s ease}.card-info.is-active .customize-btn{opacity:1;pointer-events:all;max-height:60px;margin-top:8px}}.premium-badge{background:linear-gradient(135deg,#7a5228,#c4985a)!important}.custom-card .custom-glow{opacity:.85!important;animation:customGoldPulse 3s ease-in-out infinite}@keyframes customGoldPulse{0%,to{opacity:.7}50%{opacity:1}}.custom-card .phone-wrapper{filter:drop-shadow(0 0 10px rgba(196,152,90,.18)) drop-shadow(0 0 3px rgba(196,152,90,.12))}@media (hover:hover){.custom-card .phone-wrapper:hover{filter:drop-shadow(0 0 18px rgba(196,152,90,.32)) drop-shadow(0 0 6px rgba(196,152,90,.22))}}@media (min-width:1024px){.screen-container{top:calc(1.05% - 1px);left:calc(3.45% - 1px);width:calc(93.1% + 2px);height:calc(97.55% + 3px)}.screen-container,.screen-overlay{border-radius:40px}}