PageSourceSearch

https://vizhaus.com/

html vizhaus.com collected 2026-10-06 13:16:36 UTC 133,768 bytes, 11 lines download raw bytes

1<!DOCTYPE html><html data-dpl-id="dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" lang="en" class="manrope_24b337c1-module__-cE_Pq__variable playfair_display_554245ef-module__RX5pCq__variable geist_mono_47ec94a9-module__dxZAtG__variable h-full antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/2a65768255d6b625-s.p.3u4lli0-axodc.woff2?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.0r6juujl39pe6.woff2?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=384&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 384w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=640&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 640w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=750&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 750w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=828&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 828w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=1080&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 1080w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 1200w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 1920w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=2048&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 2048w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 3840w" imageSizes="(min-width: 1024px) 60vw, 100vw"/><link rel="preload" as="image" href="/marketing/compare-kitchen-before.jpg"/><link rel="preload" as="image" href="/marketing/compare-kitchen-after.jpg"/><link rel="stylesheet" href="/_next/static/chunks/13fgybqwkn1hf.css?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/1vpmrvaphgnwh.css?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0ut-u7--7ygu2.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ"/>
1<script src="/_next/static/chunks/21lgjopipevwy.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" async=""></script>
1<script src="/_next/static/chunks/1vpe9hsz1b3ir.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" async=""></script>
1<script src="/_next/static/chunks/20ia1wzu6ntod.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" async=""></script>
1<script src="/_next/static/chunks/turbopack-3oqyvkctolx32.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" async=""></script>
1<script src="/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" async=""></script>
1<script src="/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" async=""></script>
1<script src="/_next/static/chunks/0hpj0nbql-3m7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" async=""></script>
1<script src="/_next/static/chunks/23byg1izsfrtq.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" async=""></script>
1<script src="/_next/static/chunks/0eoc4kvejg_qy.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" async=""></script>
1<script src="/_next/static/chunks/2felj4qqt9abr.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" async=""></script>
1<script src="/_next/static/chunks/0al2rvusxzrv_.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" async=""></script>
1<script src="/_next/static/chunks/0o93a7lpv752f.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Vizhaus — Any space. Measured. Priced. Signed.</title><meta name="description" content="Drop one photo and watch it become a measured plan, an autonomous design, a live-priced bill, and a signable contract. Geometry-locked renders, per-axis confidence on every figure, price bands from real completed Patten projects."/><meta name="application-name" content="Vizhaus"/><meta property="og:title" content="Vizhaus — Photo to measured plan to signed proposal"/><meta property="og:description" content="One photo becomes a measured plan, honest renders, and a signable proposal. Confidence and provenance shown, never hidden."/><meta property="og:site_name" content="Vizhaus"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Vizhaus — Photo to measured plan to signed proposal"/><meta name="twitter:description" content="One photo becomes a measured plan, honest renders, and a signable proposal. Confidence and provenance shown, never hidden."/><link rel="icon" href="/favicon.ico?favicon.3l-2gfb2xrofy.ico?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" sizes="48x48" type="image/x-icon"/>
1<script src="/_next/static/chunks/0cz1d0mv5g_q7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" noModule=""></script>
1</head><body class="bg-background text-foreground min-h-full flex flex-col font-sans"><div hidden=""><!--$--><!--/$--></div><div data-surface="marketing" class="relative min-h-dvh w-full bg-background text-foreground antialiased selection:bg-gold/30 selection:text-cream"><main class="relative isolate min-h-dvh overflow-clip bg-[#060609] text-[#ededef] [--ion:#7ff0d2]"><div aria-hidden="true" class="pointer-events-none fixed inset-0 -z-10 overflow-hidden"><div class="absolute -left-[15%] top-[-12%] size-[60vw] rounded-full bg-[radial-gradient(circle,#37e0c4_0%,transparent_62%)] opacity-[0.13] blur-[90px]"></div><div class="absolute right-[-18%] top-[8%] size-[55vw] rounded-full bg-[radial-gradient(circle,#6c5cef_0%,transparent_62%)] opacity-[0.12] blur-[90px]"></div><div class="absolute bottom-[-20%] left-[30%] size-[50vw] rounded-full bg-[radial-gradient(circle,#34d399_0%,transparent_62%)] opacity-[0.09] blur-[100px]"></div></div><div aria-hidden="true" class="pointer-events-none fixed inset-0 -z-10 opacity-[0.05] mix-blend-overlay" style="background-image:url(&quot;data:image/svg+xml,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; width=&#x27;160&#x27; height=&#x27;160&#x27;%3E%3Cfilter id=&#x27;n&#x27;%3E%3CfeTurbulence type=&#x27;fractalNoise&#x27; baseFrequency=&#x27;0.8&#x27; numOctaves=&#x27;2&#x27;/%3E%3C/filter%3E%3Crect width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; filter=&#x27;url(%23n)&#x27;/%3E%3C/svg%3E&quot;)"></div><header class="fixed inset-x-0 top-0 z-50"><div class="mx-auto flex w-full max-w-6xl items-center justify-between px-6 py-4"><a class="rounded-sm font-serif text-sm font-medium tracking-[0.5em] text-white/90 transition-colors hover:text-white focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70" href="/">VIZHAUS</a><nav class="flex items-center gap-1"><a class="hidden rounded-full px-3.5 py-2 text-[0.72rem] font-medium uppercase tracking-[0.2em] transition-colors sm:inline-block focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70 text-white/55 hover:text-white" href="/vision">Vision</a><a class="hidden rounded-full px-3.5 py-2 text-[0.72rem] font-medium uppercase tracking-[0.2em] transition-colors sm:inline-block focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70 text-white/55 hover:text-white" href="/studio">Studio</a><a class="hidden rounded-full px-3.5 py-2 text-[0.72rem] font-medium uppercase tracking-[0.2em] transition-colors sm:inline-block focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70 text-white/55 hover:text-white" href="/#pricing">Pricing</a><a class="relative overflow-hidden bg-transparent p-[1px] text-xl ml-2 h-10 w-auto focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70" style="border-radius:9999px" href="/studio"><div class="absolute inset-0" style="border-radius:calc(9999px * 0.96)"><svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="absolute h-full w-full" width="100%" height="100%"><rect fill="none" width="100%" height="100%" rx="30%" ry="30%"></rect></svg><div style="position:absolute;top:0;left:0;display:inline-block;transform:translateX(undefinedpx) translateY(undefinedpx) translateX(-50%) translateY(-50%)"><div class="h-20 w-20 bg-[radial-gradient(#7ff0d2_40%,transparent_60%)] opacity-70"></div></div></div><div class="relative flex h-full w-full items-center justify-center border antialiased backdrop-blur-xl border-white/10 bg-[#060609]/85 px-5 text-[0.72rem] font-medium uppercase tracking-[0.2em] text-white/90" style="border-radius:calc(9999px * 0.96)"><span class="inline-flex items-center gap-1.5">Enter Studio <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></nav></div></header><section class="relative w-full overflow-hidden pb-20 pt-28 sm:pt-32"><style>
2@keyframes lp-hero-rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
3@keyframes lp-hero-fade { from { opacity: 0; } to { opacity: 1; } }
4@keyframes lp-hero-key { 0%, 100% { opacity: 0.4; transform: translateX(-3%) rotate(12deg); } 50% { opacity: 0.85; transform: translateX(3%) rotate(12deg); } }
5.lp-hero-rise { animation: lp-hero-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; }
6.lp-hero-fade { animation: lp-hero-fade 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; }
7.lp-hero-key { animation: lp-hero-key 26s ease-in-out infinite; }
8@media (prefers-reduced-motion: reduce) {
9  .lp-hero-rise, .lp-hero-fade, .lp-hero-key { animation: none; }
10}
11</style><div aria-hidden="true" class="pointer-events-none absolute inset-0" style="background-image:url(&quot;data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20width%3D&#x27;280&#x27;%20height%3D&#x27;280&#x27;%3E%3Cpath%20d%3D&#x27;M0%200.5%20H6%20M274%200.5%20H280%20M0.5%200%20V6%20M0.5%20274%20V280&#x27;%20stroke%3D&#x27;rgba(127%2C240%2C210%2C0.14)&#x27;%20stroke-width%3D&#x27;1&#x27;%20fill%3D&#x27;none&#x27;%2F%3E%3C%2Fsvg%3E&quot;), linear-gradient(to right, var(--line-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--line-grid) 1px, transparent 1px);background-size:280px 280px, 56px 56px, 56px 56px;-webkit-mask-image:radial-gradient(120% 90% at 50% 0%, black 35%, transparent 86%);mask-image:radial-gradient(120% 90% at 50% 0%, black 35%, transparent 86%)"></div><div aria-hidden="true" class="lp-hero-key pointer-events-none absolute -top-[20%] left-[38%] h-[130%] w-[44%] bg-[linear-gradient(180deg,rgba(247,241,232,0.05),rgba(127,240,210,0.035)_45%,transparent_78%)] blur-3xl"></div><div class="relative z-10 mx-auto grid w-full max-w-6xl items-center gap-x-12 gap-y-14 px-6 lg:grid-cols-[1.04fr_0.96fr]"><div class="text-center lg:text-left"><p class="lp-hero-fade figure-mono mb-6 text-[0.66rem] uppercase tracking-[0.42em] text-[var(--ion)]/85">Concept → contract, for any space</p><h1 class="lp-hero-rise text-balance font-serif text-[11.5vw] font-light leading-[0.96] tracking-[-0.02em] text-white [animation-delay:0.05s] sm:text-6xl lg:text-[4.6rem]">Any space.<br/><span class="text-white/45">
11Measured. Priced. Signed.</span></h1><p class="lp-hero-fade mx-auto mt-7 max-w-lg text-balance text-base font-light text-white/55 [animation-delay:0.12s] sm:text-lg lg:mx-0">Drop one photo. Watch it become a measured plan, an autonomous design, a live-priced bill, and a signable contract — in minutes, not weeks.</p><div class="lp-hero-fade mt-9 flex flex-wrap items-center justify-center gap-3 [animation-delay:0.2s] lg:justify-start"><a class="group inline-flex items-center gap-2 rounded-full bg-white px-7 py-3.5 text-sm font-semibold text-black transition-transform hover:scale-[1.04] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70" href="/studio">Enter Studio <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="inline-flex items-center gap-2 rounded-full border border-white/15 bg-white/[0.03] px-6 py-3.5 text-sm font-medium text-white/80 backdrop-blur-md transition-colors hover:border-white/30 hover:text-white focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70" href="/vision"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye size-4" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg> Try Vision</a></div></div><div class="lp-hero-rise [animation-delay:0.15s]"><div><div class="relative mx-auto w-full max-w-xl"><div aria-hidden="true" class="absolute -inset-x-10 -bottom-12 top-1/2 -z-10 rounded-[50%] bg-[radial-gradient(ellipse_at_center,rgba(127,240,210,0.09),transparent_65%)] blur-2xl"></div><div aria-hidden="true" class="pointer-events-none absolute -inset-3.5"><span class="absolute border-[var(--ion)]/45 left-0 top-0 border-l border-t" style="width:0.9rem;height:0.9rem"></span><span class="absolute border-[var(--ion)]/45 right-0 top-0 border-r border-t" style="width:0.9rem;height:0.9rem"></span><span class="absolute border-[var(--ion)]/45 bottom-0 left-0 border-b border-l" style="width:0.9rem;height:0.9rem"></span><span class="absolute border-[var(--ion)]/45 bottom-0 right-0 border-b border-r" style="width:0.9rem;height:0.9rem"></span></div><div class="relative rounded-[1.6rem] border border-white/[0.14] bg-[#0b0b10] p-[7px] shadow-[0_70px_150px_-55px_rgba(0,0,0,0.95)] ring-1 ring-black/60"><span aria-hidden="true" class="absolute left-1/2 top-[3px] h-[3px] w-5 -translate-x-1/2 rounded-full bg-white/[0.08]"><span class="absolute left-1/2 top-1/2 size-[3px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-[var(--ion)] shadow-[0_0_7px_var(--ion)]"></span></span><span aria-hidden="true" class="absolute -right-px top-[22%] h-9 w-px rounded-full bg-white/25"></span><div class="relative overflow-hidden rounded-[1.15rem] bg-black"><video src="/reels/hero/hero-morph.mp4" poster="/reels/posters/hero-morph.jpg" muted="" loop="" playsInline="" autoPlay="" preload="auto" class="aspect-[1280/850] w-full object-cover"></video><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-[linear-gradient(115deg,rgba(255,255,255,0.06),transparent_30%)]"></div><div class="pointer-events-none absolute inset-x-0 bottom-0 flex items-center justify-between bg-gradient-to-t from-black/70 to-transparent px-4 pb-2.5 pt-8"><span class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/70">Vizhaus</span><span class="figure-mono text-[0.56rem] uppercase tracking-[0.2em] text-[var(--ion)]/85">photo</span></div></div></div><p class="mt-3 text-center text-[0.62rem] leading-relaxed text-white/30">Concept transformation of a real photograph — geometry held, look changed.</p><div class="mt-6"><div class="flex w-full items-start" role="img" aria-label="Process: photo → render → cad → estimate"><span class="flex flex-col items-center gap-1.5"><span aria-hidden="true" class="block rounded-full transition-all duration-500 spine-pulse" style="width:4px;height:12px;background-color:transparent;border:1px solid var(--cine-ion);--spine-pulse-color:var(--cine-ion)"></span><span class="figure-mono text-[0.56rem] uppercase tracking-[0.2em] transition-colors duration-500" style="color:var(--cine-ion)">PHOTO</span></span><span aria-hidden="true" class="mx-1.5 mt-[6px] h-px flex-1 transition-colors duration-500" style="background-color:var(--line-hair);opacity:1"></span><span class="flex flex-col items-center gap-1.5"><span aria-hidden="true" class="block rounded-full transition-all duration-500 " style="width:2px;height:12px;background-color:var(--line-hair)"></span><span class="figure-mono text-[0.56rem] uppercase tracking-[0.2em] transition-colors duration-500" style="color:hsl(0 0% 100% / 0.25)">RENDER</span></span><span aria-hidden="true" class="mx-1.5 mt-[6px] h-px flex-1 transition-colors duration-500" style="background-color:var(--line-hair);opacity:1"></span><span class="flex flex-col items-center gap-1.5"><span aria-hidden="true" class="block rounded-full transition-all duration-500 " style="width:2px;height:12px;background-color:var(--line-hair)"></span><span class="figure-mono text-[0.56rem] uppercase tracking-[0.2em] transition-colors duration-500" style="color:hsl(0 0% 100% / 0.25)">CAD</span></span><span aria-hidden="true" class="mx-1.5 mt-[6px] h-px flex-1 transition-colors duration-500" style="background-color:var(--line-hair);opacity:1"></span><span class="flex flex-col items-center gap-1.5"><span aria-hidden="true" class="block rounded-full transition-all duration-500 " style="width:2px;height:12px;background-color:var(--line-hair)"></span><span class="figure-mono text-[0.56rem] uppercase tracking-[0.2em] transition-colors duration-500" style="color:hsl(0 0% 100% / 0.25)">ESTIMATE</span></span></div><p class="lp-hero-fade mt-4 min-h-[2.4em] text-center text-[0.8rem] leading-relaxed text-white/55" aria-l
11ive="polite">One photo of any space. That&#x27;s the whole input.</p></div></div></div></div></div></section><section id="sees" class="relative z-10 mx-auto w-full max-w-6xl scroll-mt-20 px-6 py-20"><div class="relative mx-auto flex w-full max-w-3xl flex-col px-6 items-center text-center mb-12"><div class="flex flex-col items-center" style="opacity:0;transform:translateY(22px)"><p class="figure-mono mb-3 text-[0.66rem] uppercase tracking-[0.32em] text-ion/75">ACT 01 · SEES</p><h2 class="text-balance font-serif text-3xl font-light leading-[1.05] text-white sm:text-5xl">It knows what it&#x27;s looking at.</h2></div><div class="relative mt-6 h-4 w-full" aria-hidden="true"><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 left-0" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg><svg class="absolute inset-x-[4px] top-0 h-4 w-[calc(100%-8px)]" preserveAspectRatio="none"><line x1="0" y1="8" x2="100%" y2="8" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1" style="stroke:var(--line-hair);stroke-width:1"></line></svg><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 right-0 -scale-x-100" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg></div><p class="mt-4 max-w-xl text-balance text-sm leading-relaxed text-white/40" style="opacity:0">Recognition runs before anything else — and where confidence is missing, the system says so instead of guessing.</p></div><div class="grid gap-4 sm:grid-cols-3"><div class="group relative overflow-hidden rounded-2xl border border-white/[0.07] bg-white/[0.015] p-6 transition-colors hover:border-white/20" style="opacity:0;transform:translateY(28px)"><div class="absolute inset-x-0 -top-px h-px bg-gradient-to-r from-transparent via-[var(--ion)]/40 to-transparent opacity-0 transition-opacity group-hover:opacity-100"></div><div class="mb-5 grid size-10 place-items-center rounded-xl border border-white/12 bg-white/[0.04] text-[var(--ion)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye size-5" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></div><h3 class="font-serif text-xl font-light text-white">Recognizes the space</h3><p class="mt-2 text-[0.82rem] leading-relaxed text-white/45">Kitchen, bath, living, exterior, backyard — the photo is classified first, and everything downstream runs on the right vocabulary for that space.</p></div><div class="group relative overflow-hidden rounded-2xl border border-white/[0.07] bg-white/[0.015] p-6 transition-colors hover:border-white/20" style="opacity:0;transform:translateY(28px)"><div class="absolute inset-x-0 -top-px h-px bg-gradient-to-r from-transparent via-[var(--ion)]/40 to-transparent opacity-0 transition-opacity group-hover:opacity-100"></div><div class="mb-5 grid size-10 place-items-center rounded-xl border border-white/12 bg-white/[0.04] text-[var(--ion)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scan-line size-5" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2"></path><path d="M7 12h10"></path></svg></div><h3 class="font-serif text-xl font-light text-white">The confident gate</h3><p class="mt-2 text-[0.82rem] leading-relaxed text-white/45">It only proceeds where it&#x27;s confident. An exterior photo can never mint an interior bill; an unclassified space stays render-only — no bill, no invented plan.</p></div><div class="group relative overflow-hidden rounded-2xl border border-white/[0.07] bg-white/[0.015] p-6 transition-colors hover:border-white/20" style="opacity:0;transform:translateY(28px)"><div class="absolute inset-x-0 -top-px h-px bg-gradient-to-r from-transparent via-[var(--ion)]/40 to-transparent opacity-0 transition-opacity group-hover:opacity-100"></div><div class="mb-5 grid size-10 place-items-center rounded-xl border border-white/12 bg-white/[0.04] text-[var(--ion)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock size-5" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div><h3 class="font-serif text-xl font-light text-white">Honest when blind</h3><p class="mt-2 text-[0.82rem] leading-relaxed text-white/45">If the measurement engine can&#x27;t be reached, you get an explicit failed state — never fabricated dimensions dressed up as a plan.</p></div></div></section><section id="measures" class="relative z-10 mx-auto w-full max-w-6xl scroll-mt-20 px-6 py-20"><div class="relative mx-auto flex w-full max-w-3xl flex-col px-6 items-center text-center mb-12"><div class="flex flex-col items-center" style="opacity:0;transform:translateY(22px)"><p class="figure-mono mb-3 text-[0.66rem] uppercase tracking-[0.32em] text-ion/75">ACT 02 · MEASURES</p><h2 class="text-balance font-serif text-3xl font-light leading-[1.05] text-white sm:text-5xl">A dimensioned plan, from one photograph.</h2></div><div class="relative mt-6 h-4 w-full" aria-hidden="true"><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 left-0" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg><svg class="absolute inset-x-[4px] top-0 h-4 w-[calc(100%-8px)]" preserveAspectRatio="none"><line x1="0" y1="8" x2="100%" y2="8" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1" style="stroke:var(--line-hair);stroke-width:1"></line></svg><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 right-0 -scale-x-100" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg></div><p class="mt-4 max-w-xl text-balance text-sm leading-relaxed text-white/40" style="opacity:0">Walls, openings, fixtures and dimensions — drawn from the image with per-axis confidence beside every figure, exportable as DXF, SVG, PNG, PDF and CSV.</p></div><div class="mx-auto max-w-5xl" style="opacity:0;transform:translateY(28px)"><div><div class="glass-cine relative overflow-hidden rounded-[1.8rem]"><div class="absolute inset-x-0 -top-px z-30 h-px bg-gradient-to-r from-transparent via-[#7ff0d2]/50 to-transparent"></div><div class="relative aspect-[16/9] w-full overflow-hidden"><div class="absolute inset-0" style="opacity:0.88;filter:saturate(1)"><img alt="A real Patten Custom Homes kitchen — the photograph the measured plan below was drawn from." decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(min-width: 1024px) 60vw, 100vw" srcSet="/_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=384&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 384w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=640&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 640w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=750&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 750w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=828&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 828w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=1080&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 1080w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 1200w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 1920w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=2048&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 2048w, /_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 3840w" src="/_next/image?url=%2Fmarketing%2Fcompare-kitchen-before.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ"/></div><div class="pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_at_center,transparent_30%,#060609_115%)]"></div><div class="absolute inset-0" style="opacity:0"><div aria-hidden="true" class="pointer-events-none absolute inset-0" style="background-image:url(&quot;data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20width%3D&#x27;140&#x27;%20height%3D&#x27;140&#x27;%3E%3Cpath%20d%3D&#x27;M0%200.5%20H4%20M136%200.5%20H140%20M0.5%200%20V4%20M0.5%20136%20V140&#x27;%20stroke%3D&#x27;rgba(127%2C240%2C210%2C0.14)&#x27;%20stroke-width%3D&#x27;1&#x27;%20fill%3D&#x27;none&#x27;%2F%3E%3C%2Fsvg%3E&quot;), linear-gradient(to right, var(--line-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--line-grid) 1px, transparent 1px);background-size:140px 140px, 28px 28px, 28px 28px;-webkit-mask-image:radial-gradient(120% 90% at 50% 0%, black 35%, transparent 86%);mask-image:radial-gradient(120% 90% at 50% 0%, black 35%, transparent 86%)"></div></div></div><div class="px-5 pb-1 sm:px-7"><div class="flex flex-wrap items-stretch gap-y-1 border-t" style="border-color:var(--line-hair)"><div class="flex min-w-0 flex-col gap-1 py-2.5 pr-4"><span class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">Project</span><span class="truncate font-serif text-sm font-light text-cine-ivory">A real Patten kitchen</span></div><div class="border-l" style="border-color:var(--line-hair)"><div class="flex min-w-0 flex-col gap-1 px-4 py-2.5 first:pl-0"><span class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">Date</span><span class="figure-mono truncate text-xs text-white/75">2026-07-02</span></div></div><div class="border-l" style="border-color:var(--line-hair)"><div class="flex min-w-0 flex-col gap-1 px-4 py-2.5 first:pl-0"><span class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">Scale</span><span class="figure-mono truncate text-xs text-white/75">1/4&quot; = 1&#x27;-0&quot;</span></div></div><div class="border-l" style="border-color:var(--line-hair)"><div class="flex min-w-0 flex-col gap-1 px-4 py-2.5 first:pl-0"><span class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">Engine</span><span class="figure-mono truncate text-xs text-white/75">image2cad · Qwen2.5-VL</span></div></div><div class="border-l" style="border-color:var(--line-hair)"><div class="flex min-w-0 flex-col gap-1 px-4 py-2.5 first:pl-0"><span class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">Confidence</span><span class="figure-mono truncate text-xs text-white/75">W 0.90 · D 0.70</span></div></div></div></div></div><p class="mx-auto mt-4 max-w-2xl text-center text-[0.7rem] leading-relaxed text-white/35">Measured by our engine from this photograph — walls, island, window and range placed from the image, dimensions estimated with per-axis confidence (depth is the low-confidence axis, shown in gold). The band is this room&#x27;s live materials estimate from real Patten invoice lines. Concept documentation — field-verify before building.</p></div></div><div class="mx-auto mt-10 max-w-5xl" style="opacity:0;transform:translateY(28px)"><div class="relative"><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 left-0"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--cine-ion);opacity:0.55"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 right-0 -scale-x-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--cine-ion);opacity:0.55"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 left-0 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--cine-ion);opacity:0.55"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 right-0 -scale-x-100 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--cine-ion);opacity:0.55"></path></svg><div class="grid grid-cols-1 gap-6 rounded-2xl border border-white/[0.08] bg-white/[0.015] p-5 sm:grid-cols-[auto_1fr] sm:items-center sm:p-6"><div class="relative w-full max-w-[16rem] overflow-hidden rounded-lg bg-[#f2ece0] p-2 shadow-[0_20px_50px_-26px_rgba(0,0,0,0.85)] sm:w-64"><div class="relative aspect-[1486/1191] w-full"><img alt="Actual engine output: a dimensioned concept plan of a second-floor bathroom at 6215 Anita Street, Dallas." loading="lazy" decoding="async" data-nimg="fill" class="object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="256px" srcSet="/_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=32&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 32w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=48&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 48w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=64&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 64w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=96&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 96w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=128&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 128w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=256&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 256w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=384&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 384w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=640&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 640w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=750&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 750w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=828&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 828w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=1080&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 1080w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=1200&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 1200w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=1920&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 1920w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=2048&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 2048w, /_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=3840&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ 3840w" src="/_next/image?url=%2Fmarketing%2Fplan-measured.png&amp;w=3840&amp;q=75&amp;dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ"/></div></div><div><p class="figure-mono text-[0.6rem] font-semibold uppercase tracking-[0.24em] text-ion/85">Not a mockup</p><p class="mt-2 max-w-md text-sm leading-relaxed text-white/60">This is real engine output — Bath 3 at 6215 Anita St, Dallas, drawn from a single interior photo and reconciled against the architect’s CAD. Dimensions, fixtures, and the door swing are placed from the image; the anomaly (a mirror-reflected “window”) is flagged, not drawn.</p></div></div></div></div><div id="stamp-seam" data-seam="architect-stamp" class="mx-auto mt-8 max-w-5xl"><div class
11="flex flex-wrap items-center justify-center gap-x-3 gap-y-1.5 border-t border-white/[0.06] pt-5 text-center"><span class="figure-mono text-[0.58rem] uppercase tracking-[0.26em] text-white/45">Get it stamped</span><span aria-hidden="true" class="hidden h-3 w-px bg-white/10 sm:block"></span><span class="text-[0.68rem] leading-relaxed text-white/35">The tier we&#x27;re building: your plan pack reviewed, adopted, and sealed by a licensed professional in your state.<span class="text-white/25"> In development.</span></span></div></div></section><section id="designs" class="relative z-10 w-full scroll-mt-20 py-20"><div class="relative mx-auto flex w-full max-w-3xl flex-col px-6 items-center text-center mb-12"><div class="flex flex-col items-center" style="opacity:0;transform:translateY(22px)"><p class="figure-mono mb-3 text-[0.66rem] uppercase tracking-[0.32em] text-ion/75">ACT 03 · DESIGNS</p><h2 class="text-balance font-serif text-3xl font-light leading-[1.05] text-white sm:text-5xl">A designer brain, not a chat box.</h2></div><div class="relative mt-6 h-4 w-full" aria-hidden="true"><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 left-0" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg><svg class="absolute inset-x-[4px] top-0 h-4 w-[calc(100%-8px)]" preserveAspectRatio="none"><line x1="0" y1="8" x2="100%" y2="8" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1" style="stroke:var(--line-hair);stroke-width:1"></line></svg><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 right-0 -scale-x-100" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg></div><p class="mt-4 max-w-xl text-balance text-sm leading-relaxed text-white/40" style="opacity:0">It looks at the measured space and designs — compound, opinionated directions grounded in the materials we&#x27;ve actually installed, decomposed into one geometry-holding change per render.</p></div><div class="mx-auto w-full max-w-6xl px-6"><div class="grid items-stretch gap-5 lg:grid-cols-3"><div class="h-full" style="opacity:0;transform:translateY(28px)"><div class="relative h-full"><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 left-0"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 right-0 -scale-x-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 left-0 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 right-0 -scale-x-100 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><div class="group flex h-full flex-col rounded-2xl border border-white/[0.08] bg-white/[0.015] p-6 transition-colors hover:border-white/20 sm:p-7"><p class="figure-mono text-[0.6rem] uppercase tracking-[0.28em] text-ion/75">Restrained Refresh</p><h3 class="mt-1.5 font-serif text-2xl font-light text-white">Warm Transitional</h3><p class="mt-3 text-[0.82rem] leading-relaxed text-white/50">We hold the room&#x27;s bones and re-dress every surface: white shaker · honed marble · warm brass. Selections come from real Patten-built homes — priced as bands from real invoice lines, not a shopping feed.</p><ul class="mt-5 space-y-2"><li class="flex items-start gap-2.5"><span aria-hidden="true" class="mt-[0.52rem] block h-px w-4 shrink-0" style="background-color:var(--line-hair)"></span><span class="min-w-0 text-[0.8rem] leading-relaxed text-white/70">Refresh the cabinetry<span class="ml-2 inline-flex translate-y-[-1px] items-center gap-1"><span class="badge-basis badge-assumed">Assumed</span></span></span></li><li class="flex items-start gap-2.5"><span aria-hidden="true" class="mt-[0.52rem] block h-px w-4 shrink-0" style="background-color:var(--line-hair)"></span><span class="min-w-0 text-[0.8rem] leading-relaxed text-white/70">Replace the counter surfaces<span class="ml-2 inline-flex translate-y-[-1px] items-center gap-1"><span class="badge-basis badge-assumed">Assumed</span></span></span></li><li class="flex items-start gap-2.5"><span aria-hidden="true" class="mt-[0.52rem] block h-px w-4 shrink-0" style="background-color:var(--line-hair)"></span><span class="min-w-0 text-[0.8rem] leading-relaxed text-white/70">New backsplash on the wet wall<span class="ml-2 inline-flex translate-y-[-1px] items-center gap-1"><span class="badge-basis badge-assumed">Assumed</span></span></span></li><li class="flex items-start gap-2.5"><span aria-hidden="true" class="mt-[0.52rem] block h-px w-4 shrink-0" style="background-color:var(--line-hair)"></span><span class="min-w-0 text-[0.8rem] leading-relaxed text-white/70">Repaint to tie it together<span class="ml-2 inline-flex translate-y-[-1px] items-center gap-1"><span class="badge-basis badge-assumed">Assumed</span></span></span></li></ul><div class="mt-6"><p class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">
11Grounded in our catalog</p><ul class="mt-1"><li class="flex flex-col gap-1.5 border-t py-3 first:border-t-0" style="border-color:var(--line-hair)"><div class="flex items-baseline justify-between gap-3"><span class="min-w-0 truncate text-[0.82rem] text-white/80">White Oak (rift / qtr-sawn)</span><span class="figure-mono shrink-0 text-[0.72rem] text-white/70">Priced on request</span></div><div class="flex flex-wrap items-center gap-1.5"><span class="badge-basis badge-request">Priced on request</span><span class="figure-mono text-[0.58rem] uppercase tracking-[0.14em] text-white/35">installed in <!-- -->14<!-- --> Patten home<!-- -->s<!-- --> · <!-- -->33<!-- --> invoice lines</span></div></li><li class="flex flex-col gap-1.5 border-t py-3 first:border-t-0" style="border-color:var(--line-hair)"><div class="flex items-baseline justify-between gap-3"><span class="min-w-0 truncate text-[0.82rem] text-white/80">Quartz (Generic)</span><span class="figure-mono shrink-0 text-[0.72rem] text-white/70">$69.05–85.62 / sqft<span class="ml-1.5 rounded-full border border-[#7ff0d2]/35 px-1.5 py-px text-[0.5rem] uppercase tracking-[0.16em] text-[#7ff0d2]/85">live-db</span></span></div><div class="flex flex-wrap items-center gap-1.5"><span class="figure-mono text-[0.58rem] uppercase tracking-[0.14em] text-white/35">installed in <!-- -->23<!-- --> Patten home<!-- -->s<!-- --> · <!-- -->226<!-- --> invoice lines</span></div></li><li class="flex flex-col gap-1.5 border-t py-3 first:border-t-0" style="border-color:var(--line-hair)"><div class="flex items-baseline justify-between gap-3"><span class="min-w-0 truncate text-[0.82rem] text-white/80">Metro Tile (Bedrosians line)</span><span class="figure-mono shrink-0 text-[0.72rem] text-white/70">$20.46–25.18 / sqft<span class="ml-1.5 rounded-full border border-[#7ff0d2]/35 px-1.5 py-px text-[0.5rem] uppercase tracking-[0.16em] text-[#7ff0d2]/85">live-db</span></span></div><div class="flex flex-wrap items-center gap-1.5"><span class="figure-mono text-[0.58rem] uppercase tracking-[0.14em] text-white/35">installed in <!-- -->5<!-- --> Patten home<!-- -->s<!-- --> · <!-- -->22<!-- --> invoice lines</span></div></li></ul></div><p class="mt-auto border-t pt-4 text-[0.62rem] leading-relaxed text-white/30" style="border-color:var(--line-hair)">Mid finish tier — disclosed ×1.00 against the comparable-home mid band. Line pricing comes from the measured, itemized bill (repriced only on calibrate) — never from this note.</p></div></div></div><div class="h-full" style="opacity:0;transform:translateY(28px)"><div class="relative h-full"><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 left-0"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 right-0 -scale-x-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 left-0 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 right-0 -scale-x-100 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><div class="group flex h-full flex-col rounded-2xl border border-white/[0.08] bg-white/[0.015] p-6 transition-colors hover:border-white/20 sm:p-7"><p class="figure-mono text-[0.6rem] uppercase tracking-[0.28em] text-ion/75">Open &amp; Modern</p><h3 class="mt-1.5 font-serif text-2xl font-light text-white">Modern Minimalist</h3><p class="mt-3 text-[0.82rem] leading-relaxed text-white/50">Open the wall between the kitchen and the adjacent dining/living space — flat-panel oak · concrete · matte black around it. Selections come from real Patten-built homes — priced as bands from real invoice lines, not a shopping feed.</p><ul class="mt-5 space-y-2"><li class="flex items-start gap-2.5"><span aria-hidden="true" class="mt-[0.52rem] block h-px w-4 shrink-0" style="background-color:var(--cine-ion)"></span><span class="min-w-0 text-[0.8rem] leading-relaxed text-white/70">Open the wall to the adjacent dining/living space<span class="ml-2 inline-flex translate-y-[-1px] items-center gap-1"><span class="badge-basis badge-measured">Measured</span></span><span class="mt-0.5 block text-[0.66rem] leading-relaxed text-white/35">grounded on the measured plan (192 ft² kitchen); load path needs field verification</span></span></li><li class="flex items-start gap-2.5"><span aria-hidden="true" class="mt-[0.52rem] block h-px w-4 shrink-0" style="background-color:var(--line-hair)"></span><span class="min-w-0 text-[0.8rem] leading-relaxed text-white/70">Rework the cabinetry in the direction&#x27;
11s door style<span class="ml-2 inline-flex translate-y-[-1px] items-center gap-1"><span class="badge-basis badge-assumed">Assumed</span></span></span></li><li class="flex items-start gap-2.5"><span aria-hidden="true" class="mt-[0.52rem] block h-px w-4 shrink-0" style="background-color:var(--line-hair)"></span><span class="min-w-0 text-[0.8rem] leading-relaxed text-white/70">Replace the counter surfaces<span class="ml-2 inline-flex translate-y-[-1px] items-center gap-1"><span class="badge-basis badge-assumed">Assumed</span></span></span></li><li class="flex items-start gap-2.5"><span aria-hidden="true" class="mt-[0.52rem] block h-px w-4 shrink-0" style="background-color:var(--line-hair)"></span><span class="min-w-0 text-[0.8rem] leading-relaxed text-white/70">Re-light the room to match<span class="ml-2 inline-flex translate-y-[-1px] items-center gap-1"><span class="badge-basis badge-assumed">Assumed</span></span></span></li></ul><div class="mt-6"><p class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">Grounded in our catalog</p><ul class="mt-1"><li class="flex flex-col gap-1.5 border-t py-3 first:border-t-0" style="border-color:var(--line-hair)"><div class="flex items-baseline justify-between gap-3"><span class="min-w-0 truncate text-[0.82rem] text-white/80">White Oak (rift / qtr-sawn)</span><span class="figure-mono shrink-0 text-[0.72rem] text-white/70">Priced on request</span></div><div class="flex flex-wrap items-center gap-1.5"><span class="badge-basis badge-request">Priced on request</span><span class="figure-mono text-[0.58rem] uppercase tracking-[0.14em] text-white/35">installed in <!-- -->14<!-- --> Patten home<!-- -->s<!-- --> · <!-- -->33<!-- --> invoice lines</span></div></li><li class="flex flex-col gap-1.5 border-t py-3 first:border-t-0" style="border-color:var(--line-hair)"><div class="flex items-baseline justify-between gap-3"><span class="min-w-0 truncate text-[0.82rem] text-white/80">Quartz (Generic)</span><span class="figure-mono shrink-0 text-[0.72rem] text-white/70">$69.05–85.62 / sqft<span class="ml-1.5 rounded-full border border-[#7ff0d2]/35 px-1.5 py-px text-[0.5rem] uppercase tracking-[0.16em] text-[#7ff0d2]/85">live-db</span></span></div><div class="flex flex-wrap items-center gap-1.5"><span class="figure-mono text-[0.58rem] uppercase tracking-[0.14em] text-white/35">installed in <!-- -->23<!-- --> Patten home<!-- -->s<!-- --> · <!-- -->226<!-- --> invoice lines</span></div></li><li class="flex flex-col gap-1.5 border-t py-3 first:border-t-0" style="border-color:var(--line-hair)"><div class="flex items-baseline justify-between gap-3"><span class="min-w-0 truncate text-[0.82rem] text-white/80">Recessed Can Light</span><span class="figure-mono shrink-0 text-[0.72rem] text-white/70">$148.50–187 / each<span class="ml-1.5 rounded-full border border-[#7ff0d2]/35 px-1.5 py-px text-[0.5rem] uppercase tracking-[0.16em] text-[#7ff0d2]/85">live-db</span></span></div><div class="flex flex-wrap items-center gap-1.5"><span class="figure-mono text-[0.58rem] uppercase tracking-[0.14em] text-white/35">installed in <!-- -->13<!-- --> Patten home<!-- -->s<!-- --> · <!-- -->70<!-- --> invoice lines</span></div></li></ul></div><p class="mt-auto border-t pt-4 text-[0.62rem] leading-relaxed text-white/30" style="border-color:var(--line-hair)">Entry-Mid finish tier — disclosed ×0.92 against the comparable-home mid band. Line pricing comes from the measured, itemized bill (repriced only on calibrate) — never from this note.</p></div></div></div><div class="h-full" style="opacity:0;transform:translateY(28px)"><div class="relative h-full"><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 left-0"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 right-0 -scale-x-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 left-0 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 right-0 -scale-x-100 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><div class="group flex h-full flex-col rounded-2xl border border-white/[0.08] bg-white/[0.015] p-6 transition-colors hover:border-white/20 sm:p-7"><p class="figure-mono text-[0.6rem] uppercase tracking-[0.28em] text-ion/75">Full Luxe</p><h3 class="mt-1.5 font-serif text-2xl font-light text-white">Dramatic Luxe</h3><p class="mt-3 text-[0.82rem] leading-relaxed text-white/50">Add a 6-foot island centered in the open floor — dark walnut · leathered stone · statement brass around it. Selections come from real Patten-built homes — priced as bands from real invoice lines, not a shopping feed.</p><ul class="mt-5 space-y-2"><li class="flex items-start gap-2.5"><span aria-hidden="true" class="mt-[0.52rem] block h-px w-4 shrink-0" style="background-color:var(--cine-ion)"></span><span class="min-w-0 text-[0.8rem] leading-relaxed text-white/70">
11Add a 6-foot island centered in the open floor<span class="ml-2 inline-flex translate-y-[-1px] items-center gap-1"><span class="badge-basis badge-measured">Measured</span></span><span class="mt-0.5 block text-[0.66rem] leading-relaxed text-white/35">fits the measured 192 ft² kitchen with 42&quot; clearances</span></span></li><li class="flex items-start gap-2.5"><span aria-hidden="true" class="mt-[0.52rem] block h-px w-4 shrink-0" style="background-color:var(--line-hair)"></span><span class="min-w-0 text-[0.8rem] leading-relaxed text-white/70">Waterfall the island stone down both ends<span class="ml-2 inline-flex translate-y-[-1px] items-center gap-1"><span class="badge-basis badge-assumed">Assumed</span></span></span></li><li class="flex items-start gap-2.5"><span aria-hidden="true" class="mt-[0.52rem] block h-px w-4 shrink-0" style="background-color:var(--line-hair)"></span><span class="min-w-0 text-[0.8rem] leading-relaxed text-white/70">Rework the cabinetry in the direction&#x27;s door style<span class="ml-2 inline-flex translate-y-[-1px] items-center gap-1"><span class="badge-basis badge-assumed">Assumed</span></span></span></li><li class="flex items-start gap-2.5"><span aria-hidden="true" class="mt-[0.52rem] block h-px w-4 shrink-0" style="background-color:var(--line-hair)"></span><span class="min-w-0 text-[0.8rem] leading-relaxed text-white/70">Statement fixtures over the island<span class="ml-2 inline-flex translate-y-[-1px] items-center gap-1"><span class="badge-basis badge-assumed">Assumed</span></span></span></li></ul><div class="mt-6"><p class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">Grounded in our catalog</p><ul class="mt-1"><li class="flex flex-col gap-1.5 border-t py-3 first:border-t-0" style="border-color:var(--line-hair)"><div class="flex items-baseline justify-between gap-3"><span class="min-w-0 truncate text-[0.82rem] text-white/80">White Oak (rift / qtr-sawn)</span><span class="figure-mono shrink-0 text-[0.72rem] text-white/70">Priced on request</span></div><div class="flex flex-wrap items-center gap-1.5"><span class="badge-basis badge-request">Priced on request</span><span class="figure-mono text-[0.58rem] uppercase tracking-[0.14em] text-white/35">installed in <!-- -->14<!-- --> Patten home<!-- -->s<!-- --> · <!-- -->33<!-- --> invoice lines</span></div></li><li class="flex flex-col gap-1.5 border-t py-3 first:border-t-0" style="border-color:var(--line-hair)"><div class="flex items-baseline justify-between gap-3"><span class="min-w-0 truncate text-[0.82rem] text-white/80">Quartzite — Aquarella</span><span class="figure-mono shrink-0 text-[0.72rem] text-white/70">$62.30–77.25 / sqft<span class="ml-1.5 rounded-full border border-[#7ff0d2]/35 px-1.5 py-px text-[0.5rem] uppercase tracking-[0.16em] text-[#7ff0d2]/85">live-db</span></span></div><div class="flex flex-wrap items-center gap-1.5"><span class="figure-mono text-[0.58rem] uppercase tracking-[0.14em] text-white/35">installed in <!-- -->1<!-- --> Patten home<!-- --> · <!-- -->4<!-- --> invoice lines</span></div></li><li class="flex flex-col gap-1.5 border-t py-3 first:border-t-0" style="border-color:var(--line-hair)"><div class="flex items-baseline justify-between gap-3"><span class="min-w-0 truncate text-[0.82rem] text-white/80">Chandelier</span><span class="figure-mono shrink-0 text-[0.72rem] text-white/70">$2158.92–2718.64 / each<span class="ml-1.5 rounded-full border border-[#7ff0d2]/35 px-1.5 py-px text-[0.5rem] uppercase tracking-[0.16em] text-[#7ff0d2]/85">live-db</span></span></div><div class="flex flex-wrap items-center gap-1.5"><span class="figure-mono text-[0.58rem] uppercase tracking-[0.14em] text-white/35">installed in <!-- -->6<!-- --> Patten home<!-- -->s<!-- --> · <!-- -->50<!-- --> invoice lines</span></div></li></ul></div><p class="mt-auto border-t pt-4 text-[0.62rem] leading-relaxed text-white/30" style="border-color:var(--line-hair)">Luxe finish tier — disclosed ×1.38 against the comparable-home mid band. Line pricing comes from the measured, itemized bill (repriced only on calibrate) — never from this note.</p></div></div></div></div><div class="mt-8 flex flex-col items-center gap-4" style="opacity:0;transform:translateY(28px)"><p class="max-w-2xl text-center text-[0.68rem] leading-relaxed text-white/35"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-drafting-compass mr-1.5 inline size-3.5 translate-y-[-1px] text-ion/70" aria-hidden="true"><path d="m12.99 6.74 1.93 3.44"></path><path d="M19.136 12a10 10 0 0 1-14.271 0"></path><path d="m21 21-2.16-3.84"></path><path d="m3 21 8.02-14.26"></path><circle cx="12" cy="5" r="2"></circle></svg>A real output of the designer brain, composed for the 192 ft² kitchen measured above — queried against the live catalog on <!-- -->2026-07-02<!-- -->. It designs from the measured plan, not a shopping feed: structural moves are grounded on real dimensions, materials are families we&#x27;ve actually installed, and directions never reprice the bill.</p><a class="group inline-flex items-center gap-1.5 text-[0.72rem] font-medium uppercase tracking-[0.2em] text-white/60 transition-colors hover:text-white focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70" href="/vision">Get directions for your space<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3.5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div><div id="compare" class="mx-auto mt-24 w-full max-w-6xl scroll-mt-20 px-6"><div class="mb-10 text-center" style="opacity:0;transform:translateY(28px)"><p class="figure-mono mb-3 text-[0.66rem] uppercase tracking-[0.32em] text-[var(--ion)]/75">Slide it yourself</p><h3 class="font-serif text-3xl font-light leading-[1.05] text-white sm:text-4xl">Same room. Same geometry. New look.</h3></div><div class="relative mx-auto max-w-4xl" style="opacity:0;transform:translateY(28px)"><div class="relative overflow-hidden rounded-[1.6rem] border border-white/[0.1] bg-charcoal shadow-[0_50px_120px_-40px_rgba(0,0,0,0.9)] ring-1 ring-white/5"><div class="absolute inset-x-0 -top-px z-50 h-px bg-gradient-to-r from-transparent via-[var(--ion)]/50 to-transparent"></div><div class="overflow-hidden aspect-[16/9] h-auto w-full rounded-[1.6rem]" style="position:relative;cursor:col-resize"><div class="h-full w-px absolute top-0 m-auto z-30 bg-gradient-to-b from-transparent from-[5%] to-[95%] via-indigo-500 to-transparent" style="left:50%;
11top:0;z-index:40"><div class="w-36 h-full [mask-image:radial-gradient(100px_at_left,white,transparent)] absolute top-1/2 -translate-y-1/2 left-0 bg-gradient-to-r from-indigo-400 via-transparent to-transparent z-20 opacity-50"></div><div class="w-10 h-1/2 [mask-image:radial-gradient(50px_at_left,white,transparent)] absolute top-1/2 -translate-y-1/2 left-0 bg-gradient-to-r from-cyan-400 via-transparent to-transparent z-10 opacity-100"></div><div class="h-5 w-5 rounded-md top-1/2 -translate-y-1/2 bg-white z-30 -right-2.5 absolute   flex items-center justify-center shadow-[0px_-1px_0px_0px_#FFFFFF40]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-dots-vertical h-4 w-4 text-black"><path d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path></svg></div></div><div class="overflow-hidden w-full h-full relative z-20 pointer-events-none"><div class="absolute inset-0 z-20 rounded-2xl shrink-0 w-full h-full select-none overflow-hidden object-cover" style="clip-path:inset(0 50% 0 0)"><img alt="first image" src="/marketing/compare-kitchen-before.jpg" class="absolute inset-0 z-20 rounded-2xl shrink-0 w-full h-full select-none object-cover" draggable="false"/></div></div><img class="absolute top-0 left-0 z-[19] rounded-2xl w-full h-full select-none object-cover" alt="second image" src="/marketing/compare-kitchen-after.jpg" draggable="false"/></div><div class="pointer-events-none absolute bottom-4 left-4 z-50 rounded-full border border-white/15 bg-black/55 px-3 py-1 text-[0.62rem] font-medium uppercase tracking-[0.22em] text-white/80 backdrop-blur-sm">Your photo</div><div class="pointer-events-none absolute bottom-4 right-4 z-50 rounded-full border border-[var(--ion)]/30 bg-black/55 px-3 py-1 text-[0.62rem] font-medium uppercase tracking-[0.22em] text-[var(--ion)]/90 backdrop-blur-sm">Concept render</div></div><p class="mt-5 text-center text-[0.72rem] leading-relaxed text-white/35">The same real Patten kitchen the hero measures, one look applied. The island, windows and walls stay put — a geometry-preserving concept render, machine-checked; if a render drifts from the plan it wears a drift badge instead of hiding it.</p></div></div><div id="reels" class="mx-auto mt-24 w-full max-w-6xl scroll-mt-20 px-6"><div class="mb-10 text-center" style="opacity:0;transform:translateY(28px)"><p class="figure-mono mb-3 text-[0.66rem] uppercase tracking-[0.32em] text-[var(--ion)]/75">In motion · real rooms</p><h3 class="font-serif text-3xl font-light text-white sm:text-4xl">See it before it&#x27;s built.</h3></div><div class="grid auto-rows-[minmax(0,1fr)] grid-cols-2 gap-4 md:h-[34rem] md:grid-cols-4 md:grid-rows-2"><figure class="group relative overflow-hidden rounded-2xl border border-white/[0.08] bg-white/[0.02] md:col-span-2 md:row-span-2 md:aspect-auto aspect-[3/4]" style="opacity:0;transform:translateY(28px)"><video src="/reels/short/morph-kitchen-pro.mp4" poster="/reels/posters/morph-kitchen-pro.jpg" muted="" loop="" playsInline="" preload="none" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1.2s] group-hover:scale-[1.05]"></video><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div><div class="absolute inset-x-0 -top-px h-px bg-gradient-to-r from-transparent via-[var(--ion)]/40 to-transparent opacity-0 transition-opacity group-hover:opacity-100"></div><figcaption class="absolute inset-x-0 bottom-0 p-4"><p class="font-serif font-light text-white text-2xl">Kitchen</p><p class="mt-0.5 text-[0.72rem] leading-snug text-white/55">New stone, same geometry.</p></figcaption></figure><figure class="group relative overflow-hidden rounded-2xl border border-white/[0.08] bg-white/[0.02] aspect-[3/4] md:aspect-auto" style="opacity:0;transform:translateY(28px)"><video src="/reels/short/morph-bath-pro.mp4" poster="/reels/posters/morph-bath-pro.jpg" muted="" loop="" playsInl
11ine="" preload="none" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1.2s] group-hover:scale-[1.05]"></video><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div><div class="absolute inset-x-0 -top-px h-px bg-gradient-to-r from-transparent via-[var(--ion)]/40 to-transparent opacity-0 transition-opacity group-hover:opacity-100"></div><figcaption class="absolute inset-x-0 bottom-0 p-4"><p class="font-serif font-light text-white text-lg">Bath</p><p class="mt-0.5 text-[0.72rem] leading-snug text-white/55">Builder-grade → spa.</p></figcaption></figure><figure class="group relative overflow-hidden rounded-2xl border border-white/[0.08] bg-white/[0.02] aspect-[3/4] md:aspect-auto" style="opacity:0;transform:translateY(28px)"><video src="/reels/short/morph-living-pro.mp4" poster="/reels/posters/morph-living-pro.jpg" muted="" loop="" playsInline="" preload="none" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1.2s] group-hover:scale-[1.05]"></video><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div><div class="absolute inset-x-0 -top-px h-px bg-gradient-to-r from-transparent via-[var(--ion)]/40 to-transparent opacity-0 transition-opacity group-hover:opacity-100"></div><figcaption class="absolute inset-x-0 bottom-0 p-4"><p class="font-serif font-light text-white text-lg">Living</p><p class="mt-0.5 text-[0.72rem] leading-snug text-white/55">Plain white → editorial.</p></figcaption></figure><figure class="group relative overflow-hidden rounded-2xl border border-white/[0.08] bg-white/[0.02] md:col-span-2 aspect-[3/4] md:aspect-auto" style="opacity:0;transform:translateY(28px)"><video src="/reels/short/morph-pool.mp4" poster="/reels/posters/morph-pool.jpg" muted="" loop="" playsInline="" preload="none" class="absolute inset-0 h-full w-full object-cover transition-transform duration-[1.2s] group-hover:scale-[1.05]"></video><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div><div class="absolute inset-x-0 -top-px h-px bg-gradient-to-r from-transparent via-[var(--ion)]/40 to-transparent opacity-0 transition-opacity group-hover:opacity-100"></div><figcaption class="absolute inset-x-0 bottom-0 p-4"><p class="font-serif font-light text-white text-lg">Backyard</p><p class="mt-0.5 text-[0.72rem] leading-snug text-white/55">Bare lawn → resort dusk.</p></figcaption></figure></div><p class="mt-5 text-center text-[0.66rem] uppercase tracking-[0.24em] text-white/25">Concept transformations of real photographs</p></div></section><section id="prices" class="relative z-10 w-full scroll-mt-20 py-20"><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 -z-10 h-[24rem] overflow-hidden [mask-image:linear-gradient(to_bottom,black,transparent_92%)]"><video src="/reels/short/wow-kitchen.mp4" poster="/reels/posters/wow-kitchen.jpg" muted="" loop="" playsInline="" preload="none" class="h-full w-full object-cover opacity-[0.14]"></video><div class="absolute inset-0 bg-[radial-gradient(ellipse_at_center,transparent_0%,#060609_88%)]"></div></div><div class="relative mx-auto flex w-full max-w-3xl flex-col px-6 items-center text-center mb-12"><div class="flex flex-col items-center" style="opacity:0;transform:translateY(22px)"><p class="figure-mono mb-3 text-[0.66rem] uppercase tracking-[0.32em] text-ion/75">ACT 04 · PRICES</p><h2 class="text-balance font-serif text-3xl font-light leading-[1.05] text-white sm:text-5xl">Bands from real completed homes.</h2></div><div class="relative mt-6 h-4 w-full" aria-hidden="true"><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 left-0" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg><svg class="absolute inset-x-[4px] top-0 h-4 w-[calc(100%-8px)]" preserveAspectRatio="none"><line x1="0" y1="8" x2="100%" y2="8" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1" style="stroke:var(--line-hair);stroke-width:1"></line></svg><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 right-0 -scale-x-100" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg></div><p class="mt-4 max-w-xl text-balance text-sm leading-relaxed text-white/40" style="opacity:0">Every line is priced from real invoice and check lines across real Patten projects — as a band with provenance, never a point price. No data? It says priced on request — never $0.</p></div><div class="mx-auto w-full max-w-3xl px-6" style="opacity:0;transform:translateY(28px)"><div class="relative"><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 left-0"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 right-0 -scale-x-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 left-0 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 right-0 -scale-x-100 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><div class="glass-cine rounded-[1.6rem] p-6 sm:p-8"><div class="flex flex-wrap items-baseline justify-between gap-3"><div><p class="figure-mono text-[0.6rem] uppercase tracking-[0.28em] text-ion/75">The measured bill · kitchen · 192 ft²</p><p class="mt-1 text-[0.68rem] text-white/35">Actual live-DB output for the plan measured above · <!-- -->2026-07-02</p></div><div class="text-right"><span class="figure-mono text-xl text-ion"><span class="" aria-label="$6,696–$8,341" role="text"><span class="opacity-50">0</span><span class="opacity-50">3</span><span class="opacity-50">
119</span><span class="opacity-50">0</span><span class="opacity-50">4</span><span class="opacity-50">6</span><span class="opacity-50">.</span><span class="opacity-50">6</span><span class="opacity-50">9</span><span class="opacity-50">.</span><span class="opacity-50">7</span><span class="opacity-50">6</span><span class="opacity-50">0</span></span></span><p class="figure-mono mt-0.5 text-[0.56rem] uppercase tracking-[0.2em] text-white/35">materials band · excludes on-request lines</p></div></div><ul class="mt-5"><li class="grid grid-cols-[1fr_auto] items-baseline gap-x-4 gap-y-1 border-t py-3.5 sm:grid-cols-[1.4fr_1fr_auto]" style="border-color:var(--line-hair)"><div class="min-w-0"><p class="truncate text-[0.86rem] text-white/80">Kitchen Countertop</p><p class="figure-mono mt-0.5 text-[0.62rem] text-white/35">35<!-- --> <!-- -->sqft<span class="text-white/45"> · <!-- -->Quartz (Generic)</span> · 23 Patten homes</p></div><div class="flex items-center gap-1.5 max-sm:col-start-1 max-sm:row-start-2"><span class="badge-basis badge-typical">Typical</span></div><p class="figure-mono text-right text-[0.86rem] text-white/85">$2,417–$2,997<span class="ml-1.5 rounded-full border border-[#7ff0d2]/35 px-1.5 py-px text-[0.5rem] uppercase tracking-[0.16em] text-[#7ff0d2]/85">live-db</span></p></li><li class="grid grid-cols-[1fr_auto] items-baseline gap-x-4 gap-y-1 border-t py-3.5 sm:grid-cols-[1.4fr_1fr_auto]" style="border-color:var(--line-hair)"><div class="min-w-0"><p class="truncate text-[0.86rem] text-white/80">Kitchen Island</p><p class="figure-mono mt-0.5 text-[0.62rem] text-white/35">35<!-- --> <!-- -->sqft<span class="text-white/45"> · <!-- -->Quartz (Generic)</span> · 23 Patten homes</p></div><div class="flex items-center gap-1.5 max-sm:col-start-1 max-sm:row-start-2"><span class="badge-basis badge-typical">Typical</span></div><p class="figure-mono text-right text-[0.86rem] text-white/85">$2,417–$2,997<span class="ml-1.5 rounded-full border border-[#7ff0d2]/35 px-1.5 py-px text-[0.5rem] uppercase tracking-[0.16em] text-[#7ff0d2]/85">live-db</span></p></li><li class="grid grid-cols-[1fr_auto] items-baseline gap-x-4 gap-y-1 border-t py-3.5 sm:grid-cols-[1.4fr_1fr_auto]" style="border-color:var(--line-hair)"><div class="min-w-0"><p class="truncate text-[0.86rem] text-white/80">Kitchen Backsplash</p><p class="figure-mono mt-0.5 text-[0.62rem] text-white/35">21<!-- --> <!-- -->sqft<span class="text-white/45"> · <!-- -->Metro Tile (Bedrosians line)</span> · 5 Patten homes</p></div><div class="flex items-center gap-1.5 max-sm:col-start-1 max-sm:row-start-2"><span class="badge-basis badge-typical">Typical</span></div><p class="figure-mono text-right text-[0.86rem] text-white/85">$430–$529<span class="ml-1.5 rounded-full border border-[#7ff0d2]/35 px-1.5 py-px text-[0.5rem] uppercase tracking-[0.16em] text-[#7ff0d2]/85">live-db</span></p></li><li class="grid grid-cols-[1fr_auto] items-baseline gap-x-4 gap-y-1 border-t py-3.5 sm:grid-cols-[1.4fr_1fr_auto]" style="border-color:var(--line-hair)"><div class="min-w-0"><p class="truncate text-[0.86rem] text-white/80">Kitchen Floor</p><p class="figure-mono mt-0.5 text-[0.62rem] text-white/35">192<!-- --> <!-- -->sqft<span class="text-white/45"> · <!-- -->LVT (Luxury Vinyl Tile)</span></p></div><div class="flex items-center gap-1.5 max-sm:col-start-1 max-sm:row-start-2"><span class="badge-basis badge-measured">Measured</span></div><p class="figure-mono text-right text-[0.86rem] text-white/85">$1,432–$1,818<span class="ml-1.5 rounded-full border border-[#7ff0d2]/35 px-1.5 py-px text-[0.5rem] uppercase tracking-[0.16em] text-[#7ff0d2]/85">live-db</span></p></li><li class="grid grid-cols-[1fr_auto] items-baseline gap-x-4 gap-y-1 border-t py-3.5 sm:grid-cols-[1.4fr_1fr_auto]" style="border-color:var(--line-hair)"><div class="min-w-0"><p class="truncate text-[0.86rem] text-white/80">Kitchen Cabinet Run</p><p class="figure-mono mt-0.5 text-[0.62rem] text-white/35">21<!-- --> <!-- -->linear ft</p></div><div class="flex items-center gap-1.5 max-sm:col-start-1 max-sm:row-start-2"><span class="badge-basis badge-typical">Typical</span><span class="badge-basis badge-request">Priced on request</span></div><p class="figure-mono text-right text-[0.86rem] text-white/85"><span class="text-white/40">—</span></p></li></ul><p class="mt-4 border-t pt-4 text-[0.64rem] leading-relaxed text-white/30" style="border-color:var(--line-hair)">Bands come from real invoice and check lines across real completed Patten homes — never list prices, never a point figure. Where we hold no real data (the cabinet run), the line is priced on request — never $0. Quantity basis is disclosed per line: measured from the plan, or a typical takeoff for the space.</p></div></div></div></section><section id="signs" class="relative z-10 mx-auto w-full max-w-6xl scroll-mt-20 px-6 py-20"><div class="relative mx-auto flex w-full max-w-3xl flex-col px-6 items-center text-center mb-12"><div class="flex flex-col items-center" style="opacity:0;transform:translateY(22px)"><p class="figure-mono mb-3 text-[0.66rem] uppercase tracking-[0.32em] text-ion/75">ACT 05 · SIGNS</p><h2 class="text-balance font-serif text-3xl font-light leading-[1.05] text-white sm:text-5xl">One sealed chain, photo to signature.</h2></div><div class="relative mt-6 h-4 w-full" aria-hidden="true"><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 left-0" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg><svg class="absolute inset-x-[4px] top-0 h-4 w-[calc(100%-8px)]" preserveAspectRatio="none"><line x1="0" y1="8" x2="100%" y2="8" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1" style="stroke:var(--line-hair);stroke-width:1"></line></svg><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 right-0 -scale-x-100" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg></div><p class="mt-4 max-w-xl text-balance text-sm leading-relaxed text-white/40" style="opacity:0">The proposal you sign is cryptographically bound to the measured plan it prices. Change the plan and the certificate says so.</p></div><div class="mx-auto max-w-3xl" style="opacity:0;transform:translateY(28px)"><div class="relative"><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 left-0"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 right-0 -scale-x-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 left-0 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 right-0 -scale-x-100 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><div class="glass-cine rounded-[1.6rem] p-7 sm:p-9"><div class="flex flex-col items-stretch gap-4 sm:flex-row sm:items-center"><div class="flex-1 rounded-xl border border-white/[0.08] bg-white/[0.02] px-4 py-3.5 text-center"><p class="figure-mono text-[0.62rem] uppercase tracking-[0.2em] text-white/85">MEASURED PLAN</p><p class="mt-1 text-[0.64rem] text-white/40">the geometry you saw drawn</p></div><span aria-hidden="true" class="relative mx-1 hidden h-px flex-1 sm:block" style="background-color:var(--line-hair)"><span class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-[0.6rem] text-white/30">⇄</span></span><div class="flex-1 rounded-xl border border-white/[0.08] bg-white/[0.02] px-4 py-3.5 text-center"><p class="figure-mono text-[0.62rem] uppercase tracking-[0.2em] text-white/85">PRICED BILL</p><p class="mt-1 text-[0.64rem] text-white/40">the live-DB bands it produced</p></div><span aria-hidden="true" class="relative mx-1 hidden h-px flex-1 sm:block" style="background-color:var(--line-hair)"><span class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-[0.6rem] text-white/30">⇄</span></span><div class="flex-1 rounded-xl border border-white/[0.08] bg-white/[0.02] px-4 py-3.5 text-center"><p class="figure-mono text-[0.62rem] uppercase tracking-[0.2em] text-white/85">SIGNED PROPOSAL</p><p class="mt-1 text-[0.64rem] text-white/40">the contract bound to both</p></div></div><div class="mt-6 flex flex-wrap items-center justify-center gap-2"><span class="badge-basis" style="border-color:hsl(40 74% 60% / 0.38);background:hsl(40 74% 60% / 0.1);color:hsl(40 74% 60%)">Tamper-evident</span><span class="badge-basis badge-typical">ESIGN · UETA</span></div><div class="mx-auto mt-7 max-w-md"><div class="flex w-full items-start" role="img" aria-label="Progress: Measured done, Priced done, Rendered done, Signed done"><span class="flex flex-col items-center gap-1.5"><span aria-hidden="true" class="block w-[2px] rounded-full" style="height:12px;background-color:var(--cine-ion)"></span><span class="figure-mono text-[0.56rem] uppercase tracking-[0.2em]" style="color:var(--cine-ion);opacity:0.9">Measured</span></span><span aria-hidden="true" class="mx-1.5 h-px flex-1" style="margin-top:6px;background-color:var(--cine-ion);opacity:0.55"></span><span class="flex flex-col items-center gap-1.5"><span aria-hidden="true" class="block w-[2px] rounded-full" style="height:12px;background-color:var(--cine-ion)"></span><span class="figure-mono text-[0.56rem] uppercase tracking-[0.2em]" style="color:var(--cine-ion);opacity:0.9">Priced</span></span><span aria-hidden="true" class="mx-1.5 h-px flex-1" style="margin-top:6px;background-color:var(--cine-ion);opacity:0.55"></span><span class="flex flex-col items-center gap-1.5"><span aria-hidden="true" class="block w-[2px] rounded-full" style="height:12px;background-color:var(--cine-ion)"></span><span class="figure-mono text-[0.56rem] uppercase tracking-[0.2em]" style="color:var(--cine-ion);opacity:0.9">Rendered</span></span><span aria-hidden="true" class="mx-1.5 h-px flex-1" style="margin-top:6px;background-color:var(--cine-ion);opacity:0.55"></span><span class="flex flex-col items-center gap-1.5"><span aria-hidden="true" class="block w-[2px] rounded-full" style="height:12px;background-color:var(--cine-gold)"></span><span class="figure-mono text-[0.56rem] uppercase tracking-[0.2em]" style="color:var(--cine-gold);opacity:0.9">Signed</span></span></div></div><p class="mt-6 text-center text-[0.66rem] leading-relaxed text-white/30">Executed with ESIGN/UETA-compliant e-sign. Final scope and price exist only in a signed proposal.</p></div></div></div></section><section id="moat" class="relative z-10 mx-auto w-full max-w-6xl scroll-mt-20 px-6 py-20"><div class="relative mx-auto flex w-full max-w-3xl flex-col px-6 items-center text-center mb-12"><div class="flex flex-col items-center" style="opacity:0;transform:translateY(22px)"><p class="figure-mono mb-3 text-[0.66rem] uppercase tracking-[0.32em] text-ion/75">Under every number</p><h2 class="text-balance font-serif text-3xl font-light leading-[1.05] text-white sm:text-5xl">Four layers you can trust.</h2></div><div class="relative mt-6 h-4 w-full" aria-hidden="true"><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 left-0" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg><svg class="absolute inset-x-[4px] top-0 h-4 w-[calc(100%-8px)]" preserveAspectRatio="none"><line x1="0" y1="8" x2="100%" y2="8" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1" style="stroke:var(--line-hair);stroke-width:1"></line></svg><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 right-0 -scale-x-100" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg></div><p class="mt-4 max-w-xl text-balance text-sm leading-relaxed text-white/40" style="opacity:0">Every figure on screen says where it came from — measured, assumed, county record, or typical. Nothing is invented, nothing is hidden.</p></div><div style="opacity:0;transform:translateY(28px)"><div class="mx-auto grid grid-cols-1 max-w-6xl gap-4 md:auto-rows-auto md:grid-cols-2"><div class="group/bento shadow-input row-span-1 flex flex-col justify-between space-y-4 border duration-200 dark:shadow-none rounded-2xl border-white/[0.08] bg-white/[0.015] p-7 shadow-none transition-colors hover:border-white/20 hover:shadow-none dark:border-white/[0.08] dark:bg-white/[0.015]"><div class="cine-grid rounded-xl border border-white/[0.07] p-4"><p class="figure-mono text-sm text-white/80">W 12.0 ft <span class="text-white/35">· 0.90</span>  D 16.0 ft <span class="text-white/35">· 0.70</span></p><div class="mt-3 flex flex-wrap gap-2"><span class="badge-basis badge-measured">Measured</span><span class="badge-basis badge-assumed">Assumed</span><span class="badge-basis badge-county">County record</span></div></div><div class="transition duration-200 group-hover/bento:translate-x-2"><div class="mb-4 grid size-11 place-items-center rounded-xl border border-white/12 bg-white/[0.04] text-[var(--ion)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ruler size-5" aria-hidden="true"><path d="M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"></path><path d="m14.5 12.5 2-2"></path><path d="m11.5 9.5 2-2"></path><path d="m8.5 6.5 2-2"></path><path d="m17.5 15.5 2-2"></path></svg></div>
11<div class="mt-2 mb-2 font-sans font-bold text-neutral-600 dark:text-neutral-200"><span class="font-serif text-2xl font-light text-white">Honest measurement</span></div><div class="font-sans text-xs font-normal text-neutral-600 dark:text-neutral-300"><span class="mt-2 block text-sm font-normal leading-relaxed text-white/45 dark:text-white/45">Dimensions come off your photo with per-axis confidence shown beside every figure. Low-confidence and proportional axes are labeled as such — an uncertain number never dresses up as a certain one.</span></div></div></div><div class="group/bento shadow-input row-span-1 flex flex-col justify-between space-y-4 border duration-200 dark:shadow-none rounded-2xl border-white/[0.08] bg-white/[0.015] p-7 shadow-none transition-colors hover:border-white/20 hover:shadow-none dark:border-white/[0.08] dark:bg-white/[0.015]"><div class="rounded-xl border border-white/[0.07] bg-white/[0.02] p-4"><p class="figure-mono text-sm text-white/80">$ band <span class="text-white/35">· from real completed projects</span></p><div class="mt-3 flex flex-wrap gap-2"><span class="badge-basis badge-typical">Typical</span><span class="badge-basis badge-request">Priced on request</span></div></div><div class="transition duration-200 group-hover/bento:translate-x-2"><div class="mb-4 grid size-11 place-items-center rounded-xl border border-white/12 bg-white/[0.04] text-[var(--ion)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-landmark size-5" aria-hidden="true"><path d="M10 18v-7"></path><path d="M11.119 2.205a2 2 0 0 1 1.762 0l7.84 3.846A.5.5 0 0 1 20.5 7h-17a.5.5 0 0 1-.22-.949z"></path><path d="M14 18v-7"></path><path d="M18 18v-7"></path><path d="M3 22h18"></path><path d="M6 18v-7"></path></svg></div>
11<div class="mt-2 mb-2 font-sans font-bold text-neutral-600 dark:text-neutral-200"><span class="font-serif text-2xl font-light text-white">Real project pricing</span></div><div class="font-sans text-xs font-normal text-neutral-600 dark:text-neutral-300"><span class="mt-2 block text-sm font-normal leading-relaxed text-white/45 dark:text-white/45">Price bands come from thousands of real cost lines across dozens of completed Patten homes — always shown as a band with its provenance, never a point price. When we don&#x27;t hold real data for an item, it says <em class="not-italic text-white/70">priced on request</em> — never $0.</span></div></div></div><div class="group/bento shadow-input row-span-1 flex flex-col justify-between space-y-4 border duration-200 dark:shadow-none rounded-2xl border-white/[0.08] bg-white/[0.015] p-7 shadow-none transition-colors hover:border-white/20 hover:shadow-none dark:border-white/[0.08] dark:bg-white/[0.015]"><div class="rounded-xl border border-white/[0.07] bg-white/[0.02] p-4"><p class="figure-mono text-sm text-white/80">structure lock <span class="text-white/35">· look changes, geometry doesn&#x27;t</span></p><div class="mt-3 flex flex-wrap gap-2"><span class="badge-basis badge-verified">Verified</span><span class="badge-basis badge-drift">Drift — shown, never hidden</span></div></div><div class="transition duration-200 group-hover/bento:translate-x-2"><div class="mb-4 grid size-11 place-items-center rounded-xl border border-white/12 bg-white/[0.04] text-[var(--ion)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scan-line size-5" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2"></path><path d="M7 12h10"></path></svg></div>
11<div class="mt-2 mb-2 font-sans font-bold text-neutral-600 dark:text-neutral-200"><span class="font-serif text-2xl font-light text-white">Geometry-locked renders</span></div><div class="font-sans text-xs font-normal text-neutral-600 dark:text-neutral-300"><span class="mt-2 block text-sm font-normal leading-relaxed text-white/45 dark:text-white/45">Two-stage rendering holds your room&#x27;s geometry — walls, windows, islands stay where they are while the look changes. Renders are geometry-preserving concepts, machine-checked; if one drifts from the plan, it wears a drift badge instead of hiding it.</span></div></div></div><div class="group/bento shadow-input row-span-1 flex flex-col justify-between space-y-4 border duration-200 dark:shadow-none rounded-2xl border-white/[0.08] bg-white/[0.015] p-7 shadow-none transition-colors hover:border-white/20 hover:shadow-none dark:border-white/[0.08] dark:bg-white/[0.015]"><div class="rounded-xl border border-[hsl(40,74%,60%)]/20 bg-[hsl(40,74%,60%)]/[0.04] p-4"><p class="figure-mono text-sm text-white/80">plan ⇄ price ⇄ signature <span class="text-white/35">· one sealed chain</span></p><div class="mt-3 flex flex-wrap gap-2"><span class="badge-basis" style="border-color:hsl(40 74% 60% / 0.38);background:hsl(40 74% 60% / 0.1);color:hsl(40 74% 60%)">Tamper-evident</span><span class="badge-basis badge-typical">ESIGN · UETA</span></div></div><div class="transition duration-200 group-hover/bento:translate-x-2"><div class="mb-4 grid size-11 place-items-center rounded-xl border border-white/12 bg-white/[0.04] text-[hsl(40,74%,60%)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-pen-line size-5" aria-hidden="true"><path d="M14.364 13.634a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506l4.013-4.009a1 1 0 0 0-3.004-3.004z"></path><path d="M14.487 7.858A1 1 0 0 1 14 7V2"></path><path d="M20 19.645V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l2.516 2.516"></path><path d="M8 18h1"></path></svg></div>
11<div class="mt-2 mb-2 font-sans font-bold text-neutral-600 dark:text-neutral-200"><span class="font-serif text-2xl font-light text-white">Signable contract</span></div><div class="font-sans text-xs font-normal text-neutral-600 dark:text-neutral-300"><span class="mt-2 block text-sm font-normal leading-relaxed text-white/45 dark:text-white/45">The proposal you sign is cryptographically bound to the measured plan it prices — a tamper-evident chain from photo to signature, executed with ESIGN/UETA-compliant e-sign. Change the plan and the certificate says so.</span></div></div></div></div></div></section><section id="halo" class="relative z-10 w-full scroll-mt-20 py-20"><div class="relative mx-auto flex w-full max-w-3xl flex-col px-6 items-center text-center mb-12"><div class="flex flex-col items-center" style="opacity:0;transform:translateY(22px)"><p class="figure-mono mb-3 text-[0.66rem] uppercase tracking-[0.32em] text-ion/75">PREMIER · HALO</p><h2 class="text-balance font-serif text-3xl font-light leading-[1.05] text-white sm:text-5xl">The site visit that documents itself.</h2></div><div class="relative mt-6 h-4 w-full" aria-hidden="true"><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 left-0" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg><svg class="absolute inset-x-[4px] top-0 h-4 w-[calc(100%-8px)]" preserveAspectRatio="none"><line x1="0" y1="8" x2="100%" y2="8" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1" style="stroke:var(--line-hair);stroke-width:1"></line></svg><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 right-0 -scale-x-100" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg></div><p class="mt-4 max-w-xl text-balance text-sm leading-relaxed text-white/40" style="opacity:0">Wear the glasses, walk the home, talk it through — and leave with renders on the TV, a proposal, and CAD plans.</p></div><div class="mx-auto w-full max-w-6xl px-6"><div style="opacity:0;transform:translateY(28px)"><div class="relative"><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 left-0"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 right-0 -scale-x-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 left-0 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 right-0 -scale-x-100 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><div class="glass-cine grid gap-8 rounded-[1.8rem] p-7 sm:p-10 lg:grid-cols-[1.1fr_1fr] lg:items-center"><div><div class="flex flex-wrap items-center gap-2.5"><span class="figure-mono rounded-full border border-white/15 px-2.5 py-0.5 text-[0.56rem] uppercase tracking-[0.24em] text-white/60">Premier tier</span><span class="figure-mono rounded-full border border-[#7ff0d2]/35 px-2.5 py-0.5 text-[0.56rem] uppercase tracking-[0.24em] text-[#7ff0d2]/85">Early access</span></div><h3 class="mt-5 font-serif text-3xl font-light leading-[1.08] text-white sm:text-4xl">Halo. Walk the home.<br/><span class="text-white/45">The package builds itself.</span></h3><div class="mt-7 space-y-5"><div class="flex items-start gap-3.5"><div class="grid size-9 shrink-0 place-items-center rounded-lg border border-white/12 bg-white/[0.04] text-ion"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-footprints size-4" aria-hidden="true"><path d="M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z"></path><path d="M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0Z"></path><path d="M16 17h4"></path><path d="M4 13h4"></path></svg></div><div><p class="font-serif text-lg font-light text-white">Walk</p><p class="mt-0.5 max-w-md text-[0.8rem] leading-relaxed text-white/50">The GC walks the home wearing the glasses. Every room is captured as it&#x27;s seen — no tripods, no tape.</p></div></div><div class="flex items-start gap-3.5"><div class="grid size-9 shrink-0 place-items-center rounded-lg border border-white/12 bg-white/[0.04] text-ion"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle size-4" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></div><div><p class="font-serif text-lg font-light text-white">Talk</p><p class="mt-0.5 max-w-md text-[0.8rem] leading-relaxed text-white/50">The client talks through what they want, room by room. The conversation IS the brief.</p></div></div><div class="flex items-start gap-3.5"><div class="grid size-9 shrink-0 place-items-center rounded-lg border border-white/12 bg-white/[0.04] text-ion"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor-play size-4" aria-hidden="true"><path d="M15.033 9.44a.647.647 0 0 1 0 1.12l-4.065 2.352a.645.645 0 0 1-.968-.56V7.648a.
11645.645 0 0 1 .967-.56z"></path><path d="M12 17v4"></path><path d="M8 21h8"></path><rect x="2" y="3" width="20" height="14" rx="2"></rect></svg></div><div><p class="font-serif text-lg font-light text-white">Watch</p><p class="mt-0.5 max-w-md text-[0.8rem] leading-relaxed text-white/50">The package builds itself: renders cast to the TV while you talk, the proposal and CAD plans follow in minutes.</p></div></div></div></div><div class="relative"><svg viewBox="0 0 640 260" role="img" aria-label="A linework drawing of capture glasses — the field instrument of the premier tier." class="h-auto w-full"><path fill="none" d="M96 96 h150 a18 18 0 0 1 18 18 v52 a18 18 0 0 1 -18 18 h-114 a18 18 0 0 1 -18 -18 l-18 -52 a13 13 0 0 1 0 -18 z" stroke="#f7f1e8" stroke-width="2.4" stroke-linejoin="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><path fill="none" d="M544 96 h-150 a18 18 0 0 0 -18 18 v52 a18 18 0 0 0 18 18 h114 a18 18 0 0 0 18 -18 l18 -52 a13 13 0 0 0 0 -18 z" stroke="#f7f1e8" stroke-width="2.4" stroke-linejoin="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><path fill="none" d="M264 118 q56 -22 112 0" stroke="#f7f1e8" stroke-width="2.2" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><line x1="78" y1="98" x2="30" y2="86" stroke="#f7f1e8" stroke-width="2" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="562" y1="98" x2="610" y2="86" stroke="#f7f1e8" stroke-width="2" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><circle fill="none" cx="520" cy="104" r="7" stroke="#7ff0d2" stroke-width="2" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></circle><line x1="520" y1="83" x2="520" y2="91" stroke="#7ff0d2" stroke-width="1.4" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="320" y1="158" x2="320" y2="174" stroke="#7ff0d2" stroke-width="1" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="312" y1="166" x2="328" y2="166" stroke="#7ff0d2" stroke-width="1" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="527" y1="98" x2="584" y2="54" stroke="#7ff0d2" stroke-width="1" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><path fill="none" d="M584 54 h44" stroke="#7ff0d2" stroke-width="1" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><text x="606" y="46" text-anchor="middle" fill="#7ff0d2" font-family="var(--font-geist-mono), ui-monospace, monospace" font-size="9" letter-spacing="2" opacity="0">CAPTURE</text></svg><div class="mx-auto mt-2 flex max-w-sm justify-center"><span class="inline-flex flex-col items-stretch" style="width:12rem"><span class="mb-1 flex items-center justify-center gap-2"><span class="figure-mono text-xs" style="color:var(--cine-ion)">FIELD INSTRUMENT</span></span><span class="relative block h-4" aria-hidden="true"><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute left-0 top-0"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg><span class="absolute left-[4px] right-[4px] top-[7.5px] h-px" style="background-color:var(--cine-ion);opacity:0.75"></span><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute right-0 top-0 -scale-x-100"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg></span></span></div><div class="relative mx-auto mt-7 max-w-sm overflow-hidden rounded-xl border border-white/[0.08] bg-black/40"><video src="/reels/short/wow-hero.mp4" poster="/reels/posters/wow-hero.jpg" muted="" loop="" playsInline="" preload="none" class="aspect-video w-full object-cover"></video><span class="pointer-events-none absolute left-3 top-3 rounded-full border border-white/20 bg-black/60 px-2.5 py-0.5 text-[0.52rem] font-medium uppercase tracking-[0.22em] text-white/75 backdrop-blur-sm">Concept film</span></div><p class="mx-auto mt-2.5 max-w-sm text-center text-[0.6rem] leading-relaxed text-white/30">The concept we&#x27;re building toward — a film, not product UI.</p></div><p class="text-[0.66rem] leading-relaxed text-white/30 lg:col-span-2">Honest status: the capture pipeline behind Halo is live in our studio today — walk-through captures already flow into measured plans and priced packages. The full glasses experience is the concept we&#x27;re building toward — the premier tier, in early access with Patten projects first. No release date is promised here; ask and we&#x27;ll tell you exactly where it stands.</p></div></div></div></div></section><section id="proof" class="relative z-10 w-full scroll-mt-20 py-24"><div class="mx-auto mb-12 w-full max-w-4xl px-6 text-center" style="opacity:0;transform:translateY(28px)"><p class="mb-3 text-[0.66rem] font-medium uppercase tracking-[0.32em] text-[#7ff0d2]/75">Built on real work</p><h2 class="text-balance font-serif text-3xl font-light leading-[1.05] text-white sm:text-5xl">No actors. No invented quotes.</h2><p class="mx-auto mt-4 max-w-xl text-balance text-sm leading-relaxed text-white/40">Every card below is a verifiable fact — real Patten Custom Homes projects, real invoice lines, real county records, one real signed proposal.</p></div><div class="relative mx-auto w-full max-w-[100rem] [mask-image:linear-gradient(to_right,transparent_0%,white_8%,white_92%,transparent_100%)]" style="opacity:0;transform:translateY(28px)"></div><p class="mt-10 text-center text-[0.66rem] uppercase tracking-[0.24em] text-white/25">Facts from the live system and completed Patten projects · client quotes appear only when clients give them</p></section><section id="pricing" class="relative z-10 mx-auto w-full max-w-6xl scroll-mt-20 px-6 py-20"><div class="relative mx-auto flex w-full max-w-3xl flex-col px-6 items-center text-center mb-12"><div class="flex flex-col items-center" style="opacity:0;transform:translateY(22px)"><p class="figure-mono mb-3 text-[0.66rem] uppercase tracking-[0.32em] text-ion/75">Honest pricing</p><h2 class="text-balance font-serif text-3xl font-light leading-[1.05] text-white sm:text-5xl">Preview free. Pay when it&#x27;s real.</h2></div><div class="relative mt-6 h-4 w-full" aria-hidden="true"><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 left-0" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg><svg class="absolute inset-x-[4px] top-0 h-4 w-[calc(100%-8px)]" preserveAspectRatio="none"><line x1="0" y1="8" x2="100%" y2="8" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1" style="stroke:var(--line-hair);stroke-width:1"></line></svg><svg viewBox="0 0 8 16" width="8" height="16" aria-hidden="true" class="absolute top-0 right-0 -scale-x-100" style="opacity:0;transform:scale(0.6)"><line x1="4" y1="1" x2="4" y2="15" style="stroke:var(--cine-ion);stroke-width:1;opacity:0.8"></line><line x1="0.5" y1="11.5" x2="7.5" y2="4.5" style="stroke:var(--cine-ion);stroke-width:1.25"></line></svg></div><p class="mt-4 max-w-xl text-balance text-sm leading-relaxed text-white/40" style="opacity:0">The measured preview and design directions cost nothing. No site visit, no CAD.</p></div><div class="grid items-stretch gap-5 md:grid-cols-3"><div class="h-full" style="opacity:0;transform:translateY(28px)"><div class="h-full rounded-3xl"><div class="relative flex h-full flex-col overflow-hidden rounded-[calc(1.5rem-1.5px)] bg-obsidian p-8 border border-white/[0.08]"><div class="relative flex items-center justify-between"><h3 class="font-serif text-2xl font-light text-white">Preview</h3><span class="rounded-full px-2.5 py-1 text-[0.6rem] font-medium uppercase tracking-[0.18em] border border-white/12 text-white/45">Start here</span></div><div class="relative mt-6 flex items-baseline gap-1.5"><span class="figure-mono text-5xl font-light text-white">$0</span><span class="text-sm text-white/40">always</span></div><ul class="relative mt-7 space-y-3"><li class="flex items-start gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->One photo → measured preview</li><li class="flex items-start gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->Per-axis confidence on every figure</li><li class="flex items-start gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->Three design directions</li><li class="flex items-start gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->Itemized estimate with provenance</li><li class="flex items-start gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->Shareable link</li></ul><div class="relative mt-auto pt-8"><a class="inline-flex w-full items-center justify-center gap-2 rounded-full px-6 py-3 text-sm font-semibold transition-transform hover:scale-[1.02] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70 border border-white/15 bg-white/[0.03] text-white/85 transition-colors hover:border-white/30" href="/vision">Drop a photo<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="h-full" style="opacity:0;transform:translateY(28px)"><div class="group/cg relative p-[1.5px] h-full rounded-3xl"><div class="absolute inset-0 z-[1] rounded-[inherit] opacity-40 blur-xl transition duration-500 will-change-transform group-hover/cg:opacity-70" style="background-image:radial-gradient(circle farthest-side at 0 100%, #37e0c4, transparent), radial-gradient(circle farthest-side at 100% 0, #6c5cef, transparent), radial-gradient(circle farthest-side at 100% 100%, hsl(40 74% 60%), transparent), radial-gradient(circle farthest-side at 0 0, #34d399, hsl(220 16% 7%))"></div><div class="absolute inset-0 z-[1] rounded-[inherit] opacity-80 will-change-transform" style="background-image:radial-gradient(circle farthest-side at 0 100%, #37e0c4, transparent), radial-gradient(circle farthest-side at 100% 0, #6c5cef, transparent), radial-gradient(circle farthest-side at 100% 100%, hsl(40 74% 60%), transparent), radial-gradient(circle farthest-side at 0 0, #34d399, hsl(220 16% 7%))"></div><div class="relative z-10 h-full rounded-[calc(1.5rem-1.5px)]"><div class="relative flex h-full flex-col overflow-hidden rounded-[calc(1.5rem-1.5px)] bg-obsidian p-8 "><div class="pointer-events-none absolute inset-0 bg-[linear-gradient(180deg,rgba(127,240,210,0.05),transparent_55%)]"></div><div class="relative flex items-center justify-between"><h3 class="font-serif text-2xl font-light text-white">Looks</h3><span class="rounded-full px-2.5 py-1 text-[0.6rem] font-medium uppercase tracking-[0.18em] bg-[var(--ion)]/15 text-[var(--ion)]">Pay as you go</span></div><div class="relative mt-6 flex items-baseline gap-1.5"><span class="figure-mono text-5xl font-light text-white">~$1</span><span class="text-sm text-white/40">/ rendered look</span></div><ul class="relative mt-7 space-y-3"><li class="flex items-start gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->Geometry-locked photoreal renders</li><li class="flex items-start gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->Machine-verified, drift disclosed</li><li class="flex items-start gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->Evolve any design, look by look</li><li class="flex items-start gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->Yours to keep and share</li></ul><div class="relative mt-auto pt-8"><a class="inline-flex w-full items-center justify-center gap-2 rounded-full px-6 py-3 text-sm font-semibold transition-transform hover:scale-[1.02] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70 bg-white text-black" href="/vision">See your space<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div><div class="h-full" style="opacity:0;transform:translateY(28px)"><div class="h-full rounded-3xl"><div class="relative flex h-full flex-col overflow-hidden rounded-[calc(1.5rem-1.5px)] bg-obsidian p-8 border border-white/[0.08]"><div class="relative flex items-center justify-between"><h3 class="font-serif text-2xl font-light text-white">Studio</h3><span class="rounded-full px-2.5 py-1 text-[0.6rem] font-medium uppercase tracking-[0.18em] border border-white/12 text-white/45">For the trade</span></div><div class="relative mt-6 flex items-baseline gap-1.5"><span class="figure-mono text-5xl font-light text-white">~$49</span><span class="text-sm text-white/40">/ month</span></div><ul class="relative mt-7 space-y-3"><li class="flex items-s
11tart gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->Full pro workspace — plans, estimate, materials</li><li class="flex items-start gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->Signable ESIGN/UETA contracts</li><li class="flex items-start gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->Whole-home projects</li><li class="flex items-start gap-2.5 text-[0.86rem] leading-relaxed text-white/65"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 size-4 shrink-0 text-[var(--ion)]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> <!-- -->AR walkthrough casting</li></ul><div class="relative mt-auto pt-8"><a class="inline-flex w-full items-center justify-center gap-2 rounded-full px-6 py-3 text-sm font-semibold transition-transform hover:scale-[1.02] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70 border border-white/15 bg-white/[0.03] text-white/85 transition-colors hover:border-white/30" href="/studio">Enter Studio<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div><p class="mt-8 text-center text-[0.72rem] leading-relaxed text-white/35">Introductory pricing, subject to change. Paid tiers are launching — the preview is live and free today.<br/><span class="text-white/25">Estimates are bands drawn from real completed projects; your final price is set only in a signed proposal.</span></p></section><section id="cta" class="relative z-10 flex min-h-[70vh] w-full items-center justify-center overflow-hidden px-6 py-28 text-center"><video src="/reels/short/reel-cortivex-halo-15s.mp4" poster="/reels/posters/reel-cortivex-halo-15s.jpg" muted="" loop="" playsInline="" preload="none" class="pointer-events-none absolute inset-0 h-full w-full object-cover opacity-30"></video><div class="absolute inset-0 bg-[radial-gradient(ellipse_at_center,transparent_5%,#060609_75%)]"></div><div class="relative z-10 mx-auto w-full max-w-3xl" style="opacity:0;transform:translateY(28px)"><div class="relative"><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 left-0"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute top-0 right-0 -scale-x-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 left-0 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><svg aria-hidden="true" width="19" height="19" class="pointer-events-none absolute bottom-0 right-0 -scale-x-100 -scale-y-100"><path d="M7.5 19 V7.5 H19" fill="none" stroke-width="1" style="stroke:var(--line-ink);opacity:0.22"></path></svg><div class="glass-cine relative overflow-hidden rounded-[2rem] px-8 py-16 sm:px-16 sm:py-20"><h2 class="text-balance font-serif text-4xl font-light leading-[1.03] text-white sm:text-6xl">Your space.<br/>
11Measured. Signed.</h2><div class="mt-10 flex flex-wrap items-center justify-center gap-3"><a class="group inline-flex items-center gap-2 rounded-full bg-white px-8 py-4 text-sm font-semibold text-black transition-transform hover:scale-[1.04] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70" href="/vision">Drop a photo <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="inline-flex items-center gap-2 rounded-full border border-white/15 bg-white/[0.03] px-7 py-4 text-sm font-medium text-white/80 backdrop-blur-md transition-colors hover:border-white/30 hover:text-white focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70" href="/studio">Enter the studio</a></div></div></div></div></section><footer class="relative z-10 border-t border-white/[0.06] px-6 pb-10 pt-14"><div class="mx-auto flex w-full max-w-6xl flex-col items-center gap-8 text-center"><p class="font-serif text-sm font-medium tracking-[0.5em] text-white/70">VIZHAUS</p><nav class="flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-[0.72rem] font-medium uppercase tracking-[0.2em] text-white/45"><a class="rounded-sm transition-colors hover:text-white focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70" href="/vision">Vision</a><a class="rounded-sm transition-colors hover:text-white focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70" href="/studio">Studio</a><a href="#pricing" class="rounded-sm transition-colors hover:text-white focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/70">Pricing</a></nav><p class="max-w-2xl text-[0.7rem] leading-relaxed text-white/30">Vizhaus produces AI concept documentation. Measurements are estimated from photographs and carry stated confidence — field-verify before building. Renders are geometry-preserving concepts, not photographs of completed work. Prices appear as bands from real completed projects; items without real data are priced on request. Final scope and price exist only in a signed proposal.</p></div><div class="mx-auto mt-10 w-full max-w-6xl"><div class="flex flex-wrap items-stretch gap-y-1 border-t" style="border-color:var(--line-hair)"><div class="flex min-w-0 flex-col gap-1 py-2.5 pr-4"><span class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">Project</span><span class="truncate font-serif text-sm font-light text-cine-ivory">Vizhaus</span></div><div class="border-l" style="border-color:var(--line-hair)"><div class="flex min-w-0 flex-col gap-1 px-4 py-2.5 first:pl-0"><span class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">Date</span><span class="figure-mono truncate text-xs text-white/75">© 2026</span></div></div><div class="border-l" style="border-color:var(--line-hair)"><div class="flex min-w-0 flex-col gap-1 px-4 py-2.5 first:pl-0"><span class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">Measurement</span><span class="figure-mono truncate text-xs text-white/75">image2cad engine · per-axis confidence</span></div></div><div class="border-l" style="border-color:var(--line-hair)"><div class="flex min-w-0 flex-col gap-1 px-4 py-2.5 first:pl-0"><span class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">Pricing</span><span class="figure-mono truncate text-xs text-white/75">live DB · real invoice lines</span></div></div><div class="border-l" style="border-color:var(--line-hair)"><div class="flex min-w-0 flex-col gap-1 px-4 py-2.5 first:pl-0"><span class="figure-mono text-[0.56rem] uppercase tracking-[0.24em] text-white/35">Renders</span><span class="figure-mono truncate text-xs text-white/75">geometry-locked · drift disclosed</span></div></div><div class="ml-auto flex items-end py-2.5 pl-4"><span class="text-[0.6rem] uppercase tracking-[0.24em] text-white/25">AI concept documentation · field-verify before building</span></div></div></div></footer></main><!--$--><!--/$--></div>
11<script src="/_next/static/chunks/0ut-u7--7ygu2.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ" id="_R_" async=""></script>
11<script>(self.__next_f=self.__next_f||[]).push([0])</script>
11<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[76073,[\"/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\"],\"default\"]\n3:I[58298,[\"/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/0hpj0nbql-3m7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\"],\"default\"]\n4:I[60135,[\"/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\"],\"default\"]\n5:I[26747,[\"/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/23byg1izsfrtq.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\"],\"\"]\nb:I[56881,[\"/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\"],\"default\",1]\n:HL[\"/_next/static/chunks/13fgybqwkn1hf.css?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"style\"]\n:HL[\"/_next/static/chunks/1vpmrvaphgnwh.css?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"style\"]\n:HL[\"/_next/static/media/2a65768255d6b625-s.p.3u4lli0-axodc.woff2?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.0r6juujl39pe6.woff2?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
11<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/13fgybqwkn1hf.css?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1vpmrvaphgnwh.css?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"manrope_24b337c1-module__-cE_Pq__variable playfair_display_554245ef-module__RX5pCq__variable geist_mono_47ec94a9-module__dxZAtG__variable h-full antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"bg-background text-foreground min-h-full flex flex-col font-sans\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$3\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0hpj0nbql-3m7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"async\":true}]],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"main\",null,{\"className\":\"cine-bg relative isolate flex min-h-dvh flex-col items-center justify-center gap-5 overflow-clip px-6 text-center\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"cine-grain\"}],[\"$\",\"p\",null,{\"className\":\"text-[0.66rem] font-medium uppercase tracking-[0.32em] text-ion/75\",\"children\":\"404 · Not found\"}],[\"$\",\"h1\",null,{\"className\":\"max-w-xl font-serif text-4xl font-light leading-[1.05] tracking-[-0.01em] text-cine-ivory sm:text-5xl\",\"children\":\"This page doesn’t exist.\"}],[\"$\",\"p\",null,{\"className\":\"max-w-md text-sm font-light leading-relaxed text-white/55\",\"children\":\"The address may be mistyped, or the plan, report, or proposal it pointed to was never generated. Nothing was lost on our side.\"}],[\"$\",\"div\",null,{\"className\":\"mt-3 flex flex-wrap items-center justify-center gap-3\",\"children\":[[\"$\",\"$L5\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center gap-2 rounded-full bg-white px-7 py-3 text-sm font-semibold text-black transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] hover:scale-[1.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ion/60 focus-visible:ring-offset-2 focus-visible:ring-offset-black\",\"children\":\"Back to Vizhaus\"}],[\"$\",\"$L5\",null,{\"href\":\"/vision\",\"className\":\"inline-flex items-center gap-2 rounded-full border border-white/15 bg-white/[0.03] px-6 py-3 text-sm font-medium text-white/80 backdrop-blur-md transition-colors hover:border-white/30 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40\",\"children\":\"Try Instant Vision\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-8 text-[0.6rem] uppercase tracking-[0.24em] text-white/20\",\"children\":\"Vizhaus · photo → measured plan → signed proposal\"}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"div\",null,{\"data-surface\":\"marketing\",\"className\":\"relative min-h-dvh w-full bg-background text-foreground antialiased selection:bg-gold/30 selection:text-cream\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"main\",null,{\"className\":\"cine-bg relative isolate flex min-h-dvh flex-col items-center justify-center gap-5 overflow-clip px-6 text-center\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"cine-grain\"}],[\"$\",\"p\",null,{\"className\":\"text-[0.66rem] font-medium uppercase tracking-[0.32em] text-ion/75\",\"children\":\"404 · Not found\"}],[\"$\",\"h1\",null,{\"className\":\"max-w-xl font-serif text-4xl font-light leading-[1.05] tracking-[-0.01em] text-cine-ivory sm:text-5xl\",\"children\":\"This page doesn’t exist.\"}],\"$L6\",\"$L7\",\"$L8\"]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}],{\"children\":[\"$L9\",{}
11,null,false,null]},null,false,null]},null,false,null],\"$La\",false]],\"m\":\"$undefined\",\"G\":[\"$b\",[\"$Lc\",\"$Ld\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\"}\n"])</script>
11<script>self.__next_f.push([1,"e:I[12124,[\"/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\"],\"ClientPageRoot\"]\nf:I[46681,[\"/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/0eoc4kvejg_qy.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/2felj4qqt9abr.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/0al2rvusxzrv_.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/0o93a7lpv752f.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\"],\"default\"]\n12:I[25355,[\"/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\"],\"OutletBoundary\"]\n13:\"$Sreact.suspense\"\n15:I[25355,[\"/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\"],\"ViewportBoundary\"]\n17:I[25355,[\"/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\"],\"MetadataBoundary\"]\n6:[\"$\",\"p\",null,{\"className\":\"max-w-md text-sm font-light leading-relaxed text-white/55\",\"children\":\"The address may be mistyped, or the plan, report, or proposal it pointed to was never generated. Nothing was lost on our side.\"}]\n7:[\"$\",\"div\",null,{\"className\":\"mt-3 flex flex-wrap items-center justify-center gap-3\",\"children\":[[\"$\",\"$L5\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center gap-2 rounded-full bg-white px-7 py-3 text-sm font-semibold text-black transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] hover:scale-[1.04] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ion/60 focus-visible:ring-offset-2 focus-visible:ring-offset-black\",\"children\":\"Back to Vizhaus\"}],[\"$\",\"$L5\",null,{\"href\":\"/vision\",\"className\":\"inline-flex items-center gap-2 rounded-full border border-white/15 bg-white/[0.03] px-6 py-3 text-sm font-medium text-white/80 backdrop-blur-md transition-colors hover:border-white/30 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40\",\"children\":\"Try Instant Vision\"}]]}]\n8:[\"$\",\"p\",null,{\"className\":\"mt-8 text-[0.6rem] uppercase tracking-[0.24em] text-white/20\",\"children\":\"Vizhaus · photo → measured plan → signed proposal\"}]\n9:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Le\",null,{\"Component\":\"$f\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@10\",\"$@11\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0eoc4kvejg_qy.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/2felj4qqt9abr.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0al2rvusxzrv_.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0o93a7lpv752f.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$13\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@14\"}]}]]}]\na:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L15\",null,{\"children\":\"$L16\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L17\",null,{\"children\":[\"$\",\"$13\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L18\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\nc:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/13fgybqwkn1hf.css?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\nd:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1vpmrvaphgnwh.css?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
11<script>self.__next_f.push([1,"10:{}\n11:\"$9:props:children:0:props:serverProvidedParams:params\"\n"])</script>
11<script>self.__next_f.push([1,"16:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
11<script>self.__next_f.push([1,"19:I[39780,[\"/_next/static/chunks/173mw95obyzi7.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"/_next/static/chunks/3n3yvff_6qsfw.js?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\"],\"IconMark\"]\n14:null\n"])</script>
11<script>self.__next_f.push([1,"18:[[\"$\",\"title\",\"0\",{\"children\":\"Vizhaus — Any space. Measured. Priced. Signed.\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Drop one photo and watch it become a measured plan, an autonomous design, a live-priced bill, and a signable contract. Geometry-locked renders, per-axis confidence on every figure, price bands from real completed Patten projects.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Vizhaus\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Vizhaus — Photo to measured plan to signed proposal\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"One photo becomes a measured plan, honest renders, and a signable proposal. Confidence and provenance shown, never hidden.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:site_name\",\"content\":\"Vizhaus\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"7\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:title\",\"content\":\"Vizhaus — Photo to measured plan to signed proposal\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:description\",\"content\":\"One photo becomes a measured plan, honest renders, and a signable proposal. Confidence and provenance shown, never hidden.\"}],[\"$\",\"link\",\"10\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.3l-2gfb2xrofy.ico?dpl=dpl_HcudAbcbTKqVVy2EN9CfSR4K2yKZ\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"$L19\",\"11\",{}]]\n"])</script>
11</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.