:root {
            --bg-deep: #05070B;
            --bg-elevated: #0A0D14;
            --bg-card: #0D1119;
            --border-subtle: rgba(255, 255, 255, 0.06);
            --border-glow: rgba(255, 255, 255, 0.12);
            --text-primary: #F5F5F7;
            --text-secondary: #A0A5B0;
            --text-tertiary: #6B7080;
            --accent: #D4A574;
            --accent-warm: #C8A882;
            --gold-light: #E0C78A;
            --white-soft: #EAEAEC;
            --font-display: 'Playfair Display', serif;
            --font-body: 'Inter', sans-serif;
            --font-mono: 'JetBrains Mono', monospace;
            --shadow-card: 0 1px 2px rgba(0,0,0,0.4), 0 8px 32px rgba(0,0,0,0.5);
            --shadow-glow: 0 0 60px rgba(200,165,110,0.08);
            --transition-smooth: cubic-bezier(0.22,0.61,0.36,1);
            --transition-bounce: cubic-bezier(0.34,1.56,0.64,1);
        }
        * { margin:0; padding:0; box-sizing:border-box; border-radius:0!important; }
        html { scroll-behavior:smooth; font-size:16px; -webkit-font-smoothing:antialiased; }
        body { background-color:var(--bg-deep); color:var(--text-primary); font-family:var(--font-body); line-height:1.6; overflow-x:hidden; min-height:100vh; position:relative; }
        #particleCanvas { position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:0; opacity:0.7; }
        .main-container { position:relative; z-index:1; max-width:1280px; margin:0 auto; padding:0 40px; }
        .header { display:flex; align-items:center; justify-content:space-between; padding:28px 0; z-index:10; position:relative; }
        .logo-container { display:flex; align-items:center; gap:10px; }
        .logo-icon { width:42px; height:42px; background:linear-gradient(135deg,#1A1D28,#0E1018); border:1px solid rgba(255,255,255,0.15); display:flex; align-items:center; justify-content:center; box-shadow:0 0 30px rgba(200,160,100,0.15); transition:box-shadow 0.6s; }
        .logo-icon:hover { box-shadow:0 0 50px rgba(200,160,100,0.3); }
        .logo-icon svg { width:22px; height:22px; }
        .logo-text { font-family:var(--font-display); font-weight:600; font-size:1.55rem; letter-spacing:0.04em; color:var(--white-soft); display:flex; align-items:baseline; }
        .logo-text .logo-dot { color:var(--white-soft); font-weight:400; margin-left:1px; font-size:1.6rem; }
        .logo-text span { font-weight:300; color:var(--accent-warm); letter-spacing:0.08em; }
        .nav-links { display:flex; gap:32px; align-items:center; }
        .nav-link { color:var(--text-secondary); text-decoration:none; font-size:0.85rem; letter-spacing:0.04em; text-transform:uppercase; transition:color 0.3s; position:relative; }
        .nav-link:hover { color:var(--text-primary); }
        .nav-link::after { content:''; position:absolute; bottom:-6px; left:0; width:0; height:1px; background:var(--accent); transition:width 0.4s; }
        .nav-link:hover::after { width:100%; }

        /* Hero Section – Robô gigante como camada de fundo */
        .hero-section { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; min-height:100vh; padding:20px 0 60px; }
        .hero-content { z-index:3; }
        .hero-eyebrow { font-family:var(--font-mono); font-size:0.7rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--accent-warm); margin-bottom:20px; font-weight:500; }
        .hero-title { font-family:var(--font-display); font-size:clamp(3.2rem,5.5vw,5rem); font-weight:600; line-height:1.08; color:var(--white-soft); margin-bottom:18px; }
        .hero-title .accent-word { color:transparent; background:linear-gradient(135deg,#D4A574,#E8D5B0,#C8A882); -webkit-background-clip:text; background-clip:text; }
        .hero-subtitle { font-size:1.2rem; font-weight:300; color:var(--text-secondary); margin-bottom:10px; }
        .hero-description { font-size:0.95rem; font-weight:300; color:var(--text-tertiary); max-width:440px; line-height:1.7; margin-bottom:36px; }
        .hero-buttons { display:flex; gap:16px; flex-wrap:wrap; }
        .btn-primary { background:linear-gradient(135deg,#C8A882,#B89365); color:#0A0A0A; border:1px solid rgba(255,255,255,0.1); padding:15px 32px; font-weight:600; font-size:0.9rem; letter-spacing:0.03em; cursor:pointer; transition:all 0.4s; text-decoration:none; display:inline-flex; align-items:center; gap:8px; box-shadow:0 4px 24px rgba(200,160,100,0.25); }
        .btn-primary:hover { box-shadow:0 8px 40px rgba(200,160,100,0.45); transform:translateY(-2px); }
        .btn-secondary { background:transparent; color:var(--text-primary); border:1px solid rgba(255,255,255,0.2); padding:14px 30px; font-weight:500; font-size:0.9rem; letter-spacing:0.03em; cursor:pointer; transition:all 0.4s; text-decoration:none; display:inline-flex; align-items:center; gap:8px; backdrop-filter:blur(8px); }
        .btn-secondary:hover { border-color:rgba(255,255,255,0.45); background:rgba(255,255,255,0.04); transform:translateY(-2px); }

        /* Robô como camada de fundo */
        .robot-background { position:absolute; right:0; top:0; width:50%; height:100%; z-index:1; pointer-events:none; display:flex; align-items:center; justify-content:center; }
        .humanoid-container { position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
        .humanoid-glow { position:absolute; width:500px; height:500px; background:radial-gradient(circle, rgba(200,165,110,0.2) 0%, transparent 70%); top:50%; left:50%; transform:translate(-50%,-50%); animation:glowPulse 4s infinite; }
        .humanoid-glow-ring { position:absolute; width:550px; height:550px; border:2px solid rgba(200,180,140,0.08); top:50%; left:50%; transform:translate(-50%,-50%); animation:ringRotate 25s linear infinite; }
        .humanoid-img { position:relative; z-index:2; width:auto; height:85vh; max-width:500px; object-fit:contain; filter:drop-shadow(0 30px 80px rgba(180,150,120,0.4)); animation:floatHumanoid 7s ease-in-out infinite; will-change:transform; }
        @keyframes floatHumanoid { 0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)} }
        @keyframes glowPulse { 0%,100%{opacity:0.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:0.9;transform:translate(-50%,-50%) scale(1.2)} }
        @keyframes ringRotate { 0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)} }

        .countdown-section { text-align:center; padding:50px 0 70px; border-top:1px solid var(--border-subtle); border-bottom:1px solid var(--border-subtle); margin-bottom:60px; position:relative; z-index:2; background:var(--bg-deep); }
        .countdown-timer { display:flex; justify-content:center; gap:40px; flex-wrap:wrap; }
        .countdown-number { font-family:var(--font-display); font-size:4rem; font-weight:600; color:var(--white-soft); position:relative; }
        .countdown-number::after { content:''; position:absolute; bottom:-4px; left:10%; width:80%; height:1px; background:rgba(200,170,120,0.3); }
        .countdown-unit { font-family:var(--font-mono); font-size:0.7rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--text-tertiary); margin-top:10px; }
        .countdown-separator { font-family:var(--font-display); font-size:3.5rem; color:var(--accent-warm); font-weight:300; padding-top:8px; opacity:0.5; }
        .cards-section { padding:40px 0 80px; position:relative; z-index:2; background:var(--bg-deep); }
        .cards-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
        .card-premium { background:var(--bg-card); border:1px solid var(--border-subtle); padding:32px 28px; transition:all 0.5s; position:relative; overflow:hidden; box-shadow:var(--shadow-card); }
        .card-premium:hover { border-color:var(--border-glow); transform:translateY(-6px); box-shadow:var(--shadow-card), var(--shadow-glow); }
        .card-icon { width:48px; height:48px; background:rgba(255,255,255,0.03); display:flex; align-items:center; justify-content:center; margin-bottom:18px; border:1px solid rgba(255,255,255,0.08); transition:all 0.4s; }
        .card-premium:hover .card-icon { background:rgba(200,170,120,0.08); border-color:rgba(200,170,120,0.25); }
        .card-icon svg { width:22px; height:22px; stroke:var(--accent-warm); fill:none; stroke-width:1.5; }
        .card-title { font-weight:600; font-size:0.95rem; margin-bottom:6px; }
        .card-desc { font-size:0.8rem; color:var(--text-tertiary); font-weight:300; }

        .ceo-section { padding: 100px 0; border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); margin-bottom: 60px; position: relative; overflow: hidden; z-index:2; background:var(--bg-deep); }
        .ceo-container { display: flex; align-items: center; gap: 80px; max-width: 1100px; margin: 0 auto; position: relative; z-index: 2; }
        .ceo-photo { flex-shrink: 0; width: 320px; height: 320px; border: 2px solid rgba(200,170,120,0.4); padding: 4px; background: var(--bg-card); box-shadow: 0 0 80px rgba(200,160,100,0.15); transition: box-shadow 0.5s, transform 0.1s linear; will-change: transform; }
        .ceo-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .ceo-content { flex: 1; }
        .ceo-title { font-family: var(--font-display); font-size: 2rem; font-weight: 500; color: var(--white-soft); margin-bottom: 20px; letter-spacing: -0.01em; }
        .ceo-text { font-size: 1rem; color: var(--text-secondary); line-height: 1.8; margin-bottom: 16px; font-weight: 300; }
        .ceo-signature { font-family: var(--font-mono); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--accent-warm); margin-bottom: 28px; }
        .btn-gold { background: transparent; border: 1px solid var(--gold-light); color: var(--gold-light); padding: 14px 32px; font-size: 0.85rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; display: inline-block; transition: all 0.4s; cursor: pointer; }
        .btn-gold:hover { background: rgba(200,170,120,0.1); border-color: var(--accent-warm); color: var(--accent-warm); box-shadow: 0 0 40px rgba(200,160,100,0.25); }
        .ceo-section .ceo-container { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; }
        .ceo-section.revealed .ceo-container { opacity: 1; transform: translateY(0); }

        .form-section { padding:60px 0 80px; border-top:1px solid var(--border-subtle); position:relative; z-index:2; background:var(--bg-deep); }
        .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:750px; margin:0 auto; }
        .form-group { display:flex; flex-direction:column; gap:6px; }
        .form-group.full-width { grid-column:1/-1; }
        .form-label { font-size:0.75rem; font-weight:500; letter-spacing:0.06em; text-transform:uppercase; color:var(--text-secondary); }
        .form-input { background:var(--bg-elevated); border:1px solid var(--border-subtle); padding:13px 16px; color:var(--text-primary); font-family:var(--font-body); font-size:0.9rem; transition:all 0.3s; outline:none; width:100%; }
        .form-input:focus { border-color:rgba(200,170,120,0.5); box-shadow:0 0 20px rgba(200,160,100,0.08); }
        select.form-input { appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7080' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; padding-right:40px; }
        .checkbox-group { display:flex; align-items:flex-start; gap:10px; margin-top:8px; }
        .checkbox-group input[type="checkbox"] { appearance:none; width:20px; height:20px; border:1px solid var(--border-glow); background:transparent; cursor:pointer; margin-top:2px; position:relative; }
        .checkbox-group input[type="checkbox"]:checked { background:var(--accent-warm); border-color:var(--accent-warm); }
        .checkbox-group input[type="checkbox"]:checked::after { content:''; position:absolute; left:6px; top:2px; width:5px; height:10px; border:solid #0A0A0A; border-width:0 2px 2px 0; transform:rotate(45deg); }
        .checkbox-label { font-size:0.8rem; color:var(--text-secondary); font-weight:300; cursor:pointer; }
        .btn-submit { background:linear-gradient(135deg,#C8A882,#B89365); color:#0A0A0A; border:1px solid rgba(255,255,255,0.1); padding:16px 48px; font-weight:600; font-size:0.9rem; letter-spacing:0.04em; cursor:pointer; transition:all 0.4s; box-shadow:0 4px 24px rgba(200,160,100,0.25); text-transform:uppercase; }
        .btn-submit:hover { box-shadow:0 8px 40px rgba(200,160,100,0.45); transform:translateY(-2px); }
        .footer { text-align:center; padding:40px 0; border-top:1px solid var(--border-subtle); position:relative; z-index:2; background:var(--bg-deep); }
        .footer-logo { font-family:var(--font-display); font-weight:600; font-size:1.2rem; color:var(--white-soft); }
        .footer-logo .logo-dot { color:var(--white-soft); }
        .footer-tagline { font-size:0.75rem; color:var(--text-tertiary); letter-spacing:0.05em; font-weight:300; }
        .footer-copy { font-size:0.7rem; color:var(--text-tertiary); margin-top:16px; opacity:0.6; }
        .toast { position:fixed; bottom:40px; left:50%; transform:translateX(-50%) translateY(120px); background:#1A1D28; border:1px solid rgba(200,170,120,0.4); color:var(--text-primary); padding:16px 32px; font-size:0.85rem; z-index:999; transition:transform 0.5s var(--transition-bounce); box-shadow:0 8px 40px rgba(0,0,0,0.6); }
        .toast.show { transform:translateX(-50%) translateY(0); }
        @media (max-width:900px) {
            .cards-grid { grid-template-columns:repeat(2,1fr); }
            .hero-section { grid-template-columns:1fr; min-height:auto; }
            .robot-background { position:relative; width:100%; height:50vh; order:-1; }
            .humanoid-img { height:50vh; max-width:300px; }
            .ceo-container { flex-direction: column; text-align: center; gap: 40px; }
            .ceo-photo { width: 220px; height: 220px; }
        }
        @media (max-width:600px) {
            .cards-grid { grid-template-columns:1fr; }
            .main-container { padding:0 20px; }
            .hero-title { font-size:2.4rem; }
            .hero-buttons { flex-direction:column; }
            .countdown-number { font-size:2.2rem; }
            .countdown-separator { display:none; }
            .form-grid { grid-template-columns:1fr; }
            .humanoid-img { height:40vh; }
        }