body { font-family: 'Poppins', sans-serif; }

    /* Gradient text */
    .grad-text {
        background: linear-gradient(90deg, #F97316, #F59E0B, #FB923C, #EA580C);
        background-size: 200% auto;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: shimmer 4s linear infinite;
    }

    /* Glass card */
    .glass {
        background: rgba(255, 255, 255, 0.65);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border: 1px solid rgba(255, 255, 255, 0.7);
    }

    /* Gradient border wrapper */
    .grad-border {
        position: relative;
        background: #fff;
        border-radius: 1.25rem;
    }
    .grad-border::before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 1.5px;
        border-radius: inherit;
        background: linear-gradient(135deg, #FDBA74, #F97316, #FBBF24);
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
    }

    /* Soft glow shadow */
    .glow-orange { box-shadow: 0 20px 45px -12px rgba(249, 115, 22, 0.45); }
    .glow-soft   { box-shadow: 0 14px 40px -14px rgba(234, 88, 12, 0.28); }

    /* Hover lift */
    .lift { transition: transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s ease; }
    .lift:hover { transform: translateY(-8px); box-shadow: 0 26px 50px -18px rgba(234,88,12,.35); }

    /* Scroll reveal */
    .reveal { opacity: 0; transform: translateY(34px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1); }
    .reveal.in { opacity: 1; transform: none; }

    /* Grid backdrop */
    .grid-bg {
        background-image:
            linear-gradient(to right, rgba(234,88,12,.06) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(234,88,12,.06) 1px, transparent 1px);
        background-size: 44px 44px;
        -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 40%, transparent 100%);
        mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 40%, transparent 100%);
    }

    /* Sub-technology chips */
    .tech-chip {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        padding: .25rem .6rem;
        font-size: .7rem;
        font-weight: 600;
        line-height: 1;
        color: #C2410C;
        background: linear-gradient(135deg, #FFF7ED, #FFEDD5);
        border: 1px solid #FED7AA;
        border-radius: 9999px;
        transition: transform .2s ease, box-shadow .2s ease, color .2s ease, background .2s ease;
    }
    .tech-chip::before {
        content: "";
        width: .35rem; height: .35rem;
        border-radius: 9999px;
        background: linear-gradient(#FB923C, #EA580C);
    }
    .tech-chip:hover {
        transform: translateY(-2px);
        color: #fff;
        background: linear-gradient(135deg, #F97316, #EA580C);
        box-shadow: 0 6px 14px -4px rgba(234,88,12,.5);
    }
    .tech-chip:hover::before { background: #fff; }

    /* FAQ accordion */
    summary::-webkit-details-marker { display: none; }
    summary::marker { content: ""; }

    .nav-link { position: relative; }
    .nav-link::after {
        content: ""; position: absolute; left: 0; bottom: -6px; height: 2px; width: 0;
        background: linear-gradient(90deg, #F97316, #FBBF24); transition: width .3s ease;
    }
    .nav-link:hover::after, .nav-link.active::after { width: 100%; }

    ::selection { background: #FDBA74; color: #1A1305; }

    /* Scrollbar */
    ::-webkit-scrollbar { width: 11px; }
    ::-webkit-scrollbar-track { background: #FFF3E4; }
    ::-webkit-scrollbar-thumb { background: linear-gradient(#FB923C,#EA580C); border-radius: 99px; border: 2px solid #FFF3E4; }