:root {
    --bg: #0a0a0a;
    --surface: #111111;
    --accent: #1a73e8;
    --text: #ffffff;
    --text-dim: #999999;
    --font-mono: 'JetBrains Mono', monospace;
    --section-pad: 120px 0;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body { background: var(--bg); color: var(--text); font-family: 'Inter', sans-serif; overflow: hidden; line-height: 1.35; -webkit-font-smoothing: antialiased; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 5%; }
.custom-scroll { height: 100vh; overflow-y: auto; overflow-x: hidden; }

/* SCROLLBAR */
.custom-scroll::-webkit-scrollbar { width: 4px; }
.custom-scroll::-webkit-scrollbar-track { background: #000; }
.custom-scroll::-webkit-scrollbar-thumb { background: var(--accent); }

/* NAV */
.studio-nav { position: absolute; width: 100%; top: 0; padding-top: 40px; z-index: 1000; }
.nav-flex { display: flex; justify-content: space-between; align-items: center; }
.brand { font-weight: 900; letter-spacing: -0.5px; font-size: 1.1rem; text-transform: uppercase; cursor: pointer; }
.brand span { font-weight: 300; color: var(--text-dim); }
.nav-links a { color: var(--text); text-decoration: none; font-size: 0.75rem; font-weight: 700; margin-left: 30px; text-transform: uppercase; letter-spacing: 1px; }
.btn-primary { background: var(--accent); padding: 10px 20px !important; color: white !important; border: none; }

/* HERO */
.hero-studio { height: 100vh; width: 100%; display: flex; flex-direction: column; position: relative; border-bottom: 1px solid #1a1a1a; }
.hero-layout-flex { flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 140px 5% 40px 5%; width: 100%; max-width: 1200px; margin: 0 auto; }
.hero-main-content { max-width: 800px; }
.badge-ai { font-family: var(--font-mono); font-size: 0.55rem; color: var(--accent); border: 1px solid var(--accent); padding: 4px 10px; margin-bottom: 20px; display: inline-block; letter-spacing: 1px; }
.hero-studio h1 { font-size: clamp(2.2rem, 7vw, 4.2rem); line-height: 1; font-weight: 900; letter-spacing: -1.5px; margin-bottom: 20px; }
.hero-studio h1 span { color: var(--accent); }
.hero-sub { max-width: 450px; color: var(--text-dim); font-size: 1.05rem; font-weight: 400; }

.stats-bar-bottom { display: flex; gap: 60px; border-top: 1px solid #222; padding-top: 25px; width: 100%; }
.stat .label { font-family: var(--font-mono); font-size: 0.55rem; color: var(--accent); display: block; margin-bottom: 6px; font-weight: bold; }
.stat p { font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }

/* LOGIC */
.logic-section { padding: var(--section-pad); border-bottom: 1px solid #1a1a1a; }
.section-header-compact { margin-bottom: 80px; }
.label-mono { font-family: var(--font-mono); color: var(--accent); font-size: 0.75rem; display: block; margin-bottom: 8px; }
.logic-section h2 { font-size: 3rem; font-weight: 900; letter-spacing: -1px; }
.logic-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; }
.logic-item h3 { font-size: 1rem; margin-bottom: 15px; font-weight: 700; border-left: 2px solid var(--accent); padding-left: 15px; }
.logic-item p { color: var(--text-dim); font-size: 0.9rem; line-height: 1.5; }

/* CONTACT SECTION - NEW INDUSTRIAL STYLE */
.studio-contact-section { padding: 150px 0; background: var(--bg); border-top: 1px solid #1a1a1a; }
.contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: start; }
.contact-text h2 { font-size: 3rem; font-weight: 900; margin-bottom: 30px; letter-spacing: -1px; }
.contact-text p { color: var(--text-dim); font-size: 1.1rem; line-height: 1.6; margin-bottom: 50px; }

.direct-links { display: flex; flex-direction: column; gap: 30px; }
.small-label { font-family: var(--font-mono); font-size: 0.6rem; color: var(--accent); letter-spacing: 1px; margin-bottom: 5px; display: block; }
.link-item p { font-size: 1rem; font-weight: 700; color: white; }

.industrial-form { display: flex; flex-direction: column; gap: 20px; }
.industrial-form input, .industrial-form select, .industrial-form textarea {
    background: #000; border: 1px solid #222; padding: 18px; color: white;
    font-family: inherit; font-size: 0.95rem; border-radius: 0; outline: none;
}
.industrial-form input:focus, .industrial-form select:focus, .industrial-form textarea:focus { border-color: var(--accent); }
.input-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.btn-submit {
    background: white; color: black; border: none; padding: 20px; font-weight: 900;
    text-transform: uppercase; letter-spacing: 2px; cursor: pointer; transition: all 0.2s;
}
.btn-submit:hover { background: var(--accent); color: white; }

/* FOOTER */
.footer-studio { padding: 80px 0 40px 0; background: #000; border-top: 1px solid #111; }
.bottom-bar { display: flex; justify-content: space-between; padding-top: 30px; border-top: 1px solid #111; font-family: var(--font-mono); font-size: 0.55rem; color: #444; }

@media (max-width: 900px) {
    .contact-grid { grid-template-columns: 1fr; gap: 60px; }
}
@media (max-width: 768px) {
    .logic-grid { grid-template-columns: 1fr; }
    .hero-studio h1 { font-size: 2.6rem; }
    .input-row { grid-template-columns: 1fr; }
}