.phone-mockup{position:relative;width:100%;max-width:370px;min-width:210px;aspect-ratio:350/600;background:#181c23;border-radius:38px;box-shadow:0 8px 32px 0 rgba(0,0,0,.18),0 1.5px 6px 0 rgba(0,0,0,.1);border:3px solid #23252e;margin:0 auto;padding:24px 8px 28px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media (min-width:769px){.phone-mockup{max-width:296px}}.phone-mockup:before{left:50%;transform:translateX(-50%);width:60px;height:7px;background:#d1d5db;border-radius:4px}.phone-mockup:after,.phone-mockup:before{content:"";display:block;position:absolute;top:10px;z-index:2}.phone-mockup:after{right:32px;width:10px;height:10px;background:#bbb;border-radius:50%}.phone-mockup .carlypsphoto-iframe,.phone-mockup .vinscribe-iframe{position:relative;width:100%;height:100%;max-width:350px;max-height:600px;min-width:200px;min-height:250px;aspect-ratio:350/600;border-radius:24px;box-shadow:none;background:#191c23;border:none;margin:0;overflow-x:hidden}.fullleaf-mockup{padding:24px 8px 12px;width:200px;height:400px;border-width:1px;overflow:hidden}@media (min-width:769px){.fullleaf-mockup{width:160px;height:320px}}.fullleaf-tea-mockup,.fullleaf-wholesale-mockup{border-width:1px;overflow:visible}.fullleaf-wholesale-mockup{max-width:280px;aspect-ratio:375/812}@media (min-width:769px){.fullleaf-wholesale-mockup{max-width:224px}}.fullleaf-mockup .full-leaf-app-screenshot{height:calc(100% + 12px);transform:translateY(-6px);-o-object-position:center 0;object-position:center 0;border-radius:1rem!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.phone-mockup .phone-content-container img.fullleaf-tea{width:100%;height:100%;-o-object-fit:contain!important;object-fit:contain!important;border-radius:20px;overflow:hidden}.phone-mockup .phone-content-container img.fullleaf-wholesale{width:100%;height:100%;-o-object-fit:contain!important;object-fit:contain!important;border-radius:18px;overflow:hidden}.project-card.fullleaf-card img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:scale(1.02)}.full-leaf-app-screenshot{margin-top:5px}.phone-mockup.clickable{cursor:pointer}.phone-content-container{position:relative;width:100%;height:100%;opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.phone-content-container.fade-in{opacity:1;transform:translateY(0)}.phone-content-container .iframe-message{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);width:90%;max-width:280px;background:rgba(0,0,0,.85);border-radius:1rem;padding:.75rem 1rem;z-index:100;box-shadow:0 8px 32px rgba(0,0,0,.25);color:white;text-align:center;font-size:.875rem;line-height:1.4}.phone-content-container .iframe-message.static-message{opacity:1;transition:none;box-shadow:0 4px 16px rgba(0,0,0,.2);background:rgba(0,0,0,.75)}.phone-content-container .message-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.phone-content-container .message-icon{font-size:1.5rem;margin-bottom:.5rem}.phone-content-container a{color:#00ffd5;text-decoration:none;font-weight:600;pointer-events:auto;position:relative;display:inline-block}.phone-content-container a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#00ffd5;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.phone-content-container a:hover:after{transform:scaleX(1);transform-origin:left}@media (min-width:600px){.phone-mockup{max-width:370px;padding:28px 12px 32px}.fullleaf-wholesale-mockup{max-width:310px}.phone-mockup .vinscribe-iframe{max-width:350px;max-height:600px}}