/* SPIRIT IN MEDIA · V4 / exclusive hero-stage styling. All selectors scoped to hero-v4 except preserved WhatsApp pill. */
.hero.hero-v4{overflow:clip;min-height:750px;background:#fbfaf8}
.hero-v4 .hero-grid{display:grid;grid-template-columns:minmax(0,1.055fr) minmax(0,.945fr);min-height:750px;gap:clamp(25px,2.5vw,45px);align-items:center;padding-block:38px 54px}
.hero-v4 .hero-copy{padding:24px 0 20px;min-width:0;align-self:center}
.hero-v4 .hero-copy>.eyebrow{letter-spacing:.13em;font-weight:700;color:#676068;font-size:10.5px}
.hero-v4 .hero-copy h1{font-size:clamp(46px,5.3vw,77px);font-weight:750;line-height:1.065;letter-spacing:-.072em;margin:32px 0 25px;max-width:725px;text-wrap:balance}
.hero-v4 .hero-copy p.lead{max-width:525px;font-size:clamp(13px,1.11vw,16px);line-height:1.83;margin-bottom:26px;color:#625a61}
.hero-v4 .hero-cta{gap:11px}
.hero-v4 .hero-cta .btn{min-height:52px;padding:14px 23px;font-size:12.6px}
.hero-v4 .google-proof{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;margin:26px 0 0;background:#fff;border:1px solid #e9e5e3;border-radius:99px;box-shadow:0 8px 25px rgba(50,25,34,.035);padding:10px 13px 10px 16px;transition:border .23s,box-shadow .23s,transform .23s;font-size:11px;font-weight:650;max-width:100%}
.hero-v4 .google-proof:hover{border-color:#ff9ca5;box-shadow:0 12px 35px rgba(50,25,34,.09);transform:translateY(-2px)}
.google-word{font-weight:700;letter-spacing:-.11em;font-family:Arial,sans-serif;font-size:18px;margin-right:5px;white-space:nowrap}
.google-word b{font-weight:600}.google-word b:nth-child(1),.google-word b:nth-child(4){color:#252025}.google-word b:nth-child(2),.google-word b:nth-child(6){color:#252025}.google-word b:nth-child(3){color:#252025}.google-word b:nth-child(5){color:#252025}
.proof-count{color:#5f5960;font-size:11px}.proof-arrow{color:#a39aa0;margin-left:3px}
.hero-v4 .hero-note{margin-top:37px;color:#8b8188;font-size:10px;letter-spacing:.07em}
.hero-v4 .hero-side{width:100%;max-width:680px;min-width:0;height:auto;min-height:0;margin:0;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:15px}
/* A single high-end live concept window instead of decorative card clutter */
.hero-v4 .exp-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;color:#8c8186;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.hero-v4 .exp-heading .exp-status{display:inline-flex;align-items:center;gap:7px;letter-spacing:.07em;color:#847981}
.hero-v4 .exp-status i{width:6px;height:6px;border-radius:50%;background:#fd6262;display:block;flex-shrink:0}
.hero-v4 .exp-browser{position:relative;height:clamp(425px,37vw,540px);overflow:hidden;border:1px solid #ddd7d6;border-radius:19px;background:#fff;box-shadow:0 24px 60px rgba(32,18,26,.12),0 4px 12px rgba(32,18,26,.045);isolation:isolate;transition:box-shadow .35s,transform .35s}
.hero-v4 .exp-browser:hover{box-shadow:0 30px 75px rgba(32,18,26,.15),0 4px 12px rgba(32,18,26,.055)}
.hero-v4 .exp-chrome{height:39px;padding:0 17px;border-bottom:1px solid #e9e5e5;background:#fdfcfc;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}
.hero-v4 .exp-dots{display:flex;gap:5px}.hero-v4 .exp-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#dfd5d8}.hero-v4 .exp-dots i:first-child{background:#fd6262}
.hero-v4 .exp-url{font-size:9px;font-weight:650;color:#92868c;letter-spacing:.03em}
.hero-v4 .exp-chrome-symbol{font-size:14px;font-weight:800;line-height:1;color:#b8adb0}
.hero-v4 .exp-scene{position:absolute;inset:39px 0 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,transform .45s ease,visibility .45s;transform:translateY(8px);overflow:hidden}
.hero-v4 .exp-scene.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
/* WEB: editorial showcase built with real type, no fictitious brand, illustrative only */
.hero-v4 .exp-web{background:linear-gradient(140deg,#f4eee9 0%,#f8f3ee 48%,#f5eae8 100%)}
.hero-v4 .exp-web:before{content:"";position:absolute;right:-120px;top:20px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle at 40% 33%,#ffc6c4 0%,#fd6262 52%,#e64955 100%);opacity:.87;filter:saturate(.95)}
.hero-v4 .exp-web-top{position:absolute;left:30px;right:30px;top:28px;z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:-.04em}
.hero-v4 .exp-web-top .exp-mini-nav{display:flex;gap:15px;color:#716a6b;font-size:8px;font-weight:650;letter-spacing:.01em}
.hero-v4 .exp-web-content{position:absolute;z-index:5;left:32px;top:28%;max-width:58%}
.hero-v4 .exp-kicker{font-size:9px;letter-spacing:.14em;font-weight:750;text-transform:uppercase}
.hero-v4 .exp-web-content .exp-kicker{color:#a4434f}
.hero-v4 .exp-web-content h2{font-size:clamp(32px,3.5vw,53px);line-height:1.06;letter-spacing:-.077em;margin:16px 0 15px;font-weight:760}
.hero-v4 .exp-web-content h2 span{color:#fd6262}
.hero-v4 .exp-web-content p{font-size:10px;line-height:1.8;color:#6b6164;max-width:225px;margin:0 0 18px}
.hero-v4 .exp-mock-cta{display:inline-flex;align-items:center;gap:10px;border:1px solid #252127;border-radius:90px;padding:9px 13px;background:#19181d;color:white;font-size:9px;font-weight:750;letter-spacing:.03em}
.hero-v4 .exp-person{position:absolute;right:-2%;bottom:-17%;height:100%;width:67%;object-fit:contain;object-position:center bottom;filter:drop-shadow(-16px 18px 24px #28121c22);z-index:3;user-select:none;pointer-events:none;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.hero-v4 .exp-browser:hover .exp-web.is-active .exp-person{transform:translateY(-7px) scale(1.012)}
.hero-v4 .exp-web-footer{position:absolute;bottom:0;left:0;right:0;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px 30px;background:rgba(255,255,255,.85);backdrop-filter:blur(13px);z-index:6;border-top:1px solid #ffffff99}
.hero-v4 .exp-web-footer span{font-size:8px;font-weight:750;color:#756a6a;letter-spacing:.06em;text-transform:uppercase}
.hero-v4 .exp-web-footer strong{font-size:10px;color:#2c2528}
/* SEARCH scene: premium visual showing the journey, no fictional statistics or search rankings */
.hero-v4 .exp-search{background:#131519;color:#f9f7f4}
.hero-v4 .exp-search:before{content:"";width:370px;height:370px;right:-100px;top:40px;border-radius:50%;position:absolute;background:radial-gradient(circle,#fd62624a,transparent 65%);filter:blur(3px)}
.hero-v4 .exp-search-top{position:absolute;top:32px;left:33px;right:33px;display:flex;align-items:center;justify-content:space-between;color:#e7dee1;font-size:9px;font-weight:700;letter-spacing:.1em}
.hero-v4 .exp-search-top em{font-style:normal;color:#fd858a}
.hero-v4 .exp-search-inner{height:100%;padding:87px 34px 35px;display:flex;flex-direction:column;justify-content:center;gap:22px}
.hero-v4 .exp-search-inner h2{font-size:clamp(34px,4vw,59px);line-height:1.08;letter-spacing:-.07em;font-weight:750;max-width:450px;margin:0}
.hero-v4 .exp-search-inner h2 span{color:#fd6262}
.hero-v4 .exp-search-inner>p{font-size:11px;max-width:340px;line-height:1.8;color:#b3a9b0;margin:0}
.hero-v4 .exp-searchbar{border:1px solid #4a4047;border-radius:11px;display:flex;align-items:center;gap:12px;background:#262329;padding:15px 17px;max-width:435px;box-shadow:0 12px 35px #00000019}
.hero-v4 .exp-searchbar svg{height:18px;width:18px;flex-shrink:0;stroke:#fd777c}
.hero-v4 .exp-searchbar span{font-size:12px;color:#eee8eb;font-weight:550}
.hero-v4 .exp-path{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:450px}
.hero-v4 .exp-path span{font-size:10px;font-weight:700;border:1px solid #453940;border-radius:99px;padding:9px 12px;color:#e9d7dd}
.hero-v4 .exp-path i{font-style:normal;color:#fd6262;font-size:16px}
.hero-v4 .exp-search-small{position:absolute;bottom:21px;right:28px;color:#a39aa0;font-size:9px;letter-spacing:.06em}
/* SOCIAL: one coherent sample content piece, not fake engagement figures */
.hero-v4 .exp-social{background:linear-gradient(120deg,#f4e5e6 0%,#ffd1d0 100%)}
.hero-v4 .exp-social:before{content:'CONTENT';position:absolute;right:-20px;top:15%;font-size:clamp(68px,9vw,132px);letter-spacing:-.11em;color:#eebfbe;font-weight:800;opacity:.65;transform:rotate(-90deg);transform-origin:50% 50%;pointer-events:none}
.hero-v4 .exp-social-header{position:absolute;top:31px;left:29px;right:29px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;z-index:4}
.hero-v4 .exp-social-post{position:absolute;top:73px;bottom:29px;left:11%;right:11%;max-width:475px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;background:#fff;border:1px solid #e5c1c1;border-radius:11px;overflow:hidden;transform:rotate(-2.4deg);box-shadow:0 18px 48px #8f3a4836;transition:transform .4s}
.hero-v4 .exp-browser:hover .exp-social.is-active .exp-social-post{transform:rotate(0deg) translateY(-3px)}
.hero-v4 .exp-social-post .exp-social-photo{position:relative;background:linear-gradient(180deg,#fbd4d2,#ff959a);overflow:hidden}
.hero-v4 .exp-social-post .exp-social-photo img{position:absolute;width:125%;max-width:none;height:120%;left:-13%;bottom:-23%;object-fit:contain;object-position:center bottom;filter:grayscale(1)}
.hero-v4 .exp-social-post .exp-social-copy{padding:clamp(17px,2vw,32px) clamp(12px,1.9vw,26px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.hero-v4 .exp-social-copy small{font-size:8px;font-weight:800;color:#dc5b66;letter-spacing:.13em}
.hero-v4 .exp-social-copy h2{font-size:clamp(24px,3vw,40px);font-weight:800;line-height:1.14;letter-spacing:-.075em;margin:12px 0 13px}
.hero-v4 .exp-social-copy p{font-size:9px;line-height:1.75;color:#776e72;max-width:160px;margin:0}
.hero-v4 .exp-social-label{font-size:8px;letter-spacing:.05em;margin-top:20px;font-weight:800;color:#d34f5c}
/* A single three-way product switch. Tab content is a concept preview; details link opens a real page */
.hero-v4 .exp-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.hero-v4 .exp-tabs{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #e9e3e2;background:#f1eeec;border-radius:99px;min-width:0}
.hero-v4 .exp-tab{border:0;background:transparent;color:#756c72;border-radius:90px;min-height:36px;padding:7px 13px;font-size:10px;font-weight:720;white-space:nowrap;transition:background .22s,transform .22s,color .22s}
.hero-v4 .exp-tab[aria-selected='true']{background:#fff;color:#211b20;box-shadow:0 2px 9px #25101b13}
.hero-v4 .exp-tab:not([aria-selected='true']):hover{color:#211b20;background:#ffffff8c}
.hero-v4 .exp-detail{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;font-weight:750;color:#d8515f;padding:9px 0}
.hero-v4 .exp-detail:hover{text-decoration:underline;text-underline-offset:4px}
.hero-v4 .exp-disclaimer{display:block;color:#908589;font-size:8px;letter-spacing:.015em;line-height:1.5;text-align:right;margin-top:-5px}
/* Old floating communication action keeps layout but exchanges only the rocket visual for the S mark */
.whatsapp-rocket{position:fixed;bottom:25px;right:24px;z-index:60;display:flex;align-items:center;gap:8px;border-radius:60px;color:white;background:#1b1920;box-shadow:0 12px 40px #2111193d;padding:9px 13px 9px 7px;font-size:11px;font-weight:700;border:1px solid #393038;transition:background .2s,transform .2s}
.whatsapp-rocket img{width:39px;height:39px;object-fit:contain;user-select:none}.whatsapp-rocket:hover{background:var(--coral);transform:translateY(-2px)}
@media(max-width:1200px){.hero-v4 .hero-grid{grid-template-columns:minmax(0,1.01fr) minmax(0,.99fr);gap:22px}.hero-v4 .hero-copy h1{font-size:clamp(43px,5.2vw,66px)}.hero-v4 .exp-web-content h2{font-size:clamp(30px,3.4vw,46px)}.hero-v4 .exp-browser{height:460px}.hero-v4 .exp-tab{padding:7px 11px;font-size:9px}}
@media(max-width:900px){.hero.hero-v4{min-height:0}.hero-v4 .hero-grid{display:flex;flex-direction:column;min-height:0;padding-block:42px 40px;gap:27px;align-items:stretch}.hero-v4 .hero-copy{width:100%;padding:0}.hero-v4 .hero-copy h1{font-size:clamp(49px,8vw,75px);max-width:720px;margin:25px 0 23px}.hero-v4 .hero-copy p.lead{max-width:640px}.hero-v4 .hero-note{display:none}.hero-v4 .hero-side{max-width:700px;margin:auto}.hero-v4 .exp-browser{height:500px}.hero-v4 .exp-web-content h2{font-size:clamp(38px,5.3vw,53px)}.hero-v4 .exp-search-inner h2{font-size:clamp(38px,6vw,58px)}}
@media(max-width:650px){.hero-v4 .hero-grid{padding-block:32px 28px;gap:24px}.hero-v4 .hero-copy>.eyebrow{font-size:9px;letter-spacing:.075em}.hero-v4 .hero-copy h1{font-size:clamp(39px,10.45vw,61px);line-height:1.07;margin:23px 0 20px;letter-spacing:-.072em}.hero-v4 .hero-copy p.lead{font-size:13px;line-height:1.7;margin-bottom:22px}.hero-v4 .hero-cta{gap:8px}.hero-v4 .hero-cta .btn{font-size:11px;padding:13px 14px;min-height:46px;gap:6px}.hero-v4 .google-proof{margin-top:18px;border-radius:18px;gap:6px;padding:9px 12px}.google-word{font-size:16px}.proof-count{font-size:10px}.hero-v4 .exp-heading{font-size:8px;letter-spacing:.08em}.hero-v4 .exp-browser{height:clamp(360px,112vw,490px);border-radius:15px}.hero-v4 .exp-chrome{height:33px;padding:0 11px}.hero-v4 .exp-scene{top:33px}.hero-v4 .exp-url{font-size:8px}.hero-v4 .exp-web-top{left:17px;right:17px;top:18px}.hero-v4 .exp-web-top .exp-mini-nav{font-size:7px;gap:8px}.hero-v4 .exp-web-content{left:19px;top:26%;max-width:61%}.hero-v4 .exp-web-content h2{font-size:clamp(27px,7.7vw,41px);margin:11px 0 12px}.hero-v4 .exp-kicker{font-size:7px}.hero-v4 .exp-web-content p{font-size:8px;max-width:180px;line-height:1.6;margin-bottom:12px}.hero-v4 .exp-mock-cta{font-size:8px;padding:8px 10px}.hero-v4 .exp-web:before{width:270px;height:270px;right:-84px;top:65px}.hero-v4 .exp-person{width:69%;height:95%;right:-7%;bottom:-13%}.hero-v4 .exp-web-footer{padding:11px 15px;gap:7px}.hero-v4 .exp-web-footer span{font-size:7px}.hero-v4 .exp-web-footer strong{font-size:8px}.hero-v4 .exp-search-inner{padding:64px 20px 25px;gap:18px}.hero-v4 .exp-search-top{left:19px;right:19px;top:24px;font-size:8px}.hero-v4 .exp-search-inner h2{font-size:clamp(31px,8.4vw,45px)}.hero-v4 .exp-search-inner>p{font-size:10px}.hero-v4 .exp-searchbar{padding:13px}.hero-v4 .exp-searchbar span{font-size:10px}.hero-v4 .exp-path span{font-size:9px;padding:7px 9px}.hero-v4 .exp-social-header{left:17px;right:17px;top:22px}.hero-v4 .exp-social-post{top:63px;bottom:25px;left:6%;right:6%}.hero-v4 .exp-social-post .exp-social-copy{padding:15px 10px}.hero-v4 .exp-social-copy h2{font-size:clamp(23px,6vw,34px)}.hero-v4 .exp-social-copy p{font-size:8px}.hero-v4 .exp-social-label{font-size:7px}.hero-v4 .exp-controls{align-items:stretch;gap:9px}.hero-v4 .exp-tabs{flex:1;justify-content:space-around;padding:3px}.hero-v4 .exp-tab{font-size:9px;padding:8px 7px;min-height:36px}.hero-v4 .exp-detail{font-size:0;gap:0;min-width:35px;justify-content:center;border-radius:50%;border:1px solid #e6d8d6;background:#fff}.hero-v4 .exp-detail span{font-size:17px}.hero-v4 .exp-disclaimer{text-align:left;font-size:8px}.whatsapp-rocket{bottom:15px;right:12px;padding:5px}.whatsapp-rocket span{display:none}.whatsapp-rocket img{width:43px;height:43px}}
@media(max-width:365px){.hero-v4 .hero-copy h1{font-size:36px}.hero-v4 .exp-browser{height:355px}.hero-v4 .exp-tab{font-size:8px;padding:7px 5px}.hero-v4 .exp-web-content h2{font-size:26px}.hero-v4 .exp-person{right:-11%;width:73%}.hero-v4 .exp-web-content p{max-width:140px}.hero-v4 .exp-web-top .exp-mini-nav{gap:4px}}
@media(prefers-reduced-motion:reduce){.hero-v4 .exp-scene,.hero-v4 .exp-person,.hero-v4 .exp-browser,.hero-v4 .exp-social-post{transition:none!important}}
/* Retain V3's narrow-screen safeguards on non-hero sections. */
@media(max-width:365px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid details{min-width:0;overflow-wrap:anywhere;padding:12px}.wrap.studio-grid>*{min-width:0}.contact-section .wrap{min-width:0}}

/* V5: reference-accurate rocket replaces the founder portrait. All selectors scoped to hero or studio art. */
.hero-v4 .exp-rocket{position:absolute;right:-7%;bottom:4%;width:76%;height:91%;object-fit:contain;object-position:right bottom;z-index:3;pointer-events:none;user-select:none;filter:drop-shadow(0 18px 20px rgba(45,19,28,.13));transform-origin:50% 65%;animation:spiritRocketFloat 5.7s ease-in-out infinite}
.hero-v4 .exp-web-content{z-index:6}
.hero-v4 .exp-social-post .exp-social-photo{background:linear-gradient(150deg,#f6eeee,#ffc6c6 60%,#fd6262 150%)}
.hero-v4 .exp-social-post .exp-social-photo img.exp-social-rocket{position:absolute;width:137%;max-width:none;height:115%;left:-18%;bottom:-6%;object-fit:contain;object-position:center center;filter:drop-shadow(0 15px 17px rgba(38,19,24,.18));transform:rotate(-8deg);transition:transform .5s ease}
.hero-v4 .exp-browser:hover .exp-social.is-active .exp-social-photo img.exp-social-rocket{transform:rotate(-3deg) translateY(-7px)}
.studio-art img.studio-rocket{width:min(100%,460px);height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 24px rgba(34,21,25,.13))}
@keyframes spiritRocketFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-11px,0) rotate(1deg)}}
@media(max-width:900px){.hero-v4 .exp-rocket{width:69%;right:0%;bottom:1%;height:95%}}
@media(max-width:650px){.hero-v4 .exp-rocket{width:77%;right:-10%;bottom:3%;height:85%}.hero-v4 .exp-social-post .exp-social-photo img.exp-social-rocket{width:153%;left:-23%;bottom:-4%;height:108%}}
@media(max-width:365px){.hero-v4 .exp-rocket{width:78%;right:-11%;height:85%;bottom:5%}}
@media(prefers-reduced-motion:reduce){.hero-v4 .exp-rocket{animation:none!important}.hero-v4 .exp-social-post .exp-social-photo img.exp-social-rocket{transition:none!important}}