/* VStudio V5 brand refinements */
.brand-icon{font-weight:900;font-size:25px;letter-spacing:-2px}.brand-icon span{font-size:12px;letter-spacing:0;position:relative;top:-5px;margin-left:0}.brand-label{letter-spacing:-.6px}.hero h1{line-height:1.07}.hero-lead{max-width:470px}.hero-note .mark-dot{background:#ff725c}.project-caption p{line-height:1.5}.segment-tabs{scrollbar-width:thin}.tag-concept{background:#fff0d8;color:#151515}.industry-info small{line-height:1.6}.industry-info .btn{white-space:normal;text-align:center}.footer-top .brand-icon{flex-shrink:0}.floating-contact{transition:transform .2s}.floating-contact:active{transform:scale(.98)}
@media(max-width:530px){.hero h1{font-size:clamp(40px,10.5vw,58px);line-height:1.05;letter-spacing:-3.5px}.hero-note{margin-top:20px}.hero-visual{margin-top:16px}.industry-info .btn{padding:15px 16px}.section-heading>p{max-width:340px}}
/* V5 verified: constrain browser mockup to its grid track rather than intrinsic image size. */
.hero-grid > .hero-copy,.hero-grid > .hero-visual{min-width:0}
.hero-browser{width:100%;max-width:610px}
.hero-browser img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top}
@media(max-width:800px){.hero-visual{width:100%;max-width:100%;margin-inline:auto}.hero-browser{width:min(100%,530px)}}
@media(max-width:530px){.hero-visual{min-width:0;height:295px;max-width:100%;padding:0 8px 0 0;margin-top:9px}.hero-browser{width:92%;max-width:100%;transform:rotate(-3deg);margin-left:4px}.hero-browser img{height:auto;aspect-ratio:1.6}.hero-mobile{right:3px;bottom:3px}.hero-stamp{bottom:4px;left:4px}.hero-pill{right:5px;top:0}}