/* Hero background assembled from Figma screenshot, with subtle parallax */
/* Square buttons (no rounding) */
.btn, .btn-circle { border-radius: 0 !important; }
:root { --rounded-btn: 0px; }
.bg-hero {
	/* Replace with exported asset from Figma at: ./public/static/figma-hero.jpg */
	background-image: url('./static/figma-hero.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Progressive reveal on scroll */
[data-animate] { opacity: 0; transform: translateY(10px); transition: opacity .6s ease, transform .6s ease; }
[data-animate].in-view { opacity: 1; transform: translateY(0); }

/* Reduce motion respect */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Typewriter caret */
.type-caret { position: relative; display: inline-block; }
.type-caret::after { content: ''; display: inline-block; width: 0.6ch; height: 1em; background: currentColor; margin-left: 2px; vertical-align: -0.1em; animation: caret-blink 1s steps(1, end) infinite; }
@keyframes caret-blink { 0%, 49% { opacity: 1 } 50%, 100% { opacity: 0 } }

/* Segmented vertical connector line with scroll-grow effect */
.vline {
	position: relative;
	width: 1px;
	height: 10rem; /* uniform length for all segments */
	margin: 2.5rem auto; /* symmetric spacing above/below */
	background: linear-gradient(to bottom, rgba(255,255,255,0.18), rgba(255,255,255,0.18)) no-repeat center top/1px 0%;
}

/* Book a Demo form exact look */
.form-card .input,
.form-card .textarea {
    background: #000000;
    border: 1px solid rgba(255,255,255,0.25);
    color: #ffffff !important;
    caret-color: #ffffff;
    appearance: none;
}
.form-card .select {
    background: #000000;
    border: 1px solid rgba(255,255,255,0.25);
    color: #ffffff !important;
    appearance: none;
}
.form-card .select option { color: #ffffff; background: #000000; }
.form-card .input::placeholder,
.form-card .textarea::placeholder { color: rgba(255,255,255,0.25) !important; }

/* Override browser autofill blues (Safari/Chrome) */
.form-card input:-webkit-autofill,
.form-card textarea:-webkit-autofill {
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 100000s ease-in-out 0s;
    box-shadow: 0 0 0 1000px #000 inset;
    -webkit-box-shadow: 0 0 0 1000px #000 inset;
}
.form-card .radio { border-color: rgba(255,255,255,0.35); }

/* Inter font utility for form */
.font-inter { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
.vline::before,
.vline::after { content: ''; display: block; }



/* Removed /contact highlight */