.fh-web-studio{width:100%;max-width:var(--fhws-width,800px);margin:0 auto;background:var(--fhws-bg,#51338b);border-radius:24px;overflow:hidden;isolation:isolate;font-family:Unbounded,Arial,sans-serif;font-weight:700}.fh-web-studio *{box-sizing:border-box}.fhws-stage{position:relative;width:100%;aspect-ratio:1;container-type:inline-size}.fh-web-studio .fhws-artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;margin:0;z-index:1;pointer-events:none}.fh-web-studio .fhws-trigger{position:absolute;z-index:4;inset:6%;width:88%;height:88%;border:0;border-radius:24px;padding:0;margin:0;background:transparent;box-shadow:none;cursor:pointer;color:inherit;appearance:none}.fh-web-studio .fhws-trigger:focus-visible{outline:3px solid #f4ca52;outline-offset:-4px}.fhws-bubble{position:absolute;z-index:4;left:5%;top:7%;width:66%;padding:5%;border-radius:25px;background:linear-gradient(145deg,#fffefa,#e9e4df);color:#51338b;box-shadow:inset 3px 3px 5px #fff,inset -4px -4px 9px #c5bdb666,0 14px 26px #24153830;opacity:0;visibility:hidden;transform:translateY(15px) scale(.92);transform-origin:80% 100%;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.15),visibility .35s;overflow-wrap:anywhere}.fhws-bubble:after{content:"";position:absolute;bottom:-14px;right:20%;width:28px;height:28px;background:#e9e4df;clip-path:polygon(0 0,100% 0,85% 100%)}.fhws-label{font-size:10px;font-size:clamp(8px,1.7cqw,13px);letter-spacing:.08em;margin-bottom:12px}.fhws-message{font-size:clamp(14px,3.7cqw,28px);line-height:1.35}.fh-web-studio .fhws-cta{display:inline-block;margin-top:18px;background:#ff544f;color:#fff;padding:12px 15px;border-radius:12px;font-size:clamp(9px,1.65cqw,13px);line-height:1.5;text-decoration:none;font-weight:700;box-shadow:inset 1px 2px 2px #ffffff50,0 4px 0 #cf3b3b}.fh-web-studio a.fhws-cta:hover{background:#ed4946;color:white}.fhws-cta:focus-visible{outline:3px solid #1897a7;outline-offset:4px}


.fhws-browser{position:absolute;z-index:2;pointer-events:none;left:17%;top:4%;width:57%;height:33%;padding:2%;border-radius:16px;background:linear-gradient(145deg,#fffefa,#e1dbd5);box-shadow:inset 2px 3px 5px #fff,inset -3px -3px 7px #bbb2aa66,0 10px 22px #29153622;opacity:0;transform:translateY(55%) scale(.93);transition:opacity .4s,transform .75s cubic-bezier(.2,.8,.2,1)}.fhws-chrome{height:13%;display:flex;align-items:center;gap:3%;padding-bottom:2%}.fhws-chrome i{height:40%;aspect-ratio:1;background:#c8c0b8;border-radius:50%}.fhws-chrome span{height:45%;width:45%;border-radius:20px;background:#d8d1c9;margin-left:6%}.fhws-site{height:87%;background:#fbfaf7;border-radius:8px;overflow:hidden;position:relative}.fhws-header{height:19%;background:#1897a7;display:flex;align-items:center;gap:6%;padding:0 7%;opacity:0;transform:translateY(-100%);transition:opacity .3s .5s,transform .4s .5s}.fhws-header b{width:11%;height:33%;border-radius:5px;background:#fff;margin-right:auto}.fhws-header i{width:12%;height:12%;background:#ffffffaa;border-radius:3px}.fhws-hero{position:absolute;top:29%;left:6%;width:45%;height:62%;border-radius:8px;background:#ff544f;opacity:0;transform:scale(.7);transition:opacity .4s .75s,transform .45s .75s;display:grid;place-items:center}.fhws-hero svg{width:88%;height:88%;fill:#ffffffab}.fhws-lines{position:absolute;top:36%;right:7%;width:34%;opacity:0;transition:opacity .35s 1s}.fhws-lines i{display:block;height:5px;height:1cqw;background:#51338b55;border-radius:4px;margin-bottom:16%}.fhws-lines i:nth-child(2){width:75%}.fhws-site-button{position:absolute;top:70%;right:13%;width:28%;height:13%;border-radius:6px;background:#f4ca52;opacity:0;transform:scale(.6);transition:opacity .3s 1.2s,transform .35s 1.2s}.fhws-mobile{position:absolute;left:69%;top:16%;width:14%;height:27%;z-index:3;pointer-events:none;background:linear-gradient(130deg,#fffefa,#ddd7d0);border-radius:15px;padding:3% 1.4% 1.4%;box-shadow:inset 2px 3px 4px #fff,inset -3px -3px 6px #bbb2aa77,0 7px 16px #29153633;opacity:0;transform:translateX(-50%) scale(.85);transition:opacity .4s 1.3s,transform .6s 1.3s}.fhws-notch{position:absolute;top:5%;left:34%;width:32%;height:3%;border-radius:5px;background:#9b948d}.fhws-mobile-header{height:12%;background:#1897a7;border-radius:3px 3px 0 0}.fhws-mobile-hero{height:38%;background:#ff544f;margin-top:9%;border-radius:3px}.fhws-mobile>i{display:block;height:3%;width:85%;background:#51338b55;margin-top:11%;border-radius:3px}.fhws-mobile>i:nth-last-child(2){width:65%;margin-top:7%}.fhws-mobile>b{display:block;width:66%;height:10%;background:#f4ca52;border-radius:3px;margin-top:11%}.fhws-bubble{z-index:5;top:65%;left:8%;width:84%;padding:4%;transform-origin:50% 0}.fhws-bubble:after{top:-14px;bottom:auto;right:24%;transform:rotate(180deg)}.fhws-label{margin-bottom:8px}.fhws-message{font-size:clamp(14px,3.3cqw,26px)}.fh-web-studio .fhws-cta{margin-top:12px;padding:10px 14px}.fhws-revealed .fhws-bubble{opacity:1;visibility:visible;transform:none}.fhws-active .fhws-browser,.fhws-active .fhws-header,.fhws-active .fhws-hero,.fhws-active .fhws-site-button,.fhws-active .fhws-mobile{opacity:1;transform:none}.fhws-active .fhws-lines{opacity:1}@media(prefers-reduced-motion:reduce){.fhws-browser,.fhws-header,.fhws-hero,.fhws-site-button,.fhws-mobile,.fhws-lines,.fhws-bubble{transition:none}}@media(max-width:480px){.fh-web-studio{border-radius:16px}.fhws-browser{border-radius:10px}.fhws-mobile{border-radius:9px}.fhws-site,.fhws-hero{border-radius:4px}.fhws-bubble{width:90%;left:5%;top:65%;padding:3.5%;border-radius:17px}.fhws-label{margin-bottom:6px;font-size:clamp(8px,2.1cqw,12px)}.fhws-message{font-size:clamp(13px,3.6cqw,24px)}.fh-web-studio .fhws-cta{margin-top:8px;padding:7px 9px}}