/* SPIRIT IN MEDIA V7 | Focused UX and conversion refinements */
:root{--focus-ring:#fd6262}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}
.menu-toggle{position:relative;isolation:isolate;flex-shrink:0;border:1px solid #e7dcd9!important;border-radius:14px!important;width:47px!important;height:47px!important;box-shadow:0 5px 13px #23141a0a;background:#fff!important;transition:transform .2s,border-color .2s,background .2s}
.menu-toggle:hover{border-color:#fd6262!important;background:#fff6f6!important;transform:translateY(-1px)}
.menu-bars{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:20px;height:18px}.menu-bars i{height:2px;width:20px;border-radius:4px;background:#fd6262;display:block;transition:transform .25s,opacity .25s}.menu-bars i:nth-child(2){width:15px;align-self:flex-end}
.menu-x{font-weight:400;font-size:33px;line-height:0;color:#fd6262;display:none;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%)}
.menu-toggle.open .menu-bars{display:none}.menu-toggle.open .menu-x{display:block}
@media(max-width:900px){body.menu-open{overflow:hidden}.mobile-drawer{overflow-y:auto;height:calc(100dvh - var(--header));padding:26px clamp(18px,6vw,52px) 35px!important;background:linear-gradient(155deg,#fbfaf8 0%,#fff3f2 100%)!important;box-shadow:0 16px 32px #28111918;transform:translateY(-11px);opacity:0;transition:transform .24s ease,opacity .24s ease;display:block!important;visibility:hidden;pointer-events:none;max-width:100vw}.mobile-drawer.open{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}.mobile-drawer .drawer-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#93868b;border-bottom:1px solid #e9dcda;padding-bottom:17px;margin-bottom:9px}.mobile-drawer>a:not(.btn){font-size:clamp(23px,5.5vw,35px)!important;letter-spacing:-.045em;padding:13px 4px!important;display:flex;align-items:center;justify-content:space-between;min-height:55px}.mobile-drawer>a:not(.btn):after{content:'↗';font-size:19px;color:#fd6262;font-weight:400;transition:transform .2s}.mobile-drawer>a:not(.btn):hover:after{transform:translate(2px,-2px)}.mobile-drawer .btn{display:flex!important;justify-content:center;align-items:center;padding:16px!important;border-radius:12px!important;background:#fd6262!important;min-height:51px;font-size:12px!important}.mobile-drawer .drawer-contact{border-top:1px solid #eadfdd;margin-top:26px;padding-top:18px;color:#90848a}.mobile-drawer .drawer-contact>span{font-size:10px;font-weight:800;letter-spacing:.15em}.mobile-drawer .drawer-contact>div{display:flex;gap:5px 20px;flex-wrap:wrap;margin-top:13px}.mobile-drawer .drawer-contact a{display:inline-flex;width:auto;min-height:0;padding:0!important;font-size:12px!important;border:0!important;font-weight:600}}
/* Mobile rhythm: keep all original content while removing empty space */
@media(max-width:720px){.section,.refs-section{padding:clamp(52px,11vw,70px) 0}.section-head{margin-bottom:23px}.service-grid{gap:12px}.service-card{padding:19px 20px!important}.service-card .symbol{margin:11px 0 14px!important}.service-card h3{font-size:22px!important;margin:0 0 7px}.service-card p{margin-bottom:14px!important;line-height:1.55!important}.service-card details{padding-top:10px}.service-card summary{min-height:27px;align-items:center}.service-card .price{display:block}.price-grid{gap:12px}.refs-section .section-head .text-link{margin-top:12px;display:inline-block}.ref-content{padding:23px}.ref-content h3{font-size:clamp(29px,7vw,40px)}.ref-controls{margin-top:15px}.footer-top{gap:18px}.footer{padding-bottom:calc(38px + env(safe-area-inset-bottom))}}
/* WhatsApp: unobtrusive; mobile left to avoid covering reference slider arrows and sticky actions. */
.whatsapp-rocket{bottom:calc(19px + env(safe-area-inset-bottom));right:19px;padding:6px 16px 6px 6px;gap:10px;border-radius:100px;box-shadow:0 12px 36px #27111920;min-height:53px;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.whatsapp-rocket img{width:40px;height:40px}.whatsapp-rocket:hover{transform:translateY(-3px);box-shadow:0 16px 42px #27111930}
@media(max-width:900px){.whatsapp-rocket{right:auto!important;left:calc(12px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));width:52px;min-height:52px;padding:6px!important;justify-content:center;border-radius:50%}.whatsapp-rocket img{width:40px!important;height:40px!important}.whatsapp-rocket span{display:none}}
/* Reference showcase: photographic thumbs from a real screenshot service, with an explicit, clean fallback. */
.reference-card{grid-template-columns:1.075fr .925fr}.ref-art{display:flex;flex-direction:column;justify-content:center;padding:24px 27px 15px;gap:14px;isolation:isolate}.ref-art:before{z-index:-1}.ref-browser-shell{width:100%;max-width:590px;border-width:8px;border-radius:16px;transition:transform .4s ease,box-shadow .4s ease}.reference-card:hover .ref-browser-shell{transform:translateY(-4px);box-shadow:0 30px 55px #0002}.ref-browser-top{height:40px}.ref-browser-label{font-size:9px;letter-spacing:.14em;font-weight:800;color:#fd6262}.ref-browser-stage{height:280px;background:#fffcfb;overflow:hidden}.ref-browser-stage .ref-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .45s ease;display:block}.ref-browser-stage .ref-image.is-loaded{opacity:1}.ref-poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:26px 30px;background:linear-gradient(140deg,#fff 10%,#fff0ee 100%);color:#171219;gap:10px}.ref-poster>span{font-size:10px;font-weight:800;letter-spacing:.17em;color:#e26c73}.ref-poster>strong{font-size:clamp(32px,5vw,63px);font-weight:800;letter-spacing:-.07em;max-width:100%;overflow-wrap:anywhere}.ref-poster>small{font-size:11px;font-weight:650;color:#8d737a}.ref-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%;max-width:590px;z-index:2}.ref-thumb{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);border-radius:8px;padding:10px 9px;color:#8c6f75;cursor:pointer;text-align:left;font-size:10px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:5px;min-width:0}.ref-thumb span{overflow:hidden;text-overflow:ellipsis}.ref-thumb.is-current{background:#17161a;border-color:#17161a;color:#fff}.ref-thumb:hover{border-color:#fd6262}.ref-content{padding:clamp(24px,3vw,42px)}
@media(max-width:900px){.reference-card{grid-template-columns:1fr}.ref-art{min-height:0;padding:18px;gap:10px}.ref-browser-shell{max-width:650px}.ref-browser-stage{height:clamp(205px,48vw,350px)}}
@media(max-width:440px){.ref-art{padding:12px;gap:8px}.ref-browser-shell{border-width:6px;border-radius:12px}.ref-browser-top{height:33px;padding:0 9px}.ref-browser-label{font-size:8px}.ref-browser-stage{height:200px}.ref-poster{padding:20px}.ref-poster>strong{font-size:32px}.ref-thumb{padding:9px 6px;font-size:9px;display:block}.ref-thumb span{display:block;font-size:8px;margin-top:2px}.ref-content{padding:22px}.round-arrow{width:43px;height:43px}}
@media(prefers-reduced-motion:reduce){.mobile-drawer,.ref-browser-shell,.ref-browser-stage .ref-image,.menu-toggle{transition:none!important}}

.ref-browser-click{position:absolute;inset:0;display:block;z-index:3;cursor:pointer}.ref-browser-stage .ref-image{pointer-events:none}.ref-browser-click:focus-visible{outline:4px solid #fd6262;outline-offset:-6px}
.whatsapp-rocket.is-dormant{opacity:0!important;pointer-events:none!important;transform:translateY(14px)!important;visibility:hidden}