:root{--bg: #0e0f13;--bg-elev: #171922;--surface: #1d202b;--text: #e8eaf0;--muted: #9aa0b0;--accent: #6c5ce7;--accent-2: #00d1b2;--border: #2a2e3a;--radius: 14px;--maxw: 1080px;--space: clamp(2rem,6vw,5rem);font-size: 16px;}*{box-sizing: border-box;}html{scroll-behavior: smooth;}body{margin: 0;background: var(--bg);color: var(--text);font-family: system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height: 1.6;-webkit-font-smoothing: antialiased;}img{max-width: 100%;height: auto;display: block;}a{color: var(--accent-2);text-decoration: none;}a:hover{text-decoration: underline;}h1,h2,h3{line-height: 1.2;margin: 0 0 .5em;}.container{width: 100%;max-width: var(--maxw);margin-inline: auto;padding-inline: 1.25rem;}.narrow{max-width: 720px;}.muted{color: var(--muted);}.section-title{text-align: center;font-size: clamp(1.5rem,4vw,2.25rem);margin-bottom: 1.5rem;}.site-header{position: sticky;top: 0;z-index: 50;background: rgba(14,15,19,.85);backdrop-filter: blur(8px);border-bottom: 1px solid var(--border);}.nav{display: flex;align-items: center;justify-content: space-between;gap: 1rem;min-height: 60px;}.brand{display: inline-flex;align-items: center;gap: .5rem;color: var(--text);font-weight: 700;font-size: 1.05rem;}.brand:hover{text-decoration: none;}.brand-logo{border-radius: 8px;}.nav-links{display: flex;gap: 1.25rem;}.nav-links a{color: var(--text);font-weight: 500;}.nav-links a:hover{color: var(--accent-2);text-decoration: none;}.nav-toggle{display: none;flex-direction: column;gap: 5px;background: none;border: 0;padding: 8px;cursor: pointer;}.nav-toggle-bar{width: 24px;height: 2px;background: var(--text);border-radius: 2px;transition: transform .2s ease,opacity .2s ease;}.site-main{display: block;}.hero{padding-block: var(--space);background: radial-gradient(60% 80% at 80% 0%,rgba(108,92,231,.25),transparent 60%),radial-gradient(50% 70% at 0% 20%,rgba(0,209,178,.15),transparent 60%);}.hero-inner{display: grid;gap: 2rem;align-items: center;}.hero-title{font-size: clamp(2.25rem,7vw,3.75rem);}.hero-tagline{font-size: clamp(1.05rem,2.5vw,1.35rem);color: var(--muted);margin-bottom: 1.75rem;max-width: 38ch;}.hero-image{border-radius: var(--radius);margin-inline: auto;}.construction{max-width: 360px;margin-inline: auto;}.crane{display: block;width: 100%;height: auto;}.cr-struct{fill: none;stroke: var(--muted);stroke-width: 2.5;stroke-linecap: round;stroke-linejoin: round;}.cr-lattice{fill: none;stroke: var(--border);stroke-width: 1.5;}.cr-stay{stroke: var(--muted);stroke-width: 1.5;}.cr-ground{stroke: var(--border);stroke-width: 2;}.cr-weight{fill: var(--muted);}.cr-trolley{fill: var(--muted);}.cr-cable{fill: var(--muted);transform-box: fill-box;transform-origin: top center;}.cr-hook{fill: none;stroke: var(--muted);stroke-width: 1.5;}.cr-sling{fill: none;stroke: var(--muted);stroke-width: 1.5;}.cr-load{fill: var(--accent);}.cr-brick{fill: var(--surface);stroke: var(--border);stroke-width: 1.5;}.cr-brick-top{fill: var(--accent-2);}.cr-lift{animation: crane-lift 3.4s ease-in-out infinite;}.cr-cable{animation: crane-cable 3.4s ease-in-out infinite;}.cr-brick-top{animation: crane-brick 3.4s ease-in-out infinite;}@keyframes crane-lift{0%,14%{transform: translateY(0);}46%,56%{transform: translateY(22px);}88%,100%{transform: translateY(0);}}@keyframes crane-cable{0%,14%{transform: scaleY(1);}46%,56%{transform: scaleY(1.6);}88%,100%{transform: scaleY(1);}}@keyframes crane-brick{0%,56%{opacity: 0;}72%,100%{opacity: 1;}}.build-label{margin: 0.6rem 0 0;text-align: center;color: var(--muted);font-size: 1.6rem;}@media (prefers-reduced-motion: reduce){.cr-lift,.cr-cable,.cr-brick-top{animation: none;}.cr-brick-top{opacity: 1;}}.store-buttons{display: flex;flex-wrap: wrap;gap: .75rem;}.store-btn{display: inline-block;}.store-btn img{height: 48px;width: auto;}.screenshots{padding-block: var(--space);}.shots-row{display: flex;gap: 1rem;overflow-x: auto;padding-bottom: .5rem;scroll-snap-type: x mandatory;}.shot{flex: 0 0 auto;width: 220px;border-radius: var(--radius);border: 1px solid var(--border);scroll-snap-align: center;background: var(--surface);}.features{padding-block: var(--space);background: var(--bg-elev);}.features-grid{display: grid;gap: 1rem;grid-template-columns: 1fr;}.feature{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);padding: 1.5rem;}.feature h3{margin-bottom: .35rem;}.feature p{margin: 0;color: var(--muted);}.cta{padding-block: var(--space);text-align: center;}.cta-inner .store-buttons{justify-content: center;}.page{padding-block: var(--space);}.page h1{font-size: clamp(1.75rem,5vw,2.5rem);}.page h2{margin-top: 2rem;}.faq dt{font-weight: 600;margin-top: 1rem;}.faq dd{margin: .25rem 0 0;color: var(--muted);}.contact-form{display: grid;gap: 1rem;margin-top: 1rem;}.field{display: grid;gap: .35rem;}.field label{font-weight: 600;}.field input,.field textarea{width: 100%;padding: .7rem .85rem;background: var(--surface);border: 1px solid var(--border);border-radius: 10px;color: var(--text);font: inherit;}.field input:focus,.field textarea:focus{outline: 2px solid var(--accent);outline-offset: 1px;}.hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;}.btn{display: inline-block;padding: .7rem 1.4rem;border: 0;border-radius: 10px;font: inherit;font-weight: 600;cursor: pointer;}.btn-primary{background: var(--accent);color: #fff;}.btn-primary:hover{filter: brightness(1.1);}.alert{padding: .85rem 1rem;border-radius: 10px;border: 1px solid var(--border);margin: 1rem 0;}.alert-success{background: rgba(0,209,178,.12);border-color: var(--accent-2);}.alert-error{background: rgba(231,76,60,.12);border-color: #e74c3c;}.site-footer{border-top: 1px solid var(--border);padding-block: 2rem;margin-top: var(--space);}.footer-inner{display: flex;flex-direction: column;gap: 1rem;align-items: center;text-align: center;}.footer-copy{margin: 0;color: var(--muted);}.footer-links{display: flex;gap: 1.25rem;flex-wrap: wrap;justify-content: center;}.footer-links a{color: var(--text);}@media (min-width: 760px){.hero-inner{grid-template-columns: 1.1fr .9fr;}.features-grid{grid-template-columns: repeat(2,1fr);}.footer-inner{flex-direction: row;justify-content: space-between;}}@media (min-width: 1000px){.features-grid{grid-template-columns: repeat(4,1fr);}}@media (max-width: 680px){.nav-toggle{display: flex;}.nav-links{position: absolute;top: 60px;left: 0;right: 0;flex-direction: column;gap: 0;background: var(--bg-elev);border-bottom: 1px solid var(--border);padding: .5rem 1.25rem 1rem;display: none;}.nav-links.is-open{display: flex;}.nav-links a{padding: .65rem 0;border-bottom: 1px solid var(--border);}}