/* Valron x Mobbin-inspired public site visual system
   White-first, dense visual proof, oversized typography, soft neutral surfaces. */
:root{
  --vm-ink:#11110f;
  --vm-muted:#6f706a;
  --vm-soft:#f4f4f1;
  --vm-soft-2:#f8f8f6;
  --vm-line:#e8e8e3;
  --vm-gold:#a8731f;
  --vm-gold-2:#c99438;
  --vm-gold-soft:#f6ebd5;
  --vm-radius:28px;
  --vm-radius-lg:38px;
  --vm-shadow:0 1px 1px rgba(17,17,15,.03),0 16px 50px rgba(17,17,15,.05);
}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--vm-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}
.noise-layer,.cursor-orb{display:none!important}
.container{width:min(1240px,calc(100% - 44px));max-width:none}
.site-header{position:sticky;top:0;z-index:1000;padding:18px 0 0;background:linear-gradient(#fff 72%,rgba(255,255,255,0))!important;border:0!important;box-shadow:none!important}
.site-header .nav{width:min(980px,calc(100% - 28px));height:58px;padding:7px 8px 7px 14px;background:#f3f3f0;border:1px solid #ecece7;border-radius:999px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(17,17,15,.04)}
.brand{margin-right:14px}.brand img{height:36px!important;max-height:36px!important;width:auto!important}
.nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.nav-links a{padding:10px 12px;border-radius:999px;font-size:13px;font-weight:650;color:#30312d;letter-spacing:-.015em;transition:.2s}.nav-links a:hover,.nav-links a.active{background:#fff;color:#111;border:0!important}
.nav-actions{display:flex;align-items:center;gap:6px}.nav-actions .btn{height:42px;border-radius:999px;padding:0 16px;font-size:12px;box-shadow:none}.btn{border-radius:999px;box-shadow:none;font-weight:700;letter-spacing:-.01em}.btn-gold{background:var(--vm-gold)!important;color:#fff!important;border-color:var(--vm-gold)!important}.btn-gold:hover{background:#8d5e17!important;border-color:#8d5e17!important}.btn-outline-dark,.btn-soft{background:#fff!important;border:1px solid #deded8!important;color:#111!important}.btn-dark{background:#111!important;border-color:#111!important;color:#fff!important}
.menu-btn{border-radius:999px!important;border:1px solid #ddd!important;width:42px;height:42px}.mobile-nav{top:86px;left:14px;right:14px;border:1px solid var(--vm-line);border-radius:24px;box-shadow:var(--vm-shadow);padding:14px!important}
.mobile-nav a{padding:12px 10px;border-bottom:1px solid var(--vm-line);font-weight:650}

/* Home */
.vm-hero{padding:108px 0 68px;text-align:center;overflow:hidden}.vm-hero-inner{max-width:1120px;margin:0 auto}.vm-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--vm-soft);border:1px solid var(--vm-line);border-radius:999px;font-size:12px;font-weight:700;color:#4d4e49;margin-bottom:24px}.vm-kicker i{width:16px;height:16px;color:var(--vm-gold)}
.vm-hero h1{font-size:clamp(58px,8.2vw,118px);line-height:.91;letter-spacing:-.075em;font-weight:760;margin:0 auto;max-width:1160px;text-wrap:balance}.vm-hero h1 .gold{color:var(--vm-gold)}
.vm-inline-thumb{display:inline-flex;vertical-align:.07em;width:.82em;height:.68em;border-radius:.17em;overflow:hidden;margin:0 .06em;box-shadow:0 0 0 1px #ddd;transform:rotate(-2deg);background:#f2f2ef;align-items:center;justify-content:center}.vm-inline-thumb.alt{transform:rotate(2.5deg)}.vm-inline-thumb img{width:100%;height:100%;object-fit:contain;padding:10%;background:#fff}.vm-inline-thumb .mini-ui{width:100%;height:100%;background:linear-gradient(145deg,#fff,#eee);display:grid;grid-template-columns:26% 1fr;gap:6%;padding:12%}.mini-ui:before{content:"";display:block;background:#111;border-radius:8px}.mini-ui:after{content:"";display:block;background:linear-gradient(#d7d7d2 0 14%,transparent 14% 22%,#ecece8 22% 42%,transparent 42% 50%,#e5c992 50% 70%,transparent 70%);border-radius:6px}
.vm-hero-sub{max-width:720px;margin:28px auto 0;font-size:18px;line-height:1.55;color:var(--vm-muted);letter-spacing:-.02em}.vm-hero-actions{display:flex;justify-content:center;gap:10px;margin-top:28px;flex-wrap:wrap}.vm-hero-actions .btn{height:48px;padding:0 20px;font-size:13px}.vm-trust-note{margin-top:50px;font-size:12px;color:#93948f;font-weight:650}
.vm-logo-row{display:flex;gap:36px;align-items:center;justify-content:center;flex-wrap:wrap;margin:18px auto 0;max-width:1020px}.vm-logo-row .vm-logo{height:33px;max-width:140px;display:flex;align-items:center;justify-content:center;filter:grayscale(1);opacity:.58}.vm-logo img{max-height:33px;max-width:130px;object-fit:contain}.vm-logo .logo-word{font-weight:780;font-size:15px;color:#3e3f3b;white-space:nowrap}

.vm-gallery-wrap{padding:40px 0 105px;overflow:hidden}.vm-gallery-title{font-size:13px;color:#777872;font-weight:700;text-align:center;margin-bottom:22px}.vm-screen-track{display:flex;gap:18px;width:max-content;padding:0 22px;animation:vmMarquee 42s linear infinite}.vm-screen-track:hover{animation-play-state:paused}@keyframes vmMarquee{to{transform:translateX(calc(-50% - 9px))}}
.vm-screen-card{width:310px;flex:0 0 310px;color:inherit}.vm-screen{height:420px;background:#f0f0ed;border-radius:30px;border:1px solid #e5e5e0;padding:16px;overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s}.vm-screen-card:hover .vm-screen{transform:translateY(-5px);box-shadow:var(--vm-shadow)}.vm-browser{height:100%;background:#fff;border:1px solid #deded9;border-radius:20px;overflow:hidden;box-shadow:0 18px 38px rgba(17,17,15,.07)}.vm-browser-bar{height:34px;border-bottom:1px solid #ecece7;display:flex;align-items:center;gap:5px;padding:0 10px}.vm-browser-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#d6d6d0}.vm-browser-body{height:calc(100% - 34px);display:grid;grid-template-columns:24% 1fr}.vm-sidebar{background:#fafaf8;border-right:1px solid #ecece8;padding:13px 8px}.vm-sidebar span{display:block;height:7px;background:#d8d8d2;border-radius:9px;margin:0 0 10px}.vm-sidebar span:first-child{background:var(--vm-gold);width:80%}.vm-canvas{padding:15px}.vm-canvas-head{display:flex;justify-content:space-between;align-items:center}.vm-canvas-head b{font-size:11px}.vm-canvas-head i{width:44px;height:14px;border-radius:999px;background:#f0e3c7}.vm-kpi-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.vm-kpi{height:62px;border:1px solid #ecece8;border-radius:11px;padding:10px}.vm-kpi:before{content:"";display:block;width:45%;height:6px;background:#ddd;border-radius:8px}.vm-kpi:after{content:"";display:block;width:72%;height:12px;background:#111;border-radius:4px;margin-top:13px}.vm-chart{height:105px;border-radius:12px;margin-top:10px;background:linear-gradient(180deg,rgba(168,115,31,.17),rgba(168,115,31,0)),repeating-linear-gradient(0deg,#eeeeea 0 1px,transparent 1px 24px);position:relative}.vm-chart:after{content:"";position:absolute;left:8%;right:6%;top:52%;height:3px;background:linear-gradient(90deg,transparent 0 3%,var(--vm-gold) 3% 26%,transparent 26% 28%,var(--vm-gold) 28% 64%,transparent 64% 66%,var(--vm-gold) 66% 100%);transform:skewY(-10deg);border-radius:10px}.vm-list{margin-top:10px;display:grid;gap:7px}.vm-list span{height:18px;background:#f2f2ef;border-radius:6px}.vm-list span:nth-child(2){width:88%}.vm-list span:nth-child(3){width:74%}.vm-screen-card:nth-child(3n+2) .vm-screen{background:#f6ead5}.vm-screen-card:nth-child(3n+2) .vm-browser-body{grid-template-columns:1fr}.vm-screen-card:nth-child(3n+2) .vm-sidebar{display:none}.vm-screen-card:nth-child(4n) .vm-chart{height:145px}.vm-screen-card:nth-child(5n) .vm-browser{transform:rotate(.4deg)}
.vm-screen-meta{display:flex;align-items:center;gap:10px;padding:13px 3px 0}.vm-screen-icon{width:34px;height:34px;border-radius:9px;border:1px solid var(--vm-line);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.vm-screen-icon img{max-width:28px;max-height:28px;object-fit:contain}.vm-screen-icon span{font-size:11px;font-weight:800;color:var(--vm-gold)}.vm-screen-meta b{font-size:13px;display:block}.vm-screen-meta small{font-size:11px;color:#8a8b86;display:block;margin-top:1px}

.vm-section{padding:110px 0}.vm-section.soft{background:var(--vm-soft-2)}.vm-section-head{max-width:880px;margin-bottom:44px}.vm-section-head.centered{margin-left:auto;margin-right:auto;text-align:center}.vm-section-head .label{font-size:12px;color:#7a7b75;font-weight:750;margin-bottom:14px}.vm-section-head h2{font-size:clamp(44px,5.5vw,76px);letter-spacing:-.065em;line-height:.97;margin:0;font-weight:760;text-wrap:balance}.vm-section-head p{font-size:18px;line-height:1.55;color:var(--vm-muted);margin:20px 0 0;max-width:710px}.centered p{margin-left:auto;margin-right:auto}
.vm-search-shell{background:#fff;border:1px solid var(--vm-line);border-radius:34px;padding:18px;box-shadow:0 18px 70px rgba(17,17,15,.06)}.vm-search-top{display:flex;gap:10px;align-items:center}.vm-searchbox{height:54px;border:1px solid #e5e5df;background:#f7f7f4;border-radius:999px;flex:1;display:flex;align-items:center;gap:10px;padding:0 18px;color:#9a9b96;font-size:13px}.vm-searchbox i{width:18px}.vm-filter{height:54px;padding:0 20px;border-radius:999px;background:#111;color:#fff;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.vm-filter i{width:16px}.vm-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.vm-chip{border:1px solid #e4e4df;border-radius:999px;padding:9px 13px;background:#fff;font-size:11px;font-weight:680;color:#555650}.vm-chip.active{background:#111;color:#fff;border-color:#111}.vm-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.vm-result{min-height:270px;border-radius:22px;background:#f2f2ef;border:1px solid #e9e9e4;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.vm-result .topline{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8c8d87}.vm-result .topline span:last-child{padding:6px 8px;background:#fff;border-radius:999px;border:1px solid #e6e6e2}.vm-result h3{font-size:24px;letter-spacing:-.04em;margin:0}.vm-result p{font-size:12px;color:#767771;line-height:1.5;margin:8px 0 0}.vm-result-viz{height:120px;background:#fff;border-radius:16px;border:1px solid #e7e7e2;padding:13px;display:grid;grid-template-columns:29% 1fr;gap:10px}.vm-result-viz aside{border-radius:10px;background:linear-gradient(180deg,#111 0 24%,#f1f1ee 24%)}.vm-result-viz main{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.vm-result-viz main i{display:block;border:1px solid #ecece8;border-radius:8px;background:linear-gradient(160deg,#fff,#f3eee4)}

.vm-library-tabs{display:flex;justify-content:center;gap:4px;margin:0 auto 30px;background:#f1f1ee;padding:4px;border-radius:999px;width:max-content}.vm-library-tabs a{padding:10px 15px;border-radius:999px;font-size:12px;font-weight:700;color:#6e6f6a}.vm-library-tabs a:first-child{background:#fff;color:#111;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.vm-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vm-cap-card{border:1px solid var(--vm-line);border-radius:24px;min-height:310px;padding:24px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.vm-cap-card:hover{transform:translateY(-4px);box-shadow:var(--vm-shadow)}.vm-cap-card .icon{width:44px;height:44px;border-radius:12px;background:var(--vm-gold-soft);color:var(--vm-gold);display:grid;place-items:center}.vm-cap-card .icon i{width:20px}.vm-cap-card h3{font-size:25px;letter-spacing:-.045em;margin:18px 0 8px}.vm-cap-card p{font-size:13px;line-height:1.55;color:var(--vm-muted);margin:0}.vm-cap-card .link{font-size:12px;font-weight:750;color:#111;display:flex;align-items:center;gap:6px}.vm-cap-card .link i{width:15px}

.vm-ai-shell{border-radius:36px;background:#f3f3f0;border:1px solid var(--vm-line);padding:38px;display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.vm-ai-shell h2{font-size:clamp(44px,5vw,70px);letter-spacing:-.06em;line-height:.97;margin:0}.vm-ai-shell p{font-size:16px;line-height:1.6;color:var(--vm-muted)}.vm-chat{background:#fff;border:1px solid #e5e5e0;border-radius:25px;padding:14px;box-shadow:var(--vm-shadow)}.vm-chat-top{display:flex;align-items:center;gap:8px;padding:6px 7px 13px;border-bottom:1px solid #eee}.vm-chat-top .mark{width:28px;height:28px;border-radius:8px;background:var(--vm-gold);display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800}.vm-bubble{margin-top:14px;padding:14px 16px;border-radius:17px;background:#f4f4f1;font-size:12px;line-height:1.5;max-width:83%}.vm-bubble.answer{margin-left:auto;background:var(--vm-gold-soft)}.vm-answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.vm-answer-grid span{height:83px;border:1px solid #ecece8;border-radius:14px;background:linear-gradient(145deg,#fff,#f6f6f3)}

.vm-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vm-story{border:1px solid var(--vm-line);border-radius:25px;overflow:hidden;background:#fff;transition:.25s}.vm-story:hover{transform:translateY(-4px);box-shadow:var(--vm-shadow)}.vm-story-art{height:280px;background:#f2f2ef;padding:18px;display:flex;align-items:flex-end}.vm-story-card{width:100%;background:#fff;border-radius:18px;border:1px solid #e2e2dd;padding:18px}.vm-story-card .brandline{display:flex;align-items:center;gap:10px}.vm-story-card img{width:34px;height:34px;object-fit:contain}.vm-story-card b{font-size:13px}.vm-story-card .big{font-size:28px;letter-spacing:-.055em;margin-top:28px;display:block;font-weight:760}.vm-story-body{padding:19px}.vm-story-body small{font-size:11px;color:#8b8c87}.vm-story-body h3{font-size:20px;letter-spacing:-.035em;margin:7px 0 0}

.vm-final{padding:130px 0;text-align:center}.vm-final h2{font-size:clamp(60px,8vw,108px);line-height:.9;letter-spacing:-.075em;max-width:1000px;margin:0 auto;text-wrap:balance}.vm-final p{font-size:17px;color:var(--vm-muted);max-width:650px;margin:24px auto 0}.vm-final .vm-hero-actions{margin-top:28px}

/* Public inner pages: flatten old 3D agency styling into same design language */
.page-hero{padding:105px 0 66px!important;background:#fff!important;border:0!important;text-align:center}.page-hero .container{max-width:930px}.page-hero .eyebrow{display:inline-flex;padding:8px 12px;border:1px solid var(--vm-line);border-radius:999px;background:var(--vm-soft);font-size:11px;color:#61625d}.page-hero h1{font-size:clamp(52px,6.5vw,88px)!important;line-height:.95!important;letter-spacing:-.068em!important;max-width:900px;margin:18px auto 0!important;text-wrap:balance}.page-hero p{max-width:720px;margin:22px auto 0!important;font-size:17px!important;color:var(--vm-muted)!important;line-height:1.55}.page-hero .hero-actions{justify-content:center}
.section,.section-sm{background:#fff}.cream{background:var(--vm-soft-2)!important}.ink-section{background:var(--vm-soft-2)!important;color:var(--vm-ink)!important}.ink-section h2,.ink-section h3,.section-head-visual.light h2{color:var(--vm-ink)!important}.text-link.light{color:var(--vm-gold)!important}.ink-section p,.ink-section [style*="#bdb5a8"]{color:var(--vm-muted)!important}
.card,.price-card,.client-tile,.visual-service-card,.demo-preview,.device,.software-scene,.software-browser,.cta{border:1px solid var(--vm-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:none!important;transform:none!important}.card:hover,.price-card:hover,.client-tile:hover,.visual-service-card:hover,.demo-preview:hover{box-shadow:var(--vm-shadow)!important;transform:translateY(-3px)!important}.icon-cube,.mini-3d-icon,.quote-choice-icon,.software-scene-core{background:var(--vm-gold-soft)!important;color:var(--vm-gold)!important;box-shadow:none!important;transform:none!important;border-radius:14px!important}.demo-preview strong,.demo-preview>span{color:inherit!important}.hero,.software-hero{background:#fff!important}.hero-scene,.avatar-scene{background:var(--vm-soft)!important;border:1px solid var(--vm-line)!important}.client-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.client-tile{padding:16px!important;min-height:0!important}.client-tile .logo-area{height:170px!important;border-radius:18px!important;background:#f4f4f1!important;border:0!important}.client-tile h3{font-size:18px!important}.client-tile small{font-size:10px!important;color:#888!important}.visual-service-grid{gap:14px!important}.visual-service-card{grid-template-columns:56px 1fr!important;padding:22px!important;min-height:180px!important}.visual-service-card h3{font-size:23px!important}.pricing-grid{gap:14px!important}.price-card{padding:24px!important}.price-card.featured{background:#fbf6ec!important;border-color:#ead7b1!important}.price-card .amount{font-size:38px!important}

/* Footer, Mobbin-style simple columns */
.site-footer{background:#f4f4f1!important;color:#111!important;border-top:1px solid var(--vm-line);padding:76px 0 28px!important}.footer-top{grid-template-columns:1.4fr repeat(3,1fr)!important;gap:50px!important}.footer-brand img{height:62px!important;max-height:62px!important}.footer-brand p,.site-footer span,.footer-links a{color:#6f706a!important;font-size:12px}.site-footer h4{color:#111!important;font-size:12px!important}.footer-links{gap:10px!important}.footer-cta{margin-top:64px!important;padding:46px 0!important;border-top:1px solid #deded8!important;border-bottom:1px solid #deded8!important}.footer-cta h3{font-size:clamp(34px,4vw,58px)!important;letter-spacing:-.055em!important;color:#111!important;max-width:720px}.copyright{color:#8a8b86!important;border:0!important;padding-top:28px!important}

@media(max-width:1100px){.nav-links a{padding:10px 8px;font-size:12px}.vm-cap-grid{grid-template-columns:repeat(2,1fr)}.vm-result-grid{grid-template-columns:1fr 1fr}.vm-story-grid{grid-template-columns:1fr 1fr}.vm-ai-shell{grid-template-columns:1fr}.client-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:820px){.site-header{padding-top:10px}.site-header .nav{height:54px;width:calc(100% - 20px);padding-left:10px}.nav-links{display:none}.brand img{height:32px!important;max-height:32px!important}.nav-actions .open-quote{display:none}.vm-hero{padding:78px 0 48px}.vm-hero h1{font-size:clamp(48px,13vw,78px)}.vm-hero-sub{font-size:16px}.vm-logo-row{gap:22px}.vm-screen-card{width:260px;flex-basis:260px}.vm-screen{height:365px}.vm-section{padding:80px 0}.vm-search-top{display:block}.vm-filter{width:max-content;margin-top:8px}.vm-result-grid,.vm-story-grid{grid-template-columns:1fr}.vm-cap-grid{grid-template-columns:1fr 1fr}.vm-ai-shell{padding:24px}.footer-top{grid-template-columns:1fr 1fr!important}.client-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.vm-inline-thumb{display:none}.vm-hero h1{font-size:47px;line-height:.94}.vm-kicker{font-size:10px}.vm-hero-sub{font-size:15px}.vm-logo-row{gap:16px}.vm-logo-row .vm-logo{max-width:92px}.vm-logo img{max-width:88px}.vm-screen-card{width:236px;flex-basis:236px}.vm-screen{height:332px;border-radius:24px}.vm-section-head h2,.vm-ai-shell h2{font-size:42px}.vm-section-head p{font-size:15px}.vm-result-grid{grid-template-columns:1fr}.vm-cap-grid{grid-template-columns:1fr}.vm-story-art{height:230px}.vm-final{padding:88px 0}.vm-final h2{font-size:52px}.page-hero{padding:75px 0 45px!important}.page-hero h1{font-size:46px!important}.client-grid{grid-template-columns:1fr!important}.footer-top{grid-template-columns:1fr!important}.footer-cta{display:block!important}.footer-cta .btn{margin-top:20px}.copyright{display:block!important}.copyright span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.vm-screen-track{animation:none}}
.gold,.text-gold{color:var(--vm-gold)!important}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.page-hero .hero-actions{justify-content:center}.service-number{color:var(--vm-gold)!important}.case-meta span{background:var(--vm-soft)!important;border:1px solid var(--vm-line)!important;color:#555!important}.case-study-hero-logo{background:var(--vm-soft)!important;border:1px solid var(--vm-line)!important;border-radius:22px!important}.case-sidebar .card{position:sticky;top:100px}.case-body h2{letter-spacing:-.04em}.case-body li{border-bottom:1px solid var(--vm-line);padding:13px 0}.software-side-mock{background:#f3f3f0!important;color:#111!important}.software-side-mock span:first-child{background:var(--vm-gold-soft)!important;color:var(--vm-gold)!important}