/* A sharp, code-native perspective mockup. No enlarged screenshots. */
.brand-showcase{max-width:1120px;margin-top:50px}.brand-showcase:before,.brand-showcase:after{display:none}.brand-stage{--scene-scale:1;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.83;min-height:0;border:1px solid #879d412a;border-radius:28px;background:radial-gradient(ellipse at 48% 106%,#71912e5c 0,transparent 57%),radial-gradient(ellipse at 12% 55%,#64802024,transparent 42%),linear-gradient(150deg,#20291b,#10170f 57%,#26301b);perspective:1500px;text-align:left}.brand-stage:before{content:'';position:absolute;inset:0;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:4}.stage-caption{position:absolute;top:25px;left:30px;display:flex;align-items:center;gap:10px;z-index:6;color:#d8e4c8;font-size:8px;letter-spacing:.15em}.stage-spark{display:grid;place-items:center;width:24px;height:24px;background:#c4e92e;color:#1c2713;border-radius:7px;font-size:19px;letter-spacing:0}.stage-ambient{position:absolute;inset:5% 13% 2%;background:radial-gradient(ellipse,#c4e92e1c,transparent 62%);filter:blur(25px)}.scene-floor{position:absolute;left:-20%;width:140%;bottom:-120px;height:360px;background:radial-gradient(ellipse at center,#93a66538,transparent 60%);transform:rotateX(55deg);pointer-events:none}.scene-world{position:absolute;left:50%;top:49%;width:1000px;height:610px;transform:translate(-50%,-50%) scale(var(--scene-scale));transform-origin:center;perspective:1700px}.scene-tilt{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(2deg) rotateY(-4deg)}.float-anchor{position:absolute;transform-style:preserve-3d;filter:drop-shadow(15px 24px 18px #0005)}.scene-float{width:100%;height:100%;transform-style:preserve-3d}.anchor-front-left{left:172px;top:248px;width:207px;z-index:4;transform:rotate(-12deg) rotateY(17deg)}.anchor-front-right{left:657px;top:212px;width:215px;z-index:4;transform:rotate(10deg) rotateY(-17deg)}.anchor-back-left{left:207px;top:69px;width:159px;z-index:1;transform:rotate(-13deg) rotateY(13deg) translateZ(-85px)}.anchor-back-right{left:682px;top:57px;width:155px;z-index:1;transform:rotate(8deg) rotateY(-16deg) translateZ(-90px)}.anchor-edge-left{left:51px;top:203px;width:110px;z-index:2;transform:rotate(-16deg) rotateY(47deg) translateZ(-30px)}.anchor-edge-right{left:892px;top:170px;width:110px;z-index:2;transform:rotate(14deg) rotateY(-46deg) translateZ(-40px)}.mock-post{background:#f3f3e9;border:1px solid #ffffefb8;border-radius:7px;overflow:hidden;color:#182111;box-shadow:inset 0 0 0 1px #fff4}.mock-account{display:flex;align-items:center;gap:6px;font-size:8px;line-height:1.3;padding:8px 10px;color:#34402b}.mock-avatar{display:block;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e9f6ad,#a3bc40 75%);border:1px solid #8b9f3a;flex-shrink:0}.mock-menu{font-weight:700;letter-spacing:.08em;margin-left:auto}.mock-art{position:relative;min-height:218px;padding:18px;overflow:hidden;background:#dce4ca}.mock-kicker{font-size:5px;letter-spacing:.14em;line-height:1.6;display:block;position:relative;z-index:2}.mock-title{font-family:Manrope,sans-serif;font-size:31px;font-weight:650;letter-spacing:-.065em;line-height:1.07;color:inherit;margin:17px 0;position:relative;z-index:2}.mock-sub{font-size:5px;letter-spacing:.1em;position:absolute;bottom:13px;left:17px;right:13px;line-height:1.7;z-index:2}.post-lime .mock-art{background:linear-gradient(140deg,#e0f78a,#c4e92e 65%,#9eb91d)}.post-dark .mock-art{background:linear-gradient(140deg,#24351c,#131f10);color:#d5ee8b}.post-paper .mock-art{background:linear-gradient(135deg,#efeedf,#dce2c7);color:#253416}.mock-sculpture{position:absolute;right:4px;bottom:30px;width:110px;height:110px;transform:rotate(-25deg)}.mock-sculpture span{position:absolute;inset:0;border:17px solid #899d3b;border-top-color:#ebf8ba;border-left-color:#c4d976;border-bottom-color:#526422;border-radius:50%;transform:rotateX(54deg) rotateY(-12deg);box-shadow:0 15px 14px #13280026,inset 0 3px 3px #fff8}.mock-sculpture span:nth-child(2){transform:rotateX(54deg) rotateY(-12deg) rotateZ(70deg) translateY(-18px);inset:9px}.mock-sculpture span:nth-child(3){inset:22px;transform:rotateX(54deg) rotateY(-12deg) rotateZ(35deg) translateY(11px)}.post-lime .mock-sculpture{bottom:14px;right:-7px;width:105px;height:105px;opacity:.95}.post-lime .mock-title{max-width:160px}.post-dark .mock-sculpture{bottom:18px;right:-11px;width:128px;height:128px}.post-dark .mock-sculpture span{border-color:#c9dc9a;border-left-color:#fffde9;border-bottom-color:#6d8738}.mock-tools{display:flex;align-items:center;gap:7px;padding:9px 11px;color:#283321}.mock-tools svg{width:11px;height:11px}.mock-save{margin-left:auto;display:flex}.anchor-back-left .mock-art,.anchor-back-right .mock-art{min-height:146px;padding:13px}.anchor-back-left .mock-title,.anchor-back-right .mock-title{font-size:23px;margin-top:13px}.anchor-back-left .mock-sculpture,.anchor-back-right .mock-sculpture{width:70px;height:70px;bottom:14px;right:-8px}.anchor-back-left .mock-sculpture span,.anchor-back-right .mock-sculpture span{border-width:11px}.anchor-back-left .mock-sub,.anchor-back-right .mock-sub{font-size:4px;left:13px;bottom:10px}.anchor-back-left .mock-kicker,.anchor-back-right .mock-kicker{font-size:4px}.anchor-edge-left .mock-art,.anchor-edge-right .mock-art{min-height:158px;padding:12px}.anchor-edge-left .mock-title,.anchor-edge-right .mock-title{font-size:24px}.anchor-edge-left .mock-kicker,.anchor-edge-right .mock-kicker{font-size:3px}.anchor-edge-left .mock-sub,.anchor-edge-right .mock-sub{font-size:3px;left:12px}.anchor-edge-left .mock-sculpture,.anchor-edge-right .mock-sculpture{width:70px;height:70px;right:-30px;bottom:20px}.anchor-edge-left .mock-sculpture span,.anchor-edge-right .mock-sculpture span{border-width:10px}.anchor-edge-left .mock-account,.anchor-edge-right .mock-account{font-size:5px;padding:5px}.anchor-edge-left .mock-avatar,.anchor-edge-right .mock-avatar{width:11px;height:11px}.phone-anchor{position:absolute;left:389px;top:61px;width:244px;height:478px;z-index:5;transform:rotate(-9deg) rotateY(-14deg) rotateX(3deg);transform-style:preserve-3d}.phone-float{height:100%;width:100%;transform-style:preserve-3d}.phone-body{position:relative;height:100%;width:100%;padding:7px;background:linear-gradient(120deg,#c7ccbf,#535c4b 25%,#e6e9dd 46%,#222c1a 70%,#8b947d);border:1px solid #c9d0bc;border-radius:37px;box-shadow:5px 7px 0 #435038,8px 10px 0 #14200d,22px 32px 42px #0008,inset 0 0 0 2px #121a0d}.phone-body:before{content:'';position:absolute;top:90px;left:-3px;width:3px;height:47px;border-radius:2px;background:#a1aa8e;box-shadow:0 57px 0 #7a8768}.phone-body:after{content:'';position:absolute;top:120px;right:-3px;width:3px;height:65px;border-radius:2px;background:#667853}.phone-screen{position:relative;height:100%;overflow:hidden;background:#f8f8f2;border-radius:30px;color:#172014;font-family:'DM Sans',sans-serif;line-height:1.3}.phone-status{position:relative;display:flex;justify-content:space-between;height:29px;padding:10px 18px 0;font-size:7px;font-weight:700}.phone-island{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:62px;height:16px;background:#0c100b;border-radius:20px}.phone-signal{font-size:6px;letter-spacing:1px}.phone-appbar{padding:9px 12px 6px;display:flex;justify-content:space-between;align-items:center}.phone-appbar>span{font:italic 700 17px Georgia,serif;letter-spacing:-1px}.phone-appbar>div{display:flex;gap:10px}.phone-appbar svg{width:14px;height:14px}.phone-stories{display:flex;gap:10px;padding:7px 12px 9px;border-bottom:1px solid #23371415}.story-avatar{padding:2px;border:1px solid #a2ba3b;border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.story-avatar>span{display:grid;place-items:center;width:30px;height:30px;background:#c4e92e;border-radius:50%;font-size:5px;font-weight:700;text-align:center;line-height:1.1;color:#233412}.story-avatar.pale>span{background:#e3e7d9}.story-avatar.charcoal>span{background:#263a1a;color:#d9efb5}.story-avatar.outlined{border-color:#c4cabb}.story-avatar.outlined>span{background:#edeedc;font-size:18px;font-weight:400}.phone-account{display:flex;gap:7px;align-items:center;padding:8px 12px;font-size:8px;font-weight:600}.phone-account .mock-avatar{width:18px;height:18px}.phone-campaign{height:212px;position:relative;background:linear-gradient(130deg,#293c1e,#14240e);overflow:hidden;color:#e0f393;padding:16px 17px}.campaign-label{font-size:5px;letter-spacing:.15em;color:#b3c995;position:relative;z-index:2}.phone-campaign>p{font-family:Manrope,sans-serif;position:relative;z-index:2;color:#f5f6e8;margin:10px 0 0;font-size:27px;font-weight:500;letter-spacing:-.06em;line-height:1.1}.phone-campaign strong{font-size:55px;font-weight:500;color:#d4f16b}.brand-flower{position:absolute;width:145px;height:145px;right:-24px;bottom:1px;transform:rotate(-14deg);filter:drop-shadow(0 12px 8px #0005)}.campaign-footer{position:absolute;bottom:13px;left:17px;font-size:4px;letter-spacing:.15em;color:#c3d3a8;z-index:2}.phone-tools{display:flex;gap:9px;align-items:center;padding:9px 11px 4px}.phone-tools svg{width:15px;height:15px}.phone-caption{font-size:7px;line-height:1.7;padding:4px 12px 8px;color:#4c5841}.phone-caption strong{color:#14220c}.phone-bottom{display:flex;justify-content:space-between;padding:9px 20px 16px;border-top:1px solid #19301210}.phone-bottom svg{width:16px;height:16px}.phone-homebar{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:73px;height:3px;border-radius:20px;background:#2c3824}.scene-shadow{position:absolute;height:55px;border-radius:50%;background:#030b02a1;filter:blur(17px);transform:rotate(-7deg) rotateX(45deg);pointer-events:none}.shadow-phone{width:270px;left:382px;top:528px;opacity:.75}.shadow-left{width:245px;left:150px;top:523px;opacity:.5}.shadow-right{width:245px;left:660px;top:503px;opacity:.5}.stage-signature{position:absolute;bottom:24px;left:30px;right:30px;z-index:7;display:flex;justify-content:space-between;align-items:center}.stage-signature img{width:60px;height:auto}.stage-signature>span{font-size:7px;letter-spacing:.18em;color:#a7b88a}.scene-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;color:#d6dfcb;font-size:13px}.scene-footer .link-arrow{font-size:11px;color:#c4e92e}.scene-disclaimer{font-size:9px;text-align:center;color:#78876a;margin:17px 0 0}.brand-stage *{backface-visibility:hidden}
@media(max-width:1100px){.brand-stage{--scene-scale:.86}.stage-caption{left:23px;top:22px}.scene-world{top:49%}}
@media(max-width:800px){.brand-stage{--scene-scale:.65;aspect-ratio:1.7;border-radius:20px}.stage-caption{font-size:7px;top:20px;left:23px}.stage-signature{left:23px;right:23px;bottom:19px}.stage-signature img{width:48px}.stage-signature>span{font-size:6px}.scene-footer{font-size:12px}.scene-footer .link-arrow{font-size:10px}}
@media(max-width:550px){.brand-showcase{margin:32px 0 0}.brand-stage{--scene-scale:.35;aspect-ratio:1.13;border-radius:18px}.scene-world{top:51%;left:49%}.stage-caption{top:17px;left:17px;font-size:6px;letter-spacing:.1em;gap:7px}.stage-spark{width:19px;height:19px;border-radius:5px;font-size:14px}.stage-signature{bottom:17px;left:17px;right:17px}.stage-signature>span{font-size:5px;letter-spacing:.12em}.stage-signature img{width:39px}.scene-footer{flex-direction:column;gap:9px;margin-top:18px;font-size:11px}.scene-footer .link-arrow{font-size:10px;gap:12px}.scene-disclaimer{font-size:8px;max-width:290px;margin:14px auto 0}.anchor-edge-left,.anchor-edge-right{display:none}}
.phone-anchor{top:25px;height:548px}.shadow-phone{top:578px}
.phone-appbar{height:34px}.phone-stories{height:54px}.phone-account{height:34px}.phone-caption{height:36px}

.phone-bottom{position:absolute;bottom:11px;left:0;right:0;padding:9px 20px 15px;background:#f8f8f2}.phone-homebar{bottom:7px}