/* === Dark Reader simulated conversion (1:1 structure) === */
        :root{
          --primary:#6aa6ff;              /* lightened for dark bg */
          --primary-dark:#5a84e6;
          --accent:#8bb7ff;
          --text:#e8e6e3;                  /* Dark Reader default text */
          --muted:#b2aba1;                 /* subdued text */
          --light:#f3f1ee;                 /* light text accents */
          --bg:#181a1b;                    /* page background */
          --card:#1f2223;                  /* elevated surface */
          --header-bg:linear-gradient(135deg,#0f1e4a 0%,#2a5bb3 100%);
          --gradient:linear-gradient(135deg,#4e8df5 0%,#9e6bff 100%);
          --dark:#0f1213;
          --radius:16px;
          --shadow:0 10px 30px rgba(0,0,0,.55); /* darker, softer */
        }

        /* Reveal on scroll */
        .inf-reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease, transform .8s ease}
        .inf-reveal.is-visible{opacity:1;transform:none}

        *{box-sizing:border-box;margin:0;padding:0}

        /* Page */
        html,body{
          background:var(--bg);
          color:var(--text);
          font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
          overflow-x: hidden; /* Previne scroll-ul orizontal */
        }
        img{max-width:100%;display:block}

        /* Language selector (glass, dark) */
        .language-selector{
          position:fixed;top:15px;right:20px;z-index:1000;width:70px;transition:all .3s ease
        }
        .language-selector:hover{width:90px}
        .language-selector select{
          appearance:none;-webkit-appearance:none;-moz-appearance:none;
          width:100%;padding:12px 15px;padding-right:30px;
          background-color:rgba(32,33,36,.9);
          border:2px solid #5b6b7c;                 /* darker border */
          border-radius:12px;
          box-shadow:0 5px 20px rgba(0,0,0,.45);
          font-size:14px;font-weight:600;color:#e8e6e3;
          cursor:pointer;outline:none;transition:all .3s ease;
          backdrop-filter:blur(10px)
        }
        .language-selector select:hover{
          box-shadow:0 8px 25px rgba(0,0,0,.55);
          transform:translateY(-3px);
          background-color:rgba(40,41,44,1)
        }
        .language-selector select:focus{
          border-color:#7f8fa3;
          box-shadow:0 0 0 4px rgba(118,136,160,.25);
          transform:translateY(-2px)
        }
        .language-selector::after{
          content:"▼";position:absolute;top:50%;right:12px;transform:translateY(-50%) scale(.8);
          font-size:10px;color:#9db3d6;pointer-events:none;transition:all .3s ease
        }
        .language-selector:hover::after{color:#c5d6f2}

        /* Hero */
        .hero{
          min-height:93.5vh;display:flex;align-items:center;justify-content:center;text-align:center;
          background:var(--header-bg);color:var(--light);position:relative;padding:80px 20px 60px
        }
        .hero-inner{max-width:1000px;margin:auto}
        .hero h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.15;margin-bottom:14px}
        .hero p{font-size:clamp(1.05rem,2.2vw,1.35rem);opacity:.95;margin-bottom:22px}
        .highlight{color:#b7d5ff}
        .intro-extra{
          background:rgba(255,255,255,.06);backdrop-filter:blur(10px);
          border:1px solid rgba(255,255,255,.14);
          border-radius:14px;padding:18px;margin-top:18px;text-align:left
        }
        .intro-extra p{margin:.35rem 0}

        /* Sections */
        section{padding:72px 20px}
        .container{max-width:1200px;margin:auto}
        .section-title{text-align:center;font-size:2rem;margin-bottom:.6rem;color:var(--primary)}
        .section-subtitle{text-align:center;color:var(--muted);max-width:760px;margin:.25rem auto 36px}
        .cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
        .card{
          text-align:center;background:var(--card);border-radius:14px;box-shadow:var(--shadow);
          transition:transform .18s ease, box-shadow .18s ease;overflow:hidden;border:1px solid #3e4446
        }
        .card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.6)}
        .card img{height:190px;object-fit:cover}
        .card h3{padding:16px 16px 6px;color:var(--primary)}
        .card p{padding:0 16px 18px;color:#d8d5d0}

        /* Process (dark) */
        .process{background:var(--dark);color:var(--light)}
        .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
        .step{
          text-align:center;background:rgba(255,255,255,.04);
          border:1px solid rgba(255,255,255,.12);
          border-radius:14px;padding:16px
        }
        .num{
          width:56px;height:56px;margin:0 auto 10px;border-radius:999px;display:grid;place-items:center;
          background:var(--gradient);color:#fff;font-weight:800
        }

        /* HOW WE LAUNCH (Hosting / Support) */
        .launch .grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
        .launch .item{
          background:#1f2223;border:1px solid #3e4446;border-radius:14px;padding:18px;box-shadow:var(--shadow);color:#e8e6e3
        }
        .launch{background: rgba(0,0,0,.6);}
        .launch .item h4{margin:8px 0 8px;color:var(--primary)}
        .launch .item .icon{font-size:1.25rem;margin-right:.5rem;color:var(--primary-dark)}

        .grid-2x2 {
          max-width:1200px;
          margin:0 auto;
          padding:20px;
          display:grid;
          grid-template-columns: 1fr 1fr; /* 2 coloane */
          gap:24px;
        }

        #location-contact{
            background-color: rgba(0,0,0,.6);
        }

        .map {
          width:100%;
          height:320px;
          border:0;
          border-radius:14px;
          filter:grayscale(.05) contrast(1.05) brightness(.9);
        }

        .loc-card, .inf-panel {
          background:#1f2223;
          border:1px solid #3e4446;
          border-radius:14px;
          padding:18px;
          color:#e8e6e3;
        }

        .inf-panel input,
        .inf-panel textarea{
          width:100%;
          padding:.9rem 1rem;
          border-radius:10px;
          border:1px solid #3e4446;
          background:#232628;
          color:#e8e6e3;
          margin-top:6px;
        }

        /* Responsive - pe mobil să fie 1 pe rând */
        @media(max-width:768px){
          .grid-2x2 {
            grid-template-columns: 1fr;
          }
          
          /* Ajustări responsive suplimentare */
          .steps {
            grid-template-columns: 1fr;
          }
          
          .testimonials {
            grid-template-columns: 1fr;
          }
          
          .foot {
            grid-template-columns: 1fr;
            gap: 30px;
          }
          
          .inf-nav ul {
            display: none; /* Ascunde meniul pe mobil - poți adăuga un meniu hamburger mai târziu */
          }
        }

        /* Footer (improved, dark) */
        footer{
          background:#0b0e10;color:#cfd3d7;padding:40px 20px;border-top:1px solid #262a2b
        }
        .foot{
          max-width:1200px;margin:auto;display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr
        }
        .foot h4{margin-bottom:10px;color:#c7d6ff}
        .foot a{color:#cfe3ff;text-decoration:none}
        .foot a:hover{text-decoration:underline}
        .foot .brand{font-size:1.2rem;font-weight:800;margin-bottom:8px}
        .foot small{color:#9aa2a8}
        .foot-list{list-style:none;display:grid;gap:8px}
        .foot .social a{font-size:1.2rem;margin-right:10px}
        .copyright{border-top:1px solid #262a2b;margin-top:18px;padding-top:14px;color:#9aa2a8;text-align:center}

        /* Particles canvas behind */
        .page-effects{position:fixed;inset:0;z-index:0;pointer-events:none}
        #sPage{width:100%;height:100%;display:block;pointer-events:none}
        .hero,.services,.launch,.process,.location,footer{position:relative;z-index:10}
        .services{background:rgba(0,0,0,.6)}

        /* Sticky glassy NAV + progress bar */
        .inf-progress{position:fixed;top:0;left:0;height:3px;background:#35d3f0;z-index:60;width:0}
        .inf-nav{
          position:sticky;top:0;z-index:50;
          background:linear-gradient(to bottom, rgba(15,23,42,.75), rgba(15,23,42,.45));
          backdrop-filter:saturate(1.2) blur(10px);
          border-bottom:1px solid rgba(255,255,255,.06);color:#dfe7f5
        }
        .inf-wrap{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
        .inf-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
        .inf-brand i{font-size:20px}
        .inf-nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0}
        .inf-nav a{color:#dfe7f5;text-decoration:none;font-weight:600;opacity:.9}
        .inf-nav a:hover{opacity:1;color:#b7d5ff}
        .inf-cta{display:flex;gap:10px;flex-wrap:wrap}
        .inf-btn{
          display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:999px;
          padding:.55rem .9rem;font-weight:800;letter-spacing:.2px;cursor:pointer;text-decoration:none
        }
        .inf-btn--outline{  
          display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:999px;
          padding:.25rem .9rem;font-weight:800;letter-spacing:.2px;cursor:pointer;text-decoration:none;
          background:transparent;color:#dfe7f5;border:1px solid rgba(255,255,255,.22)
        }
        .inf-btn{background:#169ddf;color:#051014;box-shadow:0 8px 30px rgba(0,0,0,.5)}
        .inf-btn:hover{transform:translateY(-1px);box-shadow:0 14px 40px rgba(0,0,0,.6)}
        .inf-btn--outline:hover{border-color:rgba(255,255,255,.35)}

        /* TESTIMONIALS */
        .testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
        .quote{
          background:linear-gradient(180deg, rgba(34,211,238,.09), rgba(255,255,255,.03));
          border:1px solid rgba(34,211,238,.25);padding:18px;border-radius:14px;color:#e8e6e3
        }
        .quote p{margin:0 0 10px}
        .stars{color:#ffd166}
        #recensioni{background: rgb(0, 0, 0);color: var(--light);z-index: 12412;}

        /* FAQ */
        #faq-inf {
          padding: 70px 0;
          background: rgba(0,0,0,.6);
        }
        .inf-faq {
          max-width: 900px;
          margin: 0 auto;
          padding: 0 20px;
        }
        .inf-faq details {
          background: #1f2223;
          border: 1px solid #3e4446;
          padding: 14px;
          border-radius: 12px;
          color: #e8e6e3;
          transition: all 0.3s ease;
          overflow: hidden;
        }
        .inf-faq details+details {
          margin-top: 10px;
        }
        .inf-faq summary {
          cursor: pointer;
          font-weight: 700;
          position: relative;
          padding-right: 25px;
          transition: all 0.3s ease;
          list-style: none;
        }
        .inf-faq summary::-webkit-details-marker {
          display: none;
        }
        /* Hover pe întrebare */
        .inf-faq summary:hover {
          color: #4dabf7;
          transform: scale(1.02);
        }

        /* Animatie +/– icon */
        .inf-faq summary::after {
          content: "+";
          position: absolute;
          right: 0;
          top: 0;
          font-size: 18px;
          transition: transform 0.3s ease, color 0.3s ease;
        }
        .inf-faq details[open] summary::after {
          content: "–";
          color: #4dabf7;
          transform: rotate(180deg);
        }

        /* Efect container deschis */
        .inf-faq details[open] {
          border-color: #4dabf7;
          box-shadow: 0 4px 12px rgba(0,0,0,0.4);
          background: #262a2b;
        }

        /* Animatie text smooth */
        .inf-faq details p {
          margin: 0;
          opacity: 0;
          max-height: 0;
          overflow: hidden;
          line-height: 1.5;
          transition: max-height 0.5s ease, opacity 0.5s ease;
        }
        .inf-faq details[open] p {
          opacity: 1;
          max-height: 1000px; /* valoare mare ca să permită extinderea */
          margin-top: 0.6rem;
        }

        /* Team Section */
        .team{
          opacity:100%;position:relative;z-index:10;padding:5rem 2rem;background:#222526;color:#e8e6e3
        }
        .team-members{
          display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap
        }
        .team-member{
          background:#1f2223;border:1px solid #3e4446;
          border-radius:15px;overflow:hidden;box-shadow:var(--shadow);text-align:center;max-width:300px;
          transition:transform .3s ease;color:#e8e6e3
        }
        .team-member:hover{transform:translateY(-10px)}
        .member-image{width:100%;height:250px;object-fit:cover;filter:brightness(.9)}
        .member-info{padding:1.5rem}
        .member-social{display:flex;justify-content:center;gap:1rem;margin-top:1rem}
        .member-social a{color:var(--primary)}
        .service-icon{margin:2.5rem;font-size:5rem;color:var(--primary);margin-bottom:1rem}

        /* Responsive */
        @media (max-width:900px){
          .steps{grid-template-columns:repeat(2,1fr)}
          .location .wrap{grid-template-columns:1fr}
          .testimonials{grid-template-columns:repeat(2,1fr)}
        }
        @media (max-width:640px){
          .steps{grid-template-columns:1fr}
          .testimonials{grid-template-columns:1fr}
          .hero h1{font-size:10vw;}
            #titleweb, #logo{
            font-size:1220.417vw;}
        }

        #titleweb, #logo{
            font-size:5.417vw;
        }

                /* Stiluri pentru mobil */
        @media (max-width: 768px) {
            .hamburger {
                display: flex;
            }

            .inf-nav ul {
                position: fixed;
                top: 0;
                right: -100%;
                height: 100vh;
                width: 70%;
                flex-direction: column;
                background: linear-gradient(to bottom, rgba(15,23,42,.95), rgba(15,23,42,.9));
                backdrop-filter: saturate(1.5) blur(15px);
                padding: 80px 30px 30px;
                gap: 25px;
                transition: right 0.4s ease;
                box-shadow: -5px 0 25px rgba(0,0,0,0.3);
            }

            .inf-nav ul.active {
                right: 0;
            }

            .inf-nav a {
                font-size: 1.2rem;
                padding: 10px 0;
                display: block;
                border-bottom: 1px solid rgba(255,255,255,0.1);
            }

            .inf-cta {
                display: none;
            }

            .mobile-cta {
                display: flex;
                flex-direction: column;
                gap: 15px;
                margin-top: 30px;
            }

            /* Animatie hamburger -> X */
            .hamburger.active span:nth-child(1) {
                transform: translateY(8px) rotate(45deg);
            }

            .hamburger.active span:nth-child(2) {
                opacity: 0;
            }

            .hamburger.active span:nth-child(3) {
                transform: translateY(-8px) rotate(-45deg);
            }
        }

        /* Conținut demonstrativ */
        .content {
            max-width: 1200px;
            margin: 40px auto;
            padding: 20px;
        }

        .content h1 {
            color: var(--primary);
            margin-bottom: 20px;
        }

        .content p {
            margin-bottom: 15px;
        }

        .demo-section {
            background: var(--card);
            padding: 30px;
            border-radius: 16px;
            margin: 30px 0;
            box-shadow: var(--shadow);
        }