{{define "content"}}
<section class="hero"><div class="hero-grid"></div><div class="container hero-layout"><div class="hero-copy reveal"><div class="eyebrow"><span class="eyebrow-line"></span>{{.Eyebrow}}</div><h1>We turn big ideas into <span class="text-accent">useful digital reality.</span></h1><p class="hero-intro">{{.Intro}}</p><div class="hero-actions"><a class="button button-orange" href="/contact">Build with BINSOLS <span>↗</span></a><a class="text-link" href="/work">Explore our work <span>→</span></a></div><div class="hero-note"><span class="pulse-dot"></span> STRATEGY · DESIGN · ENGINEERING</div></div>
<div class="hero-visual reveal" aria-label="Abstract digital product interface illustration"><div class="visual-orbit orbit-one"></div><div class="visual-orbit orbit-two"></div><div class="visual-core"><span class="core-symbol">B<span>.</span></span><span class="core-caption">IDEAS IN MOTION</span></div><div class="float-card float-card-top"><span class="mini-label">PRODUCT STATUS</span><strong><i class="status-dot"></i> Moving forward</strong><div class="progress"><span></span></div></div><div class="float-card float-card-bottom"><span class="mini-icon">↗</span><div><span class="mini-label">BUILT FOR IMPACT</span><strong>Made to work harder.</strong></div></div><span class="visual-cross cross-a">+</span><span class="visual-cross cross-b">+</span></div></div>
<div class="container hero-bottom"><span>INDEPENDENT THINKING. CONNECTED DELIVERY.</span><span>SCROLL TO EXPLORE ↓</span></div></section>
<section class="trust-strip"><div class="container trust-inner"><span class="trust-label">TECHNOLOGY THAT WORKS FOR YOU</span><div class="trust-tags"><span>WEB PLATFORMS</span><span>MOBILE PRODUCTS</span><span>SMART AUTOMATION</span><span>DIGITAL SYSTEMS</span></div></div></section>
<section class="section section-light"><div class="container"><div class="section-heading reveal"><div><span class="eyebrow">01 / WHAT WE DO</span><h2>Complex challenges.<br><span class="muted">Clear digital solutions.</span></h2></div><p>We bring the right people, process, and technology together to move your business from where it is to where it could be.</p></div><div class="service-grid">{{range .Services}}<article class="service-card reveal"><div class="card-top"><span class="card-number">{{.Number}} / 04</span><span class="service-icon">{{.Icon}}</span></div><h3>{{.Title}}</h3><p>{{.Description}}</p><div class="tag-row">{{range .Tags}}<span>{{.}}</span>{{end}}</div><a class="card-arrow" href="/services" aria-label="Explore {{.Title}}">↗</a></article>{{end}}</div><div class="section-end"><a class="text-link dark-link" href="/services">Explore all services <span>→</span></a></div></div></section>
<section class="section section-dark"><div class="container"><div class="section-heading section-heading-dark reveal"><div><span class="eyebrow">02 / SELECTED CAPABILITIES</span><h2>Make the next move<br><span class="muted-dark">your best one yet.</span></h2></div><p>Good work is more than a launch. It is a useful product, a confident team, and a foundation you can keep building on.</p></div><div class="project-grid">{{range .Projects}}<article class="project-card reveal"><a class="project-art {{.Class}}" href="/work" aria-label="View {{.Title}} concept"><div class="art-window"><div class="art-window-bar"><span></span><span></span><span></span><b>{{.Category}}</b></div><div class="art-content"><div class="art-lines"><i></i><i></i><i></i></div><div class="art-chart"><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div><div class="art-side"></div></div></div><span class="art-index">B / {{.Number}}</span></a><div class="project-info"><div><span class="eyebrow">{{.Category}}</span><h3>{{.Title}}</h3><p>{{.Description}}</p></div><span class="project-metric">{{.Metric}}<small>concept metric</small></span></div><div class="tag-row tag-row-dark">{{range .Tags}}<span>{{.}}</span>{{end}}</div></article>{{end}}</div><p class="disclaimer">Illustrative concepts shown to demonstrate capabilities—not client case studies or verified performance claims.</p><div class="section-end"><a class="text-link light-link" href="/work">See our capabilities <span>→</span></a></div></div></section>
<section class="section section-light approach-section"><div class="container approach-layout"><div class="approach-intro reveal"><span class="eyebrow">03 / HOW WE WORK</span><h2>Less guesswork.<br><span class="muted">More momentum.</span></h2><p>Good delivery comes from shared understanding, small feedback loops, and a focus on outcomes—not unnecessary complexity.</p><a class="text-link dark-link" href="/about">Get to know us <span>→</span></a></div><div class="steps-list"><article class="step reveal"><span>01</span><div><h3>Understand the why</h3><p>We align on your goals, users, constraints, and what success should look like.</p></div><b>↗</b></article><article class="step reveal"><span>02</span><div><h3>Shape the right solution</h3><p>We map the experience and technical approach before investing in the build.</p></div><b>↗</b></article><article class="step reveal"><span>03</span><div><h3>Build, test, improve</h3><p>Frequent feedback keeps the work useful, understandable, and on track.</p></div><b>↗</b></article><article class="step reveal"><span>04</span><div><h3>Launch with confidence</h3><p>We help you release, learn from real use, and plan what comes next.</p></div><b>↗</b></article></div></div></section>
<section class="cta-band"><div class="container cta-band-inner reveal"><div><span class="eyebrow">YOUR NEXT CHAPTER STARTS HERE</span><h2>Have a problem worth solving?</h2><p>Let's turn it into a clear plan—and then make it real.</p></div><a class="button button-orange" href="/contact">Tell us about it <span>↗</span></a><div class="cta-decoration">B<span>.</span></div></div></section>
{{end}}