@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@700;800;900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#e8e6e1;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--onyx: #121212;--lead: #2A2A2A;--old-gold: #B89B5E;--parchment: #E8E6E1;--dark-gold: #8A7242;--border-width: 1px;--max-width: 1280px;--radius: 6px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--onyx);color:var(--parchment);overflow-x:hidden;-webkit-tap-highlight-color:transparent}#root{width:100%}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}h1,h2,h3,h4{font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:-.02em;font-weight:900;line-height:1.1}a{color:var(--old-gold);text-decoration:none;font-weight:600;transition:all .2s cubic-bezier(.23,1,.32,1)}a:hover{filter:brightness(1.2)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-0{left:0}.-top-12{top:-3rem}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.w-full{width:100%}.h-full{height:100%}.max-w-full{max-width:100%}.max-h-full{max-height:100%}.max-w-\[90vw\]{max-width:90vw}.max-h-\[85vh\]{max-height:85vh}.max-w-5xl{max-width:64rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-2{grid-column:span 2 / span 2}}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-32{padding-bottom:8rem}@media (min-width: 768px){.md\:pb-32{padding-bottom:8rem}}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-20{padding-top:5rem}.pt-32{padding-top:8rem}.pt-36{padding-top:9rem}.pt-48{padding-top:12rem}@media (min-width: 768px){.md\:pt-48{padding-top:12rem}}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-32{padding-top:8rem;padding-bottom:8rem}@media (min-width: 768px){.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}@media (min-width: 768px){.md\:px-8{padding-left:2rem;padding-right:2rem}}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-tiny,.text-\[10px\]{font-size:10px}.text-\[8px\]{font-size:8px}.text-center{text-align:center}.font-bold{font-weight:700}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.tracking-wide{letter-spacing:.05em}.tracking-tighter{letter-spacing:-.05em}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.hidden{display:none}.whitespace-nowrap{white-space:nowrap}.shrink-0{flex-shrink:0}.overflow-x-hidden{overflow-x:hidden}@media (min-width: 768px){.md\:flex{display:flex}.md\:gap-8{gap:2rem}.md\:inline{display:inline}.md\:-right-12{right:-3rem}}.bg-onyx{background-color:var(--onyx)}.bg-lead{background-color:var(--lead)}.bg-gold-10{background-color:#b89b5e1a}.text-old-gold{color:var(--old-gold)}.border-b-2{border-bottom-width:1px}.border-t-2{border-top-width:1px}.border-y-2{border-top-width:1px;border-bottom-width:1px}.border-lead{border-color:#ffffff1a}.border-gold{border-color:var(--old-gold)}.brutal-card{background:var(--lead);border:var(--border-width) solid rgba(255,255,255,.05);padding:1.5rem;border-radius:var(--radius);transition:all .3s cubic-bezier(.23,1,.32,1)}.brutal-card:hover{border-color:#b89b5e4d;transform:translateY(-4px);box-shadow:0 12px 30px #0006}.btn-brutal{display:inline-flex;align-items:center;gap:.75rem;background:var(--old-gold);color:var(--onyx);padding:.875rem 1.75rem;font-weight:700;text-transform:uppercase;border:none;border-radius:var(--radius);cursor:pointer;font-family:Outfit,sans-serif;font-size:.8125rem;letter-spacing:.05em;transition:all .2s cubic-bezier(.23,1,.32,1)}.btn-brutal:hover{background-color:var(--parchment);transform:translateY(-2px);box-shadow:0 4px 12px #b89b5e33}.btn-outline{background:transparent;border:var(--border-width) solid var(--old-gold);color:var(--old-gold)}.btn-outline:hover{background:var(--old-gold);color:var(--onyx)}.section-label{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:var(--old-gold);margin-bottom:2rem;display:block}.metric-box{border-left:4px solid var(--old-gold);padding-left:1.5rem}.metric-value{font-size:3rem;font-weight:900;display:block;line-height:1;font-family:Outfit,sans-serif}.metric-label{font-size:.75rem;color:var(--old-gold);text-transform:uppercase;font-weight:900;letter-spacing:.1em}.grid-bg{background-image:linear-gradient(rgba(42,42,42,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(42,42,42,.4) 1px,transparent 1px);background-size:60px 60px}.grayscale{filter:grayscale(100%)}.group:hover .group-hover\:grayscale-0{filter:grayscale(0%)}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.min-h-screen{min-height:100vh}.max-w-7xl{max-width:80rem}.max-w-4xl{max-width:56rem}.max-w-xl{max-width:36rem}.max-w-md{max-width:28rem}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.list-none{list-style:none}.text-left{text-align:left}.italic{font-style:italic}.lowercase{text-transform:lowercase}.cursor-pointer{cursor:pointer}.font-medium{font-weight:500}.font-outfit{font-family:Outfit,sans-serif}.tracking-tight{letter-spacing:-.025em}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}@media (min-width: 768px){.md\:text-2xl{font-size:1.5rem}.md\:text-5xl{font-size:3rem}.md\:text-8xl{font-size:6rem}}@media (max-width: 480px){.hero-title{font-size:2.75rem!important}}@media (min-width: 481px) and (max-width: 767px){.hero-title{font-size:3.5rem!important}}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-auto{height:auto}.top-0{top:0}.right-0{right:0}.-bottom-6{bottom:-1.5rem}.-right-6{right:-1.5rem}.-m-8{margin:-2rem}.-rotate-1{transform:rotate(-1deg)}.z-10{z-index:10}.z-20{z-index:20}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-3{margin-top:.75rem}.pt-4{padding-top:1rem}.pt-12{padding-top:3rem}.pb-10{padding-bottom:2.5rem}.pl-2{padding-left:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}@media (min-width: 768px){.md\:p-12{padding:3rem}}.space-y-4>*+*{margin-top:1rem}.space-y-10>*+*{margin-top:2.5rem}.space-y-16>*+*{margin-top:4rem}.bg-transparent{background:transparent}.bg-old-gold{background-color:var(--old-gold)}.bg-onyx\/95{background-color:#121212f2}.bg-onyx\/90{background-color:#121212e6}.bg-onyx\/50{background-color:#12121280}.bg-onyx\/40{background-color:#12121266}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-lead\/10{background-color:#2a2a2a1a}.bg-lead\/30{background-color:#2a2a2a4d}.bg-lead\/50{background-color:#2a2a2a80}.bg-old-gold\/5{background-color:#b89b5e0d}.bg-old-gold\/40{background-color:#b89b5e66}.bg-white\/10{background-color:#ffffff1a}.text-white{color:#fff}.text-white\/10{color:#ffffff1a}.text-white\/80{color:#fffc}.text-onyx{color:var(--onyx)}.text-parchment{color:var(--parchment)}.text-parchment\/30{color:#e8e6e14d}.text-parchment\/50{color:#e8e6e180}.text-parchment\/60{color:#e8e6e199}.text-parchment\/70{color:#e8e6e1b3}.text-old-gold\/40{color:#b89b5e66}.text-old-gold\/60{color:#b89b5e99}.text-old-gold\/80{color:#b89b5ecc}.text-old-gold\/90{color:#b89b5ee6}.border{border:1px solid rgba(255,255,255,.08)}.border-b{border-bottom:1px solid rgba(255,255,255,.08)}.border-t{border-top:1px solid rgba(255,255,255,.08)}.border-y{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.border-l-2{border-left-width:2px;border-left-style:solid}.border-none{border:none}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-old-gold\/10{border-color:#b89b5e1a}.border-old-gold\/20{border-color:#b89b5e33}.rounded-sm{border-radius:4px}.shadow-xl{box-shadow:0 20px 45px #00000059}.shadow-2xl{box-shadow:0 25px 60px #00000073}.opacity-40{opacity:.4}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:-translate-x-1{transform:translate(-.25rem)}.group{position:relative}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.23,1,.32,1);transition-duration:.2s}.transition-colors{transition:color .2s cubic-bezier(.23,1,.32,1),background-color .2s cubic-bezier(.23,1,.32,1),border-color .2s cubic-bezier(.23,1,.32,1)}.transition-opacity{transition:opacity .2s cubic-bezier(.23,1,.32,1)}.transition-transform{transition:transform .2s cubic-bezier(.23,1,.32,1)}.duration-700{transition-duration:.7s}.hover\:text-old-gold:hover{color:var(--old-gold)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.selection\:bg-old-gold::selection{background-color:var(--old-gold)}.selection\:text-onyx::selection{color:var(--onyx)}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.min-w-\[80px\]{min-width:80px}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.5em\]{letter-spacing:.5em}@media (min-width: 768px){.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-7{grid-column:span 7 / span 7}.md\:flex-row{flex-direction:row}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}button:focus-visible,a:focus-visible{outline:2px solid var(--old-gold);outline-offset:2px}.screenshot-frame{width:100%;max-width:420px;margin-left:auto;margin-right:auto}.screenshot-frame--hero{max-width:360px}.screenshot-frame--premium{max-width:380px}.screenshot-column{display:flex;justify-content:center}.screenshot-image{display:block;object-fit:contain}@media (min-width: 1024px){.screenshot-frame--hero{max-width:320px}.screenshot-frame--premium{max-width:340px}}.contact-form{display:flex;flex-direction:column;gap:1.25rem;border-color:#ffffff14}.contact-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-field{display:flex;flex-direction:column;gap:.5rem}.contact-label{font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#b89b5ed9}.contact-input{width:100%;border:1px solid rgba(255,255,255,.14);background:#ffffff05;color:var(--parchment);border-radius:var(--radius);padding:.75rem .9rem;font-size:.9375rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;transition:border-color .16s ease,background-color .16s ease}.contact-input::placeholder{color:#e8e6e159}.contact-input:hover{border-color:#b89b5e73}.contact-input:focus-visible{outline:none;border-color:var(--old-gold);background:#ffffff0a;box-shadow:0 0 0 2px #b89b5e33}.contact-textarea{min-height:150px;resize:vertical}.contact-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.btn-brutal:disabled{cursor:not-allowed;opacity:.7;transform:none}.contact-feedback{font-size:.8125rem;font-weight:500}.contact-feedback--sending{color:#e8e6e1b8}.contact-feedback--success{color:#8bd19d}.contact-feedback--error{color:#ff8c8c}.screenshot-miniature{perspective:1000px;width:180px;flex-shrink:0;scroll-snap-align:start}@media (min-width: 1024px){.screenshot-miniature{width:220px}}.gallery-container{width:100%;overflow-x:auto;padding:1rem 0 3rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0}.gallery-grid{display:flex;gap:1.5rem;width:max-content;padding:0 1.5rem}@media (min-width: 1024px){.gallery-container{width:100%;margin:0;overflow:visible;padding:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;width:100%}}.gallery-container::-webkit-scrollbar{display:none}.screenshot-miniature img{transform:rotateY(0);transition:transform .6s cubic-bezier(.23,1,.32,1),filter .5s ease}.screenshot-miniature:hover img{transform:rotateY(5deg)}.screenshot-miniature p{font-family:Outfit,sans-serif}@media (max-width: 640px){.screenshot-miniature p{font-size:8px}}