*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
        :root {
            --or: #E06100; --or2: #FF9E3D; --or3: #B04900;
            --bg: #ffffff; --bg2: #fffaf6; --bg3: #fff1e7;
            --card: #ffffff; --card2: #fff6ec;
            --bdr: rgba(220,92,0,0.30); --bdr2: rgba(220,92,0,0.62);
            --gr: #6b7280; --tx: #1f2937; --grn: #15803d;
            --font-head: 'Orbitron', sans-serif;
            --font-mono: 'JetBrains Mono', monospace;
            --font-body: 'Inter', -apple-system, sans-serif;
        }
        html { scroll-behavior: smooth; }
        body { font-family: var(--font-body); background: var(--bg); color: var(--tx); line-height: 1.6; overflow-x: hidden; position:relative; }
        h1, h2, h3, .logo, .sn, .stat-number { font-family: var(--font-head); }
        .stag, .hud-lbl, .hud-val, .sl, .hsl, .hsv, .hlb, .mlb, .mv, .badge { font-family: var(--font-mono); }
        .bp, .bs { font-family: var(--font-body); font-weight:700; letter-spacing:.3px; }
        .nm a { font-family: var(--font-mono); }

        /* SCANLINE OVERLAY */
        #scanline { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9998; pointer-events:none; background:linear-gradient(rgba(220,92,0,0) 50%, rgba(220,92,0,.02) 50%); background-size:100% 4px; mix-blend-mode:overlay; }
        #scanline::before { content:''; position:absolute; left:0; width:100%; height:2px; background:linear-gradient(90deg,transparent,rgba(220,92,0,.5),transparent); animation:scanmove 6s linear infinite; box-shadow:0 0 12px rgba(220,92,0,.5); }
        @keyframes scanmove { 0%{top:-2%} 100%{top:102%} }
        #noise-vignette { position:fixed; inset:0; z-index:9997; pointer-events:none; background:radial-gradient(ellipse at center, transparent 55%, rgba(0,0,0,.55) 100%); }

        /* CYBER CORNER BRACKETS */
        .fc, .bi, .hc3, .hero-card-3d, .b3, .benefit-3d-box {
            position: relative;
        }
        .fc::before, .bi::before {
            content:'';
        }
        .corner { position:absolute; width:14px; height:14px; border:2px solid var(--or); opacity:.55; transition:opacity .3s; pointer-events:none; }
        .corner.tl { top:-1px; left:-1px; border-right:none; border-bottom:none; }
        .corner.tr { top:-1px; right:-1px; border-left:none; border-bottom:none; }
        .corner.bl { bottom:-1px; left:-1px; border-right:none; border-top:none; }
        .corner.br { bottom:-1px; right:-1px; border-left:none; border-top:none; }
        .fc:hover .corner, .bi:hover .corner { opacity:1; filter:drop-shadow(0 0 4px var(--or)); }

        /* GLITCH TEXT */
        .glitch { position:relative; display:inline-block; }
        .glitch::before, .glitch::after {
            content: attr(data-text);
            position:absolute; top:0; left:0; width:100%; height:100%;
            overflow:hidden; opacity:0.7;
        }
        .glitch::before { color:#00e5ff; clip-path: inset(0 0 55% 0); animation: glitchTop 4.5s infinite linear; }
        .glitch::after { color:#ff2079; clip-path: inset(55% 0 0 0); animation: glitchBot 4.5s infinite linear; }
        @keyframes glitchTop { 0%,92%,100%{transform:translate(0,0); opacity:0;} 93%{transform:translate(-3px,-1px); opacity:.7;} 94%{transform:translate(3px,1px); opacity:.7;} 95%{transform:translate(0,0); opacity:0;} }
        @keyframes glitchBot { 0%,91%,100%{transform:translate(0,0); opacity:0;} 91.5%{transform:translate(3px,1px); opacity:.7;} 92.5%{transform:translate(-3px,-1px); opacity:.7;} 93.5%{transform:translate(0,0); opacity:0;} }

        /* TYPING CURSOR */
        .type-cursor { display:inline-block; width:2px; height:1em; background:var(--or); margin-left:4px; vertical-align:middle; box-shadow:0 0 8px var(--or); animation:cursorBlink 1s steps(1) infinite; }
        @keyframes cursorBlink { 0%,49%{opacity:1} 50%,100%{opacity:0} }

        /* CYBER DIVIDER */
        .cyber-divider { height:1px; max-width:1400px; margin:0 auto; background:linear-gradient(90deg,transparent,var(--bdr2) 20%,var(--or) 50%,var(--bdr2) 80%,transparent); box-shadow:0 0 10px rgba(220,92,0,.4); position:relative; z-index:1; }
        .cyber-divider::after { content:'◆'; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:var(--bg); color:var(--or); font-size:.7rem; padding:0 .8rem; text-shadow:none; }

        #bgc { position: fixed; top:0; left:0; width:100%; height:100%; z-index:0; pointer-events:none; }
        /* NAV */
        header { position:sticky; top:0; z-index:1000; background:rgba(0,0,0,0.88); backdrop-filter:blur(20px); border-bottom:1px solid var(--bdr); transition:.3s; }
        header.sc { border-color:var(--bdr2); box-shadow:0 0 30px rgba(220,92,0,.12); }
        nav { max-width:1400px; margin:0 auto; padding:1rem 2rem; display:flex; justify-content:space-between; align-items:center; }
        .logo { display:flex; align-items:center; text-decoration:none; height:50px; }
        .logo svg { height:44px; width:auto; }
        .brand-group { display:flex; align-items:center; gap:.9rem; }
        .mini-bot { display:flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid var(--bdr); border-radius:10px; background:#0a0a0a; box-shadow:0 0 12px rgba(220,92,0,.25); transition:all .3s; text-decoration:none; }
        .mini-bot:hover { border-color:var(--bdr2); box-shadow:0 0 20px rgba(220,92,0,.5); transform:translateY(-2px); }
        .mini-bot svg { width:26px; height:26px; animation:mbBob 3s ease-in-out infinite; }
        @keyframes mbBob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-2px)} }
        .mb-eye { filter:drop-shadow(0 0 4px #F46E00); animation:blink 4s ease-in-out infinite; }
        .mb-antenna { filter:drop-shadow(0 0 5px #F46E00); animation:pulseCore 1.6s ease-in-out infinite; }
        .mb-core-fill { animation:pulseCore 2s ease-in-out infinite; }
        .nm { display:flex; gap:2.5rem; list-style:none; align-items:center; }
        .nm a { text-decoration:none; color:var(--gr); font-size:.9rem; font-weight:500; transition:color .3s; position:relative; }
        .nm a:hover { color:var(--or); }
        .nm a::after { content:''; position:absolute; bottom:-4px; left:0; width:0; height:1px; background:var(--or); box-shadow:0 0 6px var(--or); transition:width .3s; }
        .nm a:hover::after { width:100%; }
        .bp { background:var(--or); color:#000; border:none; padding:.65rem 1.4rem; border-radius:6px; font-weight:700; cursor:pointer; transition:all .3s; text-decoration:none; font-size:.9rem; box-shadow:0 0 16px rgba(220,92,0,.4); }
        .bp:hover { background:var(--or2); box-shadow:0 0 30px rgba(220,92,0,.7); transform:translateY(-2px); }
        .bs { border:1.5px solid var(--or); color:var(--or); background:transparent; padding:.65rem 1.4rem; border-radius:6px; font-weight:700; cursor:pointer; transition:all .3s; font-size:.9rem; }
        .bs:hover { background:rgba(220,92,0,.1); box-shadow:0 0 20px rgba(220,92,0,.4); }
        /* SECTIONS */
        section, .hw { position:relative; z-index:1; }
        .ds { background:var(--bg2); }
        .dk { background:var(--bg); }
        .si { max-width:1400px; margin:0 auto; padding:5rem 2rem; }
        .sh { text-align:center; margin-bottom:4rem; }
        .sh h2 { font-size:1.9rem; font-weight:800; color:#fff; margin-bottom:1rem; letter-spacing:.5px; }
        .sh h2 em { font-style:normal; color:var(--or); text-shadow:none; }
        .sh p { font-size:1rem; color:var(--gr); max-width:560px; margin:0 auto; }
        .stag { display:inline-block; font-size:.7rem; letter-spacing:3px; text-transform:uppercase; color:var(--or); margin-bottom:1rem; text-shadow:none; }
        /* HERO */
        .hw { min-height:100vh; display:flex; align-items:center; background:var(--bg); }
        .hero { max-width:1400px; margin:0 auto; padding:6rem 2rem; display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; width:100%; }
        .hero.hero-solo { grid-template-columns:1fr; max-width:900px; text-align:center; }
        .hero-solo .hbtns { justify-content:center; }
        .hero-solo .hstats { justify-content:center; }
        .hc h1 { font-size:2.7rem; font-weight:800; line-height:1.3; margin-bottom:1.5rem; color:#fff; letter-spacing:.5px; }
        .hc h1 em { font-style:normal; color:var(--or); text-shadow:none; }
        .hc p { font-size:1.05rem; color:var(--gr); margin-bottom:2.5rem; line-height:1.9; }
        .hbtns { display:flex; gap:1rem; margin-bottom:3rem; flex-wrap:wrap; }
        .hstats { display:flex; gap:3rem; padding-top:2rem; border-top:1px solid var(--bdr); }
        .sn { font-size:1.8rem; font-weight:800; color:var(--or); text-shadow:none; }
        .sl { color:var(--gr); font-size:.85rem; margin-top:.3rem; }
        /* HERO 3D CARD */
        .h3d { perspective:900px; display:flex; align-items:center; justify-content:center; min-height:480px; }
        .hc3 { width:100%; max-width:460px; background:var(--card); border:1px solid var(--bdr); border-radius:20px; padding:2.5rem; animation:f3d 8s ease-in-out infinite; box-shadow:0 0 0 1px rgba(220,92,0,.1),0 0 40px rgba(220,92,0,.12),0 40px 80px rgba(0,0,0,.6); position:relative; }
        .hc3::before { content:''; position:absolute; inset:0; border-radius:20px; background:linear-gradient(135deg,rgba(220,92,0,.06) 0%,transparent 60%); pointer-events:none; }
        @keyframes f3d { 0%{transform:rotateY(-10deg) rotateX(6deg) translateY(0)} 25%{transform:rotateY(4deg) rotateX(-4deg) translateY(-16px)} 50%{transform:rotateY(10deg) rotateX(6deg) translateY(-8px)} 75%{transform:rotateY(-4deg) rotateX(-2deg) translateY(-20px)} 100%{transform:rotateY(-10deg) rotateX(6deg) translateY(0)} }
        .hlb { font-size:.7rem; letter-spacing:3px; text-transform:uppercase; color:var(--or); margin-bottom:1.5rem; text-shadow:none; }
        .ham { font-size:2.8rem; font-weight:800; color:#fff; margin-bottom:.3rem; }
        .hsu { color:var(--gr); font-size:.85rem; margin-bottom:2rem; }
        .hbw { margin-bottom:1.8rem; }
        .hbl { display:flex; justify-content:space-between; font-size:.8rem; color:var(--gr); margin-bottom:.5rem; }
        .hb { height:6px; background:#1a1a1a; border-radius:3px; overflow:hidden; }
        .hbf { height:100%; border-radius:3px; background:linear-gradient(90deg,var(--or),var(--or2)); box-shadow:0 0 8px rgba(220,92,0,.6); animation:bl 2s ease-out forwards; }
        @keyframes bl { from{width:0} }
        .hss { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1.5rem; }
        .hs { background:#1a1a1a; border:1px solid var(--bdr); border-radius:10px; padding:.9rem; }
        .hsv { font-size:1.2rem; font-weight:700; color:var(--or); text-shadow:none; }
        .hsl { font-size:.75rem; color:var(--gr); margin-top:.2rem; }
        .badge { display:inline-flex; align-items:center; gap:.4rem; background:rgba(220,92,0,.12); border:1px solid rgba(220,92,0,.35); color:var(--or); font-size:.75rem; font-weight:600; padding:.3rem .8rem; border-radius:20px; margin-bottom:1.5rem; box-shadow:0 0 10px rgba(220,92,0,.25); text-shadow:none; }
        .badge::before { content:''; width:6px; height:6px; background:var(--or); border-radius:50%; box-shadow:0 0 8px var(--or); animation:pl 1.5s infinite; }
        @keyframes pl { 0%,100%{opacity:1} 50%{opacity:.3} }
        /* FEATURE CARDS */
        .fg { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; }
        .fc { background:var(--card); border:1px solid var(--bdr); border-radius:16px; padding:2rem; transition:all .4s; position:relative; overflow:hidden; cursor:default; }
        .fc::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--or),transparent); opacity:0; transition:.4s; }
        .fc::after { content:''; position:absolute; inset:0; border-radius:16px; background:radial-gradient(circle at 50% 0%,rgba(220,92,0,.05) 0%,transparent 70%); opacity:0; transition:.4s; }
        .fc:hover { border-color:var(--bdr2); box-shadow:0 0 30px rgba(220,92,0,.15),0 20px 40px rgba(0,0,0,.4); }
        .fc:hover::before,.fc:hover::after { opacity:1; }
        .fi { width:56px; height:56px; background:#0a0a0a; border:1px solid var(--bdr); border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:1.5rem; box-shadow:0 0 14px rgba(220,92,0,.3),inset 0 0 10px rgba(220,92,0,.08); transition:.4s; }
        .fi svg { width:26px; height:26px; stroke:var(--or); stroke-width:1.8; fill:none; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 5px rgba(220,92,0,.9)) drop-shadow(0 0 10px rgba(220,92,0,.5)); }
        .fc:hover .fi { box-shadow:0 0 24px rgba(220,92,0,.6),inset 0 0 16px rgba(220,92,0,.15); border-color:var(--bdr2); }
        .fc h3 { font-size:1.1rem; font-weight:700; color:#fff; margin-bottom:.5rem; }
        .fc p { color:var(--gr); font-size:.9rem; line-height:1.7; }
        /* STEPS */
        .steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:2rem; margin-top:3rem; position:relative; }
        .steps::before { content:''; position:absolute; top:30px; left:10%; right:10%; height:1px; background:linear-gradient(90deg,transparent,var(--bdr2),transparent); box-shadow:0 0 8px rgba(220,92,0,.3); }
        .step { text-align:center; padding-top:1rem; }
        .stepn { width:60px; height:60px; background:#0a0a0a; border:1.5px solid var(--or); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.3rem; font-weight:800; color:var(--or); margin:0 auto 1.5rem; box-shadow:0 0 20px rgba(220,92,0,.4),inset 0 0 12px rgba(220,92,0,.1); text-shadow:none; position:relative; z-index:1; }
        .step h3 { font-size:1.1rem; font-weight:700; color:#fff; margin-bottom:.5rem; }
        .step p { color:var(--gr); font-size:.9rem; }
        /* BENEFITS */
        .bg2 { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; }
        .bl { display:flex; flex-direction:column; gap:1.8rem; }
        .bi { display:flex; gap:1.2rem; align-items:flex-start; padding:1.5rem; background:var(--card); border:1px solid var(--bdr); border-radius:14px; transition:all .3s; }
        .bi:hover { border-color:var(--bdr2); box-shadow:0 0 20px rgba(220,92,0,.1); transform:translateX(6px); }
        .bic { width:40px; height:40px; background:#0a0a0a; border:1px solid var(--bdr); border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 0 10px rgba(220,92,0,.3); }
        .bic svg { width:20px; height:20px; stroke:var(--or); stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 4px rgba(220,92,0,.8)); }
        .bi h4 { font-size:1rem; font-weight:700; color:#fff; margin-bottom:.3rem; }
        .bi p { color:var(--gr); font-size:.88rem; line-height:1.6; }
        .bv { perspective:800px; display:flex; align-items:center; justify-content:center; }
        .b3 { background:var(--card); border:1px solid var(--bdr); border-radius:20px; padding:2rem; width:100%; animation:f3d 10s ease-in-out infinite; box-shadow:0 0 40px rgba(220,92,0,.08),0 30px 60px rgba(0,0,0,.5); }
        .mr { display:flex; align-items:center; justify-content:space-between; padding:1rem 0; border-bottom:1px solid rgba(255,255,255,.05); }
        .mr:last-child { border:none; }
        .mlb { color:var(--gr); font-size:.85rem; }
        .mv { font-weight:700; color:var(--or); text-shadow:none; }
        .mv.g { color:var(--grn); text-shadow:none; }
        /* INTEGRATION */
        .ig { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; }
        .iv { background:var(--card); border:1px solid var(--bdr); border-radius:16px; padding:2rem; animation:f3d 9s ease-in-out infinite reverse; box-shadow:0 0 30px rgba(220,92,0,.08),0 20px 40px rgba(0,0,0,.4); }
        .cb { background:#070707; border:1px solid rgba(220,92,0,.2); border-radius:10px; padding:1.2rem; font-family:'Courier New',monospace; font-size:.78rem; line-height:1.9; color:#666; }
        .cb .kw { color:#F46E00; text-shadow:none; }
        .cb .st { color:#FF9E4B; }
        .cb .fn { color:#ddd; }
        .cb .cm { color:#333; }
        .it h3 { font-size:1.8rem; font-weight:800; color:#fff; margin-bottom:1rem; }
        .it p { color:var(--gr); line-height:1.8; margin-bottom:2rem; }
        .ifs { display:flex; flex-direction:column; gap:.9rem; }
        .iff { display:flex; gap:.8rem; align-items:center; color:var(--tx); font-size:.9rem; }
        .ifd { width:8px; height:8px; border-radius:50%; background:var(--or); box-shadow:0 0 8px rgba(220,92,0,.7); flex-shrink:0; }
        /* PRICING */
        .pc { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; }
        .pcard { background:var(--card); border:1px solid var(--bdr); border-radius:16px; padding:2.5rem; position:relative; transition:all .4s; }
        .pcard:hover { transform:translateY(-10px); border-color:var(--bdr2); box-shadow:0 0 40px rgba(220,92,0,.15),0 30px 60px rgba(0,0,0,.4); }
        .pcard.ft { border-color:var(--or); background:linear-gradient(160deg,#161616 0%,#120800 100%); box-shadow:0 0 30px rgba(220,92,0,.2); }
        .pcard.ft:hover { box-shadow:0 0 50px rgba(220,92,0,.35),0 30px 60px rgba(0,0,0,.5); }
        .pbadge { position:absolute; top:-12px; left:20px; background:var(--or); color:#000; font-size:.7rem; font-weight:800; padding:.25rem .9rem; border-radius:20px; letter-spacing:1px; box-shadow:0 0 16px rgba(220,92,0,.6); }
        .pn { font-size:1.2rem; font-weight:700; color:#fff; margin-bottom:.4rem; }
        .pd { color:var(--gr); font-size:.85rem; margin-bottom:1.5rem; }
        .pa { font-size:2.5rem; font-weight:800; color:var(--or); text-shadow:none; margin-bottom:.3rem; }
        .pp { color:var(--gr); font-size:.85rem; margin-bottom:2rem; }
        .pfs { list-style:none; margin-bottom:2rem; display:flex; flex-direction:column; gap:.9rem; padding-bottom:2rem; border-bottom:1px solid rgba(255,255,255,.06); }
        .pf { display:flex; align-items:center; gap:.7rem; color:#aaa; font-size:.9rem; }
        .pf::before { content:''; width:16px; height:16px; border-radius:50%; flex-shrink:0; background:rgba(16,185,129,.15); border:1px solid var(--grn); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size:10px; background-repeat:no-repeat; background-position:center; }
        .pcard button { width:100%; padding:.8rem; border-radius:8px; font-weight:700; cursor:pointer; transition:all .3s; font-size:.9rem; }
        .pcard:not(.ft) button { background:transparent; color:var(--or); border:1.5px solid var(--or); }
        .pcard:not(.ft) button:hover { background:rgba(220,92,0,.1); box-shadow:0 0 20px rgba(220,92,0,.3); }
        .pcard.ft button { background:var(--or); color:#000; border:none; box-shadow:0 0 20px rgba(220,92,0,.4); }
        .pcard.ft button:hover { background:var(--or2); box-shadow:0 0 30px rgba(220,92,0,.6); }
        /* AI ROBOT SECTION */
        .hero-robot-stage { position:relative; width:100%; max-width:440px; height:440px; display:flex; align-items:center; justify-content:center; margin:0 auto; }
        .hero-robot-stage .robot-svg { width:170px; }
        .hero-robot-stage .hud { padding:.55rem .8rem; }
        .hero-robot-stage .hud-val { font-size:.8rem; }
        .robot-stage { position:relative; max-width:800px; margin:0 auto; height:500px; display:flex; align-items:center; justify-content:center; }
        .orbit-ring { position:absolute; top:50%; left:50%; border:1px solid rgba(220,92,0,.18); border-radius:50%; transform:translate(-50%,-50%); }
        .orbit-ring.r1 { width:260px; height:260px; animation:spin 14s linear infinite; }
        .orbit-ring.r2 { width:360px; height:360px; border-color:rgba(220,92,0,.12); animation:spin 22s linear infinite reverse; }
        .orbit-ring.r3 { width:460px; height:460px; border-color:rgba(220,92,0,.08); animation:spin 30s linear infinite; }
        @keyframes spin { from{transform:translate(-50%,-50%) rotate(0deg)} to{transform:translate(-50%,-50%) rotate(360deg)} }
        .orbit-dot { position:absolute; top:50%; left:50%; width:8px; height:8px; border-radius:50%; background:var(--or); box-shadow:0 0 10px var(--or),0 0 20px rgba(220,92,0,.6); }
        .orbit-dot.od1 { animation:orbit1 14s linear infinite; }
        .orbit-dot.od2 { animation:orbit2 22s linear infinite reverse; }
        .orbit-dot.od3 { animation:orbit3 30s linear infinite; }
        @keyframes orbit1 { from{transform:translate(-50%,-50%) rotate(0deg) translateX(130px) rotate(0deg)} to{transform:translate(-50%,-50%) rotate(360deg) translateX(130px) rotate(-360deg)} }
        @keyframes orbit2 { from{transform:translate(-50%,-50%) rotate(0deg) translateX(180px) rotate(0deg)} to{transform:translate(-50%,-50%) rotate(360deg) translateX(180px) rotate(-360deg)} }
        @keyframes orbit3 { from{transform:translate(-50%,-50%) rotate(0deg) translateX(230px) rotate(0deg)} to{transform:translate(-50%,-50%) rotate(360deg) translateX(230px) rotate(-360deg)} }

        .robot-wrap { position:relative; z-index:2; animation:fly 6s ease-in-out infinite; }
        @keyframes fly { 0%{transform:translateY(0) rotate(-2deg)} 50%{transform:translateY(-22px) rotate(2deg)} 100%{transform:translateY(0) rotate(-2deg)} }
        .robot-svg { width:220px; height:auto; filter:drop-shadow(0 0 18px rgba(220,92,0,.35)); }
        .robot-eye { filter:drop-shadow(0 0 6px #F46E00); animation:blink 4s ease-in-out infinite; }
        .robot-core { filter:drop-shadow(0 0 8px rgba(220,92,0,.6)); }
        .robot-core-fill { animation:pulseCore 2s ease-in-out infinite; }
        @keyframes pulseCore { 0%,100%{opacity:.5; r:10} 50%{opacity:1; r:13} }
        @keyframes blink { 0%,92%,100%{opacity:1} 96%{opacity:.15} }
        .antenna-dot { filter:drop-shadow(0 0 8px #F46E00); animation:pulseCore 1.6s ease-in-out infinite; }
        .side-light { animation:pulseCore 1.8s ease-in-out infinite; }
        .arm-left { animation:armL 6s ease-in-out infinite; transform-origin:49px 165px; }
        .arm-right { animation:armR 6s ease-in-out infinite; transform-origin:191px 165px; }
        @keyframes armL { 0%,100%{transform:rotate(0deg)} 50%{transform:rotate(-6deg)} }
        @keyframes armR { 0%,100%{transform:rotate(0deg)} 50%{transform:rotate(6deg)} }
        .thruster { animation:thrust 1s ease-in-out infinite alternate; transform-origin:center; }
        @keyframes thrust { from{opacity:.3; ry:4} to{opacity:.8; ry:8} }
        .robot-shadow { width:140px; height:22px; background:radial-gradient(ellipse,rgba(220,92,0,.35) 0%,transparent 70%); margin:0 auto; margin-top:-10px; animation:shadowPulse 6s ease-in-out infinite; }
        @keyframes shadowPulse { 0%,100%{opacity:.6; transform:scale(1)} 50%{opacity:.3; transform:scale(.8)} }

        .hud { position:absolute; background:rgba(8,8,8,.85); border:1px solid var(--bdr2); border-radius:10px; padding:.7rem 1rem; backdrop-filter:blur(6px); box-shadow:0 0 16px rgba(220,92,0,.15); animation:hudFloat 5s ease-in-out infinite; z-index:3; }
        .hud-lbl { font-size:.65rem; letter-spacing:1px; text-transform:uppercase; color:var(--gr); margin-bottom:.2rem; }
        .hud-val { font-size:.95rem; font-weight:700; color:var(--or); text-shadow:none; }
        .hud-tl { top:8%; left:2%; animation-delay:0s; }
        .hud-tr { top:8%; right:2%; animation-delay:1.2s; }
        .hud-bl { bottom:8%; left:4%; animation-delay:2.4s; }
        .hud-br { bottom:8%; right:4%; animation-delay:.6s; }
        @keyframes hudFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
        .link-svg { position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; }
        .hud-line { stroke:rgba(220,92,0,.25); stroke-width:1; stroke-dasharray:4 4; animation:dash 3s linear infinite; }
        @keyframes dash { to{ stroke-dashoffset:-16; } }

        @media(max-width:700px){
            .robot-stage { height:420px; }
            .hud { padding:.5rem .7rem; }
            .hud-val { font-size:.8rem; }
            .orbit-ring.r3, .orbit-dot.od3 { display:none; }
        }

        /* CTA */
        .cta { position:relative; z-index:1; overflow:hidden; background:var(--bg); border-top:1px solid var(--bdr); }
        .cta::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:600px; height:600px; border-radius:50%; background:radial-gradient(circle,rgba(220,92,0,.1) 0%,transparent 70%); pointer-events:none; }
        .ctai { max-width:800px; margin:0 auto; padding:6rem 2rem; text-align:center; position:relative; }
        .ctai h2 { font-size:2rem; font-weight:800; color:#fff; margin-bottom:1rem; letter-spacing:.5px; }
        .ctai h2 em { font-style:normal; color:var(--or); text-shadow:none; }
        .ctai p { color:var(--gr); font-size:1.05rem; margin-bottom:2.5rem; }
        .ctabtns { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
        /* FOOTER */
        footer { position:relative; z-index:1; background:#000; border-top:1px solid var(--bdr); padding:4rem 2rem 2rem; }
        .fg2 { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:3rem; margin-bottom:3rem; padding-bottom:3rem; border-bottom:1px solid rgba(255,255,255,.05); }
        .fs h4 { color:#fff; font-size:.9rem; font-weight:700; margin-bottom:1.2rem; }
        .fs ul { list-style:none; }
        .fs li { margin-bottom:.7rem; }
        .fs a { color:var(--gr); text-decoration:none; font-size:.88rem; transition:color .3s; }
        .fs a:hover { color:var(--or); text-shadow:none; }
        .fb { max-width:1400px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1.5rem; }
        .flogo { color:var(--or); font-size:1.2rem; font-weight:700; text-shadow:none; }
        .fc2 { color:#333; font-size:.85rem; }
        .fls { display:flex; gap:1.5rem; }
        .fls a { color:#333; text-decoration:none; font-size:.85rem; transition:color .3s; }
        .fls a:hover { color:var(--or); }
        /* RESPONSIVE */
        @media(max-width:900px) {
            .hero,.bg2,.ig { grid-template-columns:1fr; }
            .h3d { min-height:auto; }
            .nm { display:none; }
            .hc h1 { font-size:2.4rem; }
            .steps::before { display:none; }
        }
        @media(max-width:600px) {
            .hc h1 { font-size:2rem; }
            .sh h2 { font-size:1.8rem; }
            .ctai h2 { font-size:1.8rem; }
            .hstats { flex-wrap:wrap; gap:1.5rem; }
        }

/* ===== SUBPAGE CONTENT STYLES ===== */
.page-hero { padding:7rem 2rem 3rem; text-align:center; position:relative; z-index:1; }
.page-hero .stag { display:block; }
.page-hero h1 { font-size:2.4rem; font-weight:800; color:#fff; margin:.8rem 0 1rem; letter-spacing:.5px; }
.page-hero p { color:var(--gr); max-width:640px; margin:0 auto; font-size:1rem; }
.breadcrumb { font-family:var(--font-mono); font-size:.78rem; color:var(--gr); margin-bottom:1rem; }
.breadcrumb a { color:var(--or); text-decoration:none; }
.breadcrumb a:hover { text-shadow:none; }

.article { max-width:820px; margin:0 auto; padding:2rem 2rem 6rem; position:relative; z-index:1; }
.article h2 { font-family:var(--font-head); font-size:1.4rem; color:#fff; margin:2.2rem 0 1rem; letter-spacing:.3px; }
.article h2:first-child { margin-top:0; }
.article p { color:#bbb; margin-bottom:1.1rem; line-height:1.85; font-size:.98rem; }
.article ul, .article ol { color:#bbb; margin:0 0 1.3rem 1.3rem; line-height:1.9; font-size:.98rem; }
.article li { margin-bottom:.4rem; }
.article strong { color:#fff; }
.article .lead { font-size:1.08rem; color:var(--tx); border-left:2px solid var(--or); padding-left:1.2rem; margin-bottom:2rem; }

.info-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.2rem; margin:1.5rem 0 2rem; }
.info-card { background:var(--card); border:1px solid var(--bdr); border-radius:14px; padding:1.4rem; position:relative; }
.info-card h3 { font-family:var(--font-head); font-size:.95rem; color:var(--or); margin-bottom:.5rem; text-shadow:none; }
.info-card p { color:var(--gr); font-size:.88rem; margin:0; }

.status-row { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.4rem; background:var(--card); border:1px solid var(--bdr); border-radius:12px; margin-bottom:.9rem; }
.status-row .name { font-family:var(--font-mono); font-size:.9rem; color:#fff; }
.status-dot { display:inline-flex; align-items:center; gap:.5rem; font-family:var(--font-mono); font-size:.8rem; color:var(--grn); }
.status-dot::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--grn); box-shadow:0 0 8px var(--grn); animation:pl 1.5s infinite; }

.role-card { background:var(--card); border:1px solid var(--bdr); border-radius:14px; padding:1.4rem 1.6rem; margin-bottom:1rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; }
.role-card h3 { font-family:var(--font-head); font-size:1rem; color:#fff; margin-bottom:.3rem; }
.role-card span { color:var(--gr); font-size:.85rem; }
.role-tag { font-family:var(--font-mono); font-size:.72rem; color:var(--or); border:1px solid var(--bdr2); padding:.25rem .7rem; border-radius:20px; }

.contact-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.2rem; margin:1.5rem 0; }
.contact-card { background:var(--card); border:1px solid var(--bdr); border-radius:14px; padding:1.4rem; text-align:center; }
.contact-card .clbl { font-family:var(--font-mono); font-size:.7rem; color:var(--gr); text-transform:uppercase; letter-spacing:1px; margin-bottom:.5rem; }
.contact-card .cval { color:var(--or); font-weight:700; text-shadow:none; }

.code-mini { background:#070707; border:1px solid rgba(220,92,0,.2); border-radius:10px; padding:1.1rem; font-family:var(--font-mono); font-size:.8rem; line-height:1.8; color:#888; overflow-x:auto; margin-bottom:1.3rem; }
.code-mini .kw { color:#F46E00; }
.code-mini .st { color:#FF9E4B; }
.code-mini .fn { color:#ddd; }
.code-mini .cm { color:#444; }

.back-home { display:inline-flex; align-items:center; gap:.5rem; font-family:var(--font-mono); font-size:.85rem; color:var(--or); text-decoration:none; margin-bottom:2rem; }
.back-home:hover { text-shadow:none; }
/* ============================================================
   AiPay LIGHT theme override (white bg + AiPay orange brand)
   Appended after the original dark theme -> turns it white/clean.
   ============================================================ */

/* ---------- Full-page background & overlays ---------- */
body { background:#ffffff; color:#1f2937; }
#bgc { opacity:.5; }
/* noise dark vignette -> drop (would grey corners on white) */
#noise-vignette { display:none; }
/* scanline keep faint orange (subtle) or disable */
#scanline { opacity:.25; }
#scanline::before { box-shadow:none; }
/* canvas starfield: neutral-ish */
#bgc { filter:brightness(0.4) invert(0.9); opacity:.4; }

/* ---------- Top header ---------- */
header { background:rgba(255,255,255,.9); border-bottom:1px solid rgba(220,92,0,.3); }
header.sc { box-shadow:0 4px 24px rgba(220,92,0,.10); }
.logo svg { filter:none; }
.nm a { color:#6b7280; }
.nm a:hover { color:#e8590c; }
.bp { background:var(--or); color:#fff; box-shadow:0 6px 18px rgba(220,92,0,.30); }
.bp:hover { color:#fff; background:#e6590c; }
.bs { color:#e8590c; border-color:#F46E00; background:#fff; }
.bs:hover { background:#fff4ea; color:#e8590c; }
.mini-bot { background:#fff; }
.mini-bot svg { filter:none; }
.mini-bot path,.mini-bot circle,.mini-bot rect{ }

/* ---------- General headings/text (were white for dark) ---------- */
.sh h2, .article h3, .page-hero h1, .ctai h2, .ih h2, .it h3 { color:#1f2937; }
.sh h2 em,.ctai h2 em { color:var(--or); text-shadow:none; }
.hc h1 { color:#111827; text-shadow:none; }
.hc h1 em { color:#e8590c; text-shadow:none; }
.ham,.it h3{ color:#111827; }
.hc p,.sh p,.hsu,.it p,.article p,.article li{ color:#6b7280; }
.sl,.hbl{ color:#6b7280; }
.hstats{ border-top:1px solid rgba(220,92,0,.25); }

/* ---------- Cards & sections (dark -> white/light) ---------- */
.ds { background:#faf5f0; }
.dk { background:#ffffff; }
.fc,.bi,.pcard,.iv,.info-card,.status-row,.role-card,.contact-card,.hc3,.b3,.bhc,.statbox{ background:#ffffff; border-color:rgba(220,92,0,.25); }
.fc:hover,.pcard:hover,.bi:hover,.iv:hover{ box-shadow:0 12px 34px rgba(220,92,0,.12); border-color:rgba(220,92,0,.5); }
.hc3,.b3{ box-shadow:0 0 0 1px rgba(220,92,0,.10),0 22px 50px rgba(220,92,0,.10); }
.fi,.bic,.stepn{ background:#fff5ec; box-shadow:inset 0 0 0 1px rgba(220,92,0,.16),0 0 14px rgba(220,92,0,.10); }
.fi svg,.bic svg{ stroke:#e8590c; filter:none; }
.stepn{ color:#e8590c; }
.hb{ background:#f2e4d6; }
.fc h3,.bi h4,.step h3,.pn,.ip,.it h3{ color:#1f2937; }
.fc p,.bi p,.step p,.pd,.pp,.ip p{ color:#6b7280; }
.badge{ background:#fff1e6; color:#e8590c; text-shadow:none; border-color:rgba(220,92,0,.4); }
.pn,.priceval{ color:#111827; }

/* pricing */
.pcard.ft{ background:linear-gradient(160deg,#fff7ef,#ffead9); border-color:var(--or); box-shadow:0 0 30px rgba(220,92,0,.15); }
.pbadge{ color:#fff; }
.pf{ color:#4b5563; }
.mr{ border-bottom:1px solid rgba(220,92,0,.10); }
.mlb{ color:#6b7280; }

/* ---------- Code blocks (dark -> light) ---------- */
.cb,.code-mini{ background:#faf3ec; border-color:rgba(220,92,0,.25); color:#4b5563; }
.cb .fn,.code-mini .fn{ color:#9a6b3f; }
.cb .cm,.code-mini .cm{ color:#a3862f; }
.cb .kw,.code-mini .kw{ color:#e8590c; }
.cb .st,.code-mini .st{ color:#c0652b; }

/* ---------- Robot / HUD ---------- */
.robot-svg{ filter:none; }
/* Make robot body light: override .robot-svg shapes to white/orange via CSS where fills are black */
:root{}
/* orbit/rings light orange */
.orbit-ring{ border-color:rgba(220,92,0,.30); }
.orbit-ring.r2{ border-color:rgba(220,92,0,.22); }
.orbit-ring.r3{ border-color:rgba(220,92,0,.14); }
.orbit-dot{ box-shadow:0 0 8px rgba(220,92,0,.5); }
.hud{ background:rgba(255,255,255,.9); border-color:rgba(220,92,0,.5); box-shadow:0 6px 18px rgba(220,92,0,.10); }
.hud-lbl{ color:#6b7280; }
.hud-val{ color:#e8590c; text-shadow:none; }
.robot-shadow{ background:radial-gradient(ellipse,rgba(220,92,0,.25) 0%,transparent 70%); }

/* robot fills: the SVG uses explicit fills in markup; force common robot surfaces to a light body */
.robot-svg .body,.robot-svg .head,.robot-svg circle:not(.robot-eye):not(.robot-core),
.robot-svg *[fill]:not([fill="#F46E00"]):not([fill="none"]){ fill:#ffffff; }
.robot-svg *[stroke="#000"]{ stroke:#2b2b2b; }

/* ---------- CTA & footer ---------- */
.cta{ background:#fff8f0; border-top-color:rgba(220,92,0,.2); }
.ctai h2{ color:#1f2937; }
footer{ background:linear-gradient(140deg,#fff8f1,#ffe9d6); border-top:1px solid rgba(220,92,0,.25); }
.fg2{ border-bottom:1px solid rgba(220,92,0,.15); }
.fs h4{ color:#1f2937; }
.fs li a{ color:#6b7280; }
.fs li a:hover{ color:#e8590c; text-shadow:none; }
.flogo{ color:#e8590c; text-shadow:none; }
.fc2,.fls a{ color:#6b7280; }
.fls a:hover{ color:#e8590c; }

/* ---------- Subpages ---------- */
.page-hero h1{ color:#111827; }
.article p,.article ul,.article ol{ color:#4b5563; }
.article strong{ color:#111827; }
.article .lead{ color:#111827; }
.status-row .name,.role-card h3{ color:#111827; }
.article h2{ color:#111827; }
.role-card{ background:#fff; }
.info-card h3{ color:#e8590c; text-shadow:none; }
.contact-card .cval{ color:#e8590c; text-shadow:none; }
.back-home{ color:#e8590c; }

/* === AiPay light toggle fixes === */
.bp, .pcard.ft button, .pcard.ft .pbadge, .ctai .bp, .hud .bp { color:#fff !important; }
.bp:hover, .pcard.ft button:hover { color:#fff !important; }
.bs { color:#e8590c !important; }
.badge { background:#fff1e6 !important; color:#e8590c !important; }
/* ============================================================
   AiPay BOLD BRAND refinements — direction C (modern bold)
   Applied on top of light theme.
   ============================================================ */

/* ---------- Modern display font ---------- */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;800&display=swap');

:root {
  --font-head: 'Space Grotesk', 'Inter', sans-serif !important;
  --font-mono: 'Space Grotesk', monospace !important;
  --font-body: 'Inter', -apple-system, sans-serif !important;
}
h1,h2,h3,.logo,.sn,.stat-number,.ham,.pn,.flogo { font-family:'Space Grotesk','Inter',sans-serif !important; letter-spacing:-.02em !important; }

body { font-family:'Inter',-apple-system,sans-serif !important; }

/* Kill stray Times/serif anywhere */
* { font-family:inherit; }

/* ---------- Bigger, bolder, tighter titles ---------- */
.hc h1 { font-size:3.2rem !important; font-weight:700 !important; color:#111827; line-height:1.06; }
.sh h2 { font-size:2.4rem !important; font-weight:700; }
.ctai h2,.pg-hero h1,.page-hero h1{ font-size:2.6rem!important; font-weight:700; }
.ham,.sn,.pn,.flogo{ font-weight:700;letter-spacing:-.01em; }

/* gradient hero text accent for bold AiPay feel */
.hc h1 em, .sh h2 em, .ctai h2 em {
  background:linear-gradient(100deg,#F46E00 0%,#ff9d3b 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent !important;
}

/* ---------- Cards: softer radius, clearer elevation (dribbble-ish) ---------- */
.fc,.pcard,.bi,.iv,.info-card,.contact-card,.role-card,.status-row,.hc3,.b3,.cta-card,.page-card{border-radius:20px!important;}
.fc,.pcard,.bi{ background:#fff!important; box-shadow:0 1px 2px rgba(20,14,10,.04),0 12px 34px rgba(220,92,0,.07)!important; border:1px solid #fde6d3!important; }
.fc:hover,.pcard:hover{ box-shadow:0 4px 10px rgba(220,92,0,.08),0 20px 50px rgba(220,92,0,.14)!important; transform:translateY(-4px); border-color:#f8c9a3!important;}
.fi,.bic{ background:linear-gradient(145deg,#fff6ee,#ffe7d2)!important; box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(220,92,0,.12)!important; border:none!important; border-radius:16px!important;}
.fi svg,.bic svg{ stroke:#e8590c!important; }

/* ---------- Pill tabs / section eyebrow ---------- */
.stag,.stat,.eyebrow,.sec-label{ color:#e8590c!important; text-transform:uppercase; letter-spacing:.14em; font-size:.72rem!important;font-weight:600; }

/* ---------- Buttons: filled soft orange + crisp bolder ---------- */
.bp{ background:linear-gradient(135deg,#E06100,#E85D00)!important; color:#fff!important; border-radius:12px!important; padding:.85rem 1.7rem!important; font-weight:600!important; box-shadow:0 10px 22px rgba(220,92,0,.32)!important; }
.bp:hover{ box-shadow:0 16px 30px rgba(220,92,0,.45)!important; transform:translateY(-3px)!important;}
.bs{ border:1.6px solid #f5b27e!important; color:#e8590c!important; border-radius:12px!important; font-weight:600!important; background:#fff7f0!important;}
.bs:hover{ background:#ffeede;color:#d64500!important; }

/* ---------- Nav: cleaner, airier ---------- */
.nm a{ color:#6b7280!important; font-size:.95rem!important; letter-spacing:-.01em;}
.nm a:hover{ color:#e8590c!important; }
.nm a::after{ height:2px; border-radius:2px; }
body{ letter-spacing:-.005em; }

/* ---------- Hero: larger visual breathing + subtle brand glows ---------- */
.hero{ gap:2rem; }
.badge{ border-radius:999px!important; background:#fff3e8!important; padding:.4rem .9rem!important; }
.link-svg{ display:none; } /* soften heavy tech wiring on light */

/* ---------- Misc lightening ---------- */
.pf::before{ background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-color:#10b981; border-color:#10b981!important;}
.sn{color:#e8590c!important;}

/* section backgrounds soft gradient */
.ds{ background:linear-gradient(180deg,#fff 0%,#fffaf5 100%);}
.dk{ background:#ffffff; }
.cta{ background:linear-gradient(135deg,#2b1603,#4a1f00 55%,#7a3c0a)!important; }
.ctai h2{ color:#fff!important; }
.cta .ctai p{ color:#ffd9b8!important;}

/* === AiPay orange per logo (real-match pass) === */
:root{ --or:#E05B00; --or2:#EF8A1C; --or3:#A84A00; }
.bp{ background:linear-gradient(180deg,#ED7F0E 0%,#E06505 45%,#CF5B03 70%,#B84A00 100%) !important; box-shadow:0 10px 22px rgba(207,90,3,.32)!important; }
.bp:hover{ box-shadow:0 14px 28px rgba(207,90,3,.45)!important; }
.bs{ border-color:#EC8A2A!important; color:#E05B00!important; background:#fff9f2!important; }
.bs:hover{ background:#fff1e2!important; color:#c34c00!important; }
/* orange text / accents -> logo reality */
.em, em, .sh h2 em, .hc h1 em, .hb2, .sl, .mlb, .hlb, .hl, .stag{ }
h1 em, h2 em, .em{ background:linear-gradient(100deg,#E86800,#C05200); -webkit-background-clip:text;background-clip:text;color:transparent!important; }
.pn,.pa,.sn,.flogo,.hi,.hud-val,.snumber,.mv{ color:#E05B00!important; }
.sl,.hstat-sub,.hud-lbl{ color:#7a6f66; }
a{ color:#E05B00; }
.badge{ color:#E05B00!important; border-color:#F3B177!important; background:#FFF3E8!important; }

/* === mobile: stop the zoom/sway 3D animations (keep still) === */
@media (max-width: 800px) {
  .hc3, .b3, .iv, .hc3 *, .b3 *, .iv * { animation: none !important; transform: none !important; }
  .robot-svg, .robot-wrap { animation: none !important; transform: none !important; }
  .orbit-ring, .orbit-dot { animation: none !important; }
  .hud { animation: none !important; transform: none !important; }
}