/* CSS Document */
:root{
  --black:#000;
  --dark:#07050f;
  --card:#0d0b1a;
  --card2:#121024;
  --border:#1e1a35;
  --border2:#2a2450; 
  --violet:#9E7CFF;
  --violet2:#b89dff;
  --violet-deep:#261655;
  --violet-dim:rgba(158,124,255,.1);
  --white:#f0eeff;
  --muted:#7a7096;
  --faint:#2e2850;
	
}

body.modal-open{ overflow:hidden;}

html{ overflow:auto;}

ul{ list-style: none; margin-bottom: 0px; padding-left: 0px; }
body{ color:var(--color-01);background:var(--color-02); }

section.products-sec-hero{min-height:100vh;position:relative;z-index: 9;display: flex;align-items: center;justify-content: center;}
section.products-sec-hero h1{font-size:var(--rfs-72);} 


section.product-sec-packages .container-fluid{ padding:30px 6% 50px;}

section.product-sec-packages .columns:first-child{ text-align:center;}

section.product-sec-packages .columns:first-child .ch-an h2{ font-weight:300; padding-top: 100px; margin-bottom:2rem;}

h2 {font-size: var(--rfs-54);}

.showcase-tabs{
    display:flex;
	justify-content: center;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:30px;
}

.showcase-tab{
    outline:none;
	background: rgba(158, 124, 255, .32);
	border: 1px solid rgba(158, 124, 255, .22);
    color:rgba(255,255,255,.7);
	padding: 6px 16px;
    border-radius:100px;
    cursor:pointer;
    transition:.35s ease;
    font-weight:400;
	font-size: 1rem;
}

.showcase-tab:hover{
    color:#fff;
    border-color:rgba(255,255,255,.25);
}

.showcase-tab.active{
    background:#fff;
    color:#000;
}

.showcase-content,
.media-stage{
    transition: opacity .4s ease, transform .4s ease;
}

.content-switching{
    opacity:0;
    transform:translateY(15px);
}


/* HEADING */
section.product-sec-packages h2{
    opacity:0;
    transform:translate3d(0,80px,0);
    filter:blur(8px);

    animation:headingReveal 1.6s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes headingReveal{
    0%{
        opacity:0;
        transform:translate3d(0,80px,0);
        filter:blur(8px);
    }
    100%{
        opacity:1;
        transform:translate3d(0,0,0);
        filter:blur(0);
    }
}
.hawkai-showcase{
    color:#fff;
    padding: 30px 0 10px;
	border: 1px solid rgba(158, 124, 255, .18);
    background: linear-gradient(89deg, rgba(158, 124, 255, .12) 0%, rgba(70, 50, 130, .08) 50%, rgba(255, 255, 255, .02) 100%);
	border-color: #9e7cff69;
    border-radius: 10px;
    backdrop-filter: blur(12px);
    transition: transform .4s ease, border-color .4s ease, box-shadow .4s ease;
}

.hawkai-showcase .main-row{    justify-content: space-around; align-items: center;}

.hawkai-showcase .main-row .columns:nth-child(1){ text-align: left;}

.showcase-content{
    max-width:520px;
	min-height: 550px;
}

.section-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 999px;
    background: rgba(158, 124, 255, .12);
    border: 1px solid rgba(158, 124, 255, .22);
    color: #d4c0ff;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 28px;
}

.explore-sec{margin-bottom: 1rem;}
.explore-sec .showcase-tab{ background: var(--color-15); color:#fff;}
.explore-sec .showcase-tab:hover{ background: var(--color-10);
    color: var(--violet-deep); }

.showcase-title{

    line-height:.95;
    margin-bottom: 10px;
}

.showcase-title .pack-title{ font-size: 1.5rem; padding-top: 1.5rem; display: block; line-height: 1.3;}

/* LEFT FEATURES */

.feature-list{
    display:flex;
    flex-direction:column;
}

.feature-item{
    padding:22px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
    cursor:pointer;
	width:100%;
    transition:.35s ease;
}

.feature-item h4{
    margin:0;
    color:rgba(255,255,255,.45);
    transition:.35s;
}

.feature-item p{
    max-height:0;
    overflow:hidden;
    opacity:0;
    margin:0;
    transition:.4s ease;
    color:rgba(255,255,255,.65);
}

.feature-item.active h4{
    color:#fff;
}

.feature-item.active p{
    max-height:120px;
    opacity:1;
    margin-top:12px;
}

/* RIGHT MEDIA */

.media-stage{
    position:relative;
    width:100%;
    height:600px;
    border-radius:10px;
    overflow:hidden;

}


.media-content{
    inset:0;
    width: 100%;
    height:100%;
    object-fit:cover;

    opacity:0;
    visibility:hidden;

    transform:scale(1.05);
    transition:
        opacity .6s ease,
        transform .8s ease,
        visibility .6s;
}

.media-content.active-media{
    opacity:1;
    visibility:visible;
    transform:scale(1);
}


.media-stage img{
    object-fit:contain;
/*    background:#090909;*/
/*	width:100%;*/
	height: 100%;
}

.media-stage video{
    object-fit:contain;     position:absolute;
}

/* ====================================
   FULLSCREEN MODAL
==================================== */

.hawkai-modal{
    position:fixed;
    inset:0;
    z-index:99999;

    display:flex;
    align-items:center;
    justify-content:center;

    opacity:0;
    visibility:hidden;

    transition:
        opacity .45s ease,
        visibility .45s ease;
}

.hawkai-modal.active{
    opacity:1;
    visibility:visible;
}

.hawkai-modal-backdrop{
    position:absolute;
    inset:0;

    background:rgba(0,0,0,.82);

    backdrop-filter:blur(10px);
}

.hawkai-modal-content{
    position:relative;

    width:100%;
    height:100vh;

    background:#000;

    overflow-y:auto;

    transform:translateY(60px) scale(.96);
	  -webkit-overflow-scrolling:touch;

    transition:
        transform .55s cubic-bezier(.16,1,.3,1);
}

.hawkai-modal.active .hawkai-modal-content{
    transform:translateY(0) scale(1);
}

.hawkai-modal-close{
    position:fixed;
    top:30px;
    right:30px;

    width:54px;
    height:54px;

    border:none;
    border-radius:50%;

    background:#fff;
    color:#000;

    font-size:22px;
    font-weight:700;

    cursor:pointer;

    z-index:10;

    transition:.3s;
}

.hawkai-modal-close:hover{
    transform:rotate(90deg);
}

.hawkai-modal-body{
/*    min-height:100vh;*/
    color:#fff;
	
	    min-height:auto;
    padding-bottom:50px;
}

.hawkai-modal-body .main-row{justify-content: center; align-items: center; padding-top: 100px;}

/* Prevent body scroll */

body.modal-open{
    overflow:hidden;
}





.hawkai-modal-body  ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:flex-start;
    gap:1.5rem;
    padding:0;
    margin:0;
}

/* Cards */

.hawkai-modal-body .card-packages{
    list-style:none;
    flex:1 1 calc(33.333% - 1rem);
    min-height:500px;

    position:relative;
    overflow:hidden;
    border-radius:20px;

    color:#fff;

    background:
        linear-gradient(
            180deg,
            rgba(158,124,255,.12) 0%,
            rgba(70,50,130,.08) 50%,
            rgba(255,255,255,.02) 100%
        );

    border:1px solid rgba(158,124,255,.18);
    backdrop-filter:blur(12px);

    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}

.hawkai-modal-body .card-packages:hover{
    transform:translateY(-10px);
    border-color:#9E7CFF;
    box-shadow:0 20px 60px rgba(158,124,255,.18);
}

.hawkai-modal-body .card-packages::before{
    content:"";
    position:absolute;
    inset:0;

    opacity:0;
    transition:.4s ease;

    background:
        linear-gradient(
            180deg,
            rgba(158,124,255,.65),
            rgba(60,42,115,.65),
            rgba(0,0,0,.65)
        );
}

.hawkai-modal-body .card-packages:hover::before{
    opacity:1;
}

.hawkai-modal-body .card-packages *{
    position:relative;
    z-index:2;
}

.hawkai-modal-body .card-packages > div{
    padding:20px;
}

/* Header */

.hawkai-modal-body .card-packages img{
    width:55px;
    aspect-ratio:1;
    transition:transform .5s ease;
}

.hawkai-modal-body .card-packages:hover img{
    transform:scale(1.08);
}

.hawkai-modal-body .cs-01 h3{
    margin-top:1.5rem;
}

/* Features */

.hawkai-modal-body .cs-02{
    min-height:400px;
}

.hawkai-modal-body .cs-02 p span{
    font-family:"Space Grotesk", sans-serif;
}

.hawkai-modal-body .cs-02 ul{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding-left:18px;
}

.hawkai-modal-body .cs-02 ul li{
    position:relative; text-transform: capitalize;}

.hawkai-modal-body .cs-02 ul li.cursor-none{cursor: default;}

.hawkai-modal-body .cs-02 ul li::before{
    content:"\2714";
    margin-right:10px;
    color:#9E7CFF;
}

/* Clickable features */

.hawkai-modal-body .cs-02 li[data-gallery]{
/*    cursor:pointer;*/
    transition:.3s ease;
}

.hawkai-modal-body .cs-02 li[data-gallery]:hover{
    color:#9E7CFF;
    transform:translateX(5px);
}

/* Accordion */

.hawkai-modal-body .compare-feature-item{
    display:flex;
    align-items:flex-start;
/*    gap:10px;*/
    list-style:none;
		padding:  0; 
	    width: 100%;
}

.hawkai-modal-body .compare-feature-item::before{
    content:"\2714";
    color:#9E7CFF;
    flex-shrink:0;
    margin-top:2px;
}

.hawkai-modal-body .feature-dropdown{
    width:100%;
}

.hawkai-modal-body .feature-toggle{
    width:100%;
    padding:0;

    display:flex;
    align-items:center;
    justify-content:space-between;

    background:none;
    border:none;
    color:#fff;

    font:inherit;
    text-align:left;
    cursor:pointer;
}

.hawkai-modal-body .feature-toggle::after{
    content:"+";

    width:28px;
    height:28px;
	aspect-ratio:1;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;
    background:#fff;
    color:#000;

    font-size:18px;
    font-weight:600;

    transition:.35s ease;
}

.hawkai-modal-body .feature-dropdown.active .feature-toggle::after{
    transform:rotate(45deg);
}

.hawkai-modal-body .feature-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .5s cubic-bezier(.22,1,.36,1);
}

.hawkai-modal-body .feature-content ul{
    margin:0;
    padding:12px 0 0 0px;
}

.hawkai-modal-body .feature-content li{
    opacity:.9;
}


/* SECTION HEADING */
/* HEADING */
.hawkai-modal-body h2{
	font-weight: 300;
    opacity:0;
    transform:translate3d(0,80px,0);
    filter:blur(8px);

    animation:headingReveal 1.6s cubic-bezier(.16,1,.3,1) forwards;
}

/* CARDS */
.hawkai-modal-body .card-packages{
    opacity:0;
    transform:translate3d(0,100px,0);
    filter:blur(6px);

    animation:cardReveal 1.3s cubic-bezier(.16,1,.3,1) forwards;
}

/* STAGGER */
.hawkai-modal-body .card-packages:nth-child(1){
    animation-delay:.8s;
}

.hawkai-modal-body .card-packages:nth-child(2){
    animation-delay:1.1s;
}

.hawkai-modal-body .card-packages:nth-child(3){
    animation-delay:1.4s;
}

.hawkai-modal{
    touch-action: pan-y;
	z-index:99999;
}

.hawkai-modal-content{
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
}

.hawkai-modal,
.hawkai-modal-content,
.hawkai-modal-body{
    touch-action: auto !important;
}

.hawkai-modal,
.hawkai-modal-content{
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
}

.hawkai-modal.active{
    pointer-events:auto;
}

.hawkai-modal.active video{
    pointer-events:none;
}

body.modal-open video{
    pointer-events:none !important;
}

@keyframes cardReveal{
    0%{
        opacity:0;
        transform:translate3d(0,100px,0);
        filter:blur(6px);
    }
    100%{
        opacity:1;
        transform:translate3d(0,0,0);
        filter:blur(0);
    }
}
/* Responsive */

@media (max-width:991px){



}

section.products-sec-02{padding: 20px 10px 70px 10px;position:relative; background-color: #000;}
section.products-sec-02 h2{font-weight: 300;}
section.products-sec-02 .intelligence-box{border-radius: 15px;margin-top:30px;position: relative;overflow: hidden;transition: all 300ms ease-in-out;}
section.products-sec-02 .intelligence-box .ib_thumb{position: relative;z-index: 1;background: linear-gradient(179deg, var(--Color-2, rgba(158, 124, 255, 0.72)) -9.44%, rgba(74, 52, 136, 0.72) 14.8%, rgba(52, 34, 105, 0.72) 40.66%, rgba(0, 0, 0, 0.72) 70.69%);transition: all 300ms ease-in-out;}
section.products-sec-02 .intelligence-box .ib_thumb img{transition: all 300ms ease-in-out;}
section.products-sec-02 .intelligence-box .ib_content{overflow: hidden;width: 100%;height: 100%;padding: 30px;background: rgba(0,0,0,.5);box-shadow: 1px -8px 30.5px 12px rgba(158, 124, 255, 0) inset;position: absolute;top: 0;left: 0;z-index: 9;transition: all 500ms ease-in-out;}
section.products-sec-02 .intelligence-box .ib_content h3{position: absolute;top: 10%;left: 30px;transition: all 300ms ease-in-out;}
section.products-sec-02 .intelligence-box .ib_content ul{margin: 0px 0px 0px 21px;padding: 0px;opacity: 0;transition: all 300ms ease-in-out;}
section.products-sec-02 .intelligence-box .ib_content ul li{}
section.products-sec-02 .intelligence-box .ib_content ul li{}

section.products-sec-02 .intelligence-box:hover{transition: all 300ms ease-in-out;}
section.products-sec-02 .intelligence-box:hover img{opacity:0;transition: all 300ms ease-in-out;}
section.products-sec-02 .intelligence-box:hover .ib_content{box-shadow: 1px -8px 30.5px 12px rgba(158, 124, 255, 0.34) inset;transition: all 500ms ease-in-out;}
section.products-sec-02 .intelligence-box:hover .ib_content h3{top:calc(100% - 80px);transition: all 300ms ease-in-out;}
section.products-sec-02 .intelligence-box:hover .ib_content ul{opacity:1;transition: all 300ms ease-in-out; list-style-type: disc;}

/*
section.hawkai-sec-logos{color:var(--color-01);background: var(--color-02);padding: 100px 0px 100px 0px;position:relative;overflow: hidden;}
section.hawkai-sec-logos h2 {font-weight: 300;}
section.hawkai-sec-logos .marquee-wrap {display: flex;width: max-content;animation: marquee-scroll 45s linear infinite;}
section.hawkai-sec-logos .supermarquee {overflow: hidden;white-space: nowrap;position: relative;width: 100%;}
section.hawkai-sec-logos .supermarquee ul {margin: 40px 15px;padding: 0px;list-style-type: none;gap:40px;display: flex;}
section.hawkai-sec-logos .supermarquee ul li{padding: 15px;max-width: 400px;border-radius: 15px;background: linear-gradient(180deg, #0f1015 0%, #0a0b0e 100%);border: 1px solid rgba(255, 255, 255, .07);display: flex;align-items: flex-start;}
section.hawkai-sec-logos .supermarquee ul li .thumbs{gap: 27px;display: flex;flex-direction: column;}
section.hawkai-sec-logos .supermarquee ul li .thumbs img{border-radius: 10px;}
section.hawkai-sec-logos .supermarquee ul li .thumbs h3{font-size:var(--rfs-24);}
section.hawkai-sec-logos .supermarquee:hover .marquee-wrap {animation-play-state: paused;}

@keyframes marquee-scroll {
from {transform: translateX(0);}
  to {transform: translateX(-50%);}
}
 
*/

/* Trigger Button */
.trade-btn{padding:14px 28px;border:none;border-radius:50px;background:#111;color:#fff;font-size:16px;cursor:pointer;}
/* Backdrop Blur */
.trade-modal{backdrop-filter: blur(12px);}
.trade-modal .modal-dialog{max-width: 720px;}
.trade-modal-box{border:none;border-radius:32px;padding:0;overflow:hidden;background:#ffffff;box-shadow:0 30px 80px rgba(0,0,0,0.18);}

/* Close */
.trade-close{color:#fff;font-size:16px;width:36px;height:36px;border:none;border-radius:50%;background:#1d1d1f;z-index:10;position:absolute;top:20px;right:20px;transition:0.3s ease;}

.trade-close:hover{transform:rotate(90deg);}

/* Content */
.trade-content{padding: 50px 50px 50px;}
.trade-label{font-size:15px;font-weight:600;color:#1d1d1f;margin-bottom:18px;}
.trade-title{font-size:64px;line-height:1;font-weight:700;letter-spacing:-2px;color:#1d1d1f;margin-bottom:28px;max-width:580px;}
.trade-text{font-size: 18px;line-height:1.6;color:#424245;margin-bottom:24px;max-width:600px;}
.trade-text ul{}
.trade-text ul li{padding-top: 8px;padding-bottom: 8px;border-bottom: 1px solid #e5e5e5;}
.trade-link{color: #fff;font-size: var(--rfs-16);/*font-family: "Space Grotesk", sans-serif;*/font-weight: 500;text-transform: uppercase;text-decoration: none;display: inline-block;border-radius: 24px; /*border: 1px solid #362B59;*/ /*background-color:  #261655;   */ background-color: var(--color-15); transition: all .3s ease;padding: 6px 20px;}

.trade-link:hover{background-color: var(--color-11);}





  :root{
    --bg:#070709;
    --panel:#0d0d12;
    --edge:rgba(255,255,255,.07);
    --text:#ececf0;
    --muted:#8b8e98;
    --purple:#a855f7;
    --pink:#ec4899;
    --sky:#38bdf8;
    --white:#fff;
    --black:#000;
  } 

section.products-sec-01 {padding: 100px 0px 100px 0px;}
section.products-sec-01 h1,
section.products-sec-01 h2{font-weight: 300;}
section.products-sec-01 .row-label{max-width:1520px;margin:48px auto 16px;display:flex;align-items:center;gap:18px;color:var(--muted);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;}
section.products-sec-01 .row-label::before,.row-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
section.products-sec-01 .row-label span{color:#cfd2da}
section.products-sec-01 .grid{max-width:1520px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

section.products-sec-01 .card{background:linear-gradient(180deg,#0f1015 0%, #0a0b0e 100%);border: 1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;position:relative;}
section.products-sec-01 .card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(700px 220px at 50% -10%, var(--glow), transparent 60%);}
section.products-sec-01 .stage{position:relative;height:300px;background:radial-gradient(380px 200px at 50% 50%, color-mix(in oklab, var(--tier) 8%, transparent), transparent 70%);border-bottom:1px solid var(--edge);overflow:hidden;}
section.products-sec-01 .stage svg{position:absolute;inset:0;width:100%;height:100%}
section.products-sec-01 .meta{padding: 22px 22px 60px 22px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
section.products-sec-01 .variant-tag{position:absolute;top:14px;right:14px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:4px 8px;border-radius:999px;font-weight:600;z-index:2;}
section.products-sec-01 .tag{align-self:flex-start;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:4px 9px;border-radius:999px;color:var(--tier);background:color-mix(in oklab, var(--tier) 14%, transparent);border:1px solid color-mix(in oklab, var(--tier) 35%, transparent);}
section.products-sec-01 .name{color: var(--color-01);font-size:22px;font-weight:600;letter-spacing:-.015em;margin: 5px 0 0 0;display:flex;align-items:baseline;gap:6px}
section.products-sec-01 .name sup{font-size:12px;color:var(--muted);font-weight:400}
section.products-sec-01 .desc{color: var(--color-05);font-size: 15px;margin:0;min-height: 50px;}
section.products-sec-01 .activation{margin-top:6px;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom: 14px;border-top:1px solid var(--edge);border-bottom: 1px solid var(--edge);}
section.products-sec-01 .activation b{color:var(--tier);font-size:14px;font-weight:600;font-family:'Inter',sans-serif;letter-spacing:-.01em}

/* CORE — sky */
section.products-sec-01  .card-core{ --tier:var(--sky); --glow:rgba(56,189,248,.14) }
/* PRO — purple */
section.products-sec-01 .card-pro {--tier:var(--purple);--glow:rgba(168,85,247,.16);}
/* ENT — pink */
section.products-sec-01 .card-ent { --tier:var(--pink); --glow:rgba(236,72,153,.14) }

.talk-us-btn{}

section.products-sec-01 .card a{text-decoration: none;z-index: 9;position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 30px 20px 15px 30px;display: flex;align-items: flex-end;justify-content: flex-end;}
section.products-sec-01 .card a .btn_plus{color: #ffff;font-size: 21px;text-decoration: none;width: 30px;height: 30px;background: #242424;border: 1px solid #403f3f;border-radius: 100px;display: flex;align-items: center;justify-content: center;transition: all 300ms ease-in-out;}
section.products-sec-01 .card a:hover .btn_plus{color: #000000;background: #ffffff;transform: rotate(45deg);transition: all 300ms ease-in-out;}

/* HERO HEADING */
.products-sec-01 .timeline{
  opacity: 0;
  transform: translateY(70px);
  animation: heroFadeUp 1.6s ease forwards;
}

/* HERO CARDS */
.products-sec-01 .card{
  opacity: 0;
  transform: translateY(80px);
  animation: heroFadeUp 1.4s ease forwards;
}

/* SEQUENTIAL CARD DELAYS */
.products-sec-01 .card-core{
  animation-delay: 1.4s;
}

.products-sec-01 .card-pro{
  animation-delay: 1.9s;
}

.products-sec-01 .card-ent{
  animation-delay: 2.4s;
}

/* SMOOTH HERO ANIMATION */
@keyframes heroFadeUp{
  0%{
    opacity: 0;
    transform: translateY(80px);
  }

  100%{
    opacity: 1;
    transform: translateY(0);
  }
}



  /* ───────────── ENT V6 — Multi-modal fusion ───────────── */
  @keyframes stream-feed {
    0%   { stroke-dashoffset: 0 }
    100% { stroke-dashoffset: -40 }
  }
  .e6-pipe{ stroke-dasharray:4 4; animation: stream-feed 1.6s linear infinite }
  @keyframes core-spin {
    0%   { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
  }
  .e6-core{ transform-origin: 230px 145px; animation: core-spin 8s linear infinite }
  @keyframes core-glow {
    0%,100% { opacity:.55 }
    50%     { opacity:1 }
  }
  .e6-glow{ animation: core-glow 2.2s ease-in-out infinite }
  @keyframes out-tick {
    0%,40% { opacity:0 }
    55%,95%{ opacity:1 }
    100%   { opacity:0 }
  }
  .e6-out{ animation: out-tick 3.4s ease-in-out infinite }
  .e6-out.d2{ animation-delay:.4s }
  .e6-out.d3{ animation-delay:.8s }

  @media (max-width: 1180px){ .grid{grid-template-columns:1fr 1fr;} }
  @media (max-width: 760px){ .grid{grid-template-columns:1fr;} body{padding:32px 16px 64px;} }

  /* ============ ANIMATIONS ============ */
  @media (prefers-reduced-motion: reduce){*{animation-duration:.001ms !important;animation-iteration-count:1 !important}}

  /* CORE V1 — building + radar */
  @keyframes radar{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
	section.products-sec-01 .c1-sweep{transform-origin:170px 150px;animation:radar 4s linear infinite}
  @keyframes ring{0%{r:20;opacity:.7}100%{r:90;opacity:0}}
	section.products-sec-01 .c1-ring{animation:ring 2.4s ease-out infinite;fill:none;stroke:var(--sky);stroke-width:1}
	section.products-sec-01 .c1-ring.d2{animation-delay:1.2s}

  /* CORE V2 — dome cam + signal */
  @keyframes blink{0%,80%,100%{opacity:.2}40%{opacity:1}}
	section.products-sec-01 .c2-blink{animation:blink 2s ease-in-out infinite}
  @keyframes wifi-arc{0%,100%{opacity:0}50%{opacity:1}}
	section.products-sec-01 .c2-arc1{animation:wifi-arc 1.8s ease-in-out infinite}
	section.products-sec-01 .c2-arc2{animation:wifi-arc 1.8s ease-in-out infinite;animation-delay:.2s}
	section.products-sec-01 .c2-arc3{animation:wifi-arc 1.8s ease-in-out infinite;animation-delay:.4s}

  /* CORE V3 — single feed playback */
  @keyframes seek{0%{transform:translateX(0)}50%{transform:translateX(180px)}100%{transform:translateX(0)}}
	section.products-sec-01 .c3-seek{animation:seek 5s ease-in-out infinite}
  @keyframes wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
	section.products-sec-01 .c3-wave{transform-origin:bottom center;animation:wave 1.4s ease-in-out infinite}

  /* PRO V1 — hub & spokes (was original) */
  @keyframes hub-pulse{0%,100%{r:22;opacity:.9}50%{r:25;opacity:1}}
	section.products-sec-01 .p1-hub{animation:hub-pulse 2.4s ease-in-out infinite}
  @keyframes hub-ring{0%{r:24;opacity:.7}100%{r:64;opacity:0}}
	section.products-sec-01 .p1-ring{animation:hub-ring 2.4s ease-out infinite;fill:none;stroke:var(--purple);stroke-width:1}
	section.products-sec-01 .p1-ring.d2{animation-delay:1.2s}
  @keyframes pkt{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}
	section.products-sec-01 .p1-pkt{offset-rotate:0deg;animation:pkt 2.2s linear infinite}
	section.products-sec-01 .p1-pkt.l1{offset-path:path('M 60 60 Q 110 90 170 120')}
	section.products-sec-01 .p1-pkt.l2{offset-path:path('M 280 50 Q 230 90 170 120');animation-delay:.5s}
	section.products-sec-01 .p1-pkt.l3{offset-path:path('M 40 200 Q 100 160 170 120');animation-delay:1s}
	section.products-sec-01 .p1-pkt.l4{offset-path:path('M 300 200 Q 240 160 170 120');animation-delay:1.5s}

  /* PRO V2 — mosaic feeds */
  @keyframes feed-scan{0%{transform:translateY(0)}100%{transform:translateY(40px)}}
	section.products-sec-01 .p2-scan{animation:feed-scan 2.6s linear infinite}
  @keyframes feed-flicker{0%,100%{opacity:.6}30%{opacity:1}70%{opacity:.4}}
	section.products-sec-01 .p2-flick{animation:feed-flicker 3s ease-in-out infinite}
  @keyframes feed-active{0%,100%{stroke:rgba(168,85,247,.3)}50%{stroke:var(--pink)}}
	section.products-sec-01 .p2-active{animation:feed-active 3.6s ease-in-out infinite}

  /* PRO V3 — alert escalation */
  @keyframes alert-ring{0%{r:8;opacity:.8}100%{r:36;opacity:0}}
	section.products-sec-01 .p3-ring{animation:alert-ring 1.8s ease-out infinite;fill:none;stroke:var(--pink);stroke-width:1.2}
	section.products-sec-01 .p3-ring.d2{animation-delay:.6s}
	section.products-sec-01 .p3-ring.d3{animation-delay:1.2s}
  @keyframes alert-slide{0%{opacity:0;transform:translateX(20px)}10%,90%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-10px)}}
	section.products-sec-01 .p3-toast{animation:alert-slide 4s ease-in-out infinite}
	section.products-sec-01 .p3-toast.d2{animation-delay:1.3s}
	section.products-sec-01 .p3-toast.d3{animation-delay:2.6s}

  /* ENT V1 — facility + GPU rack */
  @keyframes data-flow{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-30}}
	section.products-sec-01 .e1-pipe{stroke-dasharray:3 4;animation:data-flow 1.4s linear infinite}
  @keyframes gpu-blink{0%,100%{fill:rgba(236,72,153,.35)}50%{fill:var(--pink)}}
	section.products-sec-01 .e1-led{animation:gpu-blink 1.2s ease-in-out infinite}
	section.products-sec-01 .e1-led.d1{animation-delay:.2s}
	section.products-sec-01 .e1-led.d2{animation-delay:.4s}
  @keyframes sensor{0%,100%{opacity:.3}50%{opacity:1}}
	section.products-sec-01 .e1-sensor{animation:sensor 2.4s ease-in-out infinite}
	section.products-sec-01 .e1-sensor.d1{animation-delay:.3s}.e1-sensor.d2{animation-delay:.6s}.e1-sensor.d3{animation-delay:.9s}

  /* ENT V2 — neural mesh */
  @keyframes mesh-line{0%,100%{opacity:.15}50%{opacity:.8}}
	section.products-sec-01 .e2-line{animation:mesh-line 3s ease-in-out infinite}
	section.products-sec-01 .e2-line.d1{animation-delay:.2s}.e2-line.d2{animation-delay:.4s}.e2-line.d3{animation-delay:.6s}
	section.products-sec-01 .e2-line.d4{animation-delay:.8s}.e2-line.d5{animation-delay:1s}.e2-line.d6{animation-delay:1.2s}
  @keyframes neuron{0%,100%{r:3;fill:rgba(168,85,247,.6)}50%{r:5;fill:var(--pink)}}
	section.products-sec-01 .e2-node{animation:neuron 2.4s ease-in-out infinite}
	section.products-sec-01 .e2-node.d1{animation-delay:.3s}.e2-node.d2{animation-delay:.6s}
	section.products-sec-01 .e2-node.d3{animation-delay:.9s}.e2-node.d4{animation-delay:1.2s}.e2-node.d5{animation-delay:1.5s}

  /* ENT V3 — vault + compliance */
  @keyframes vault-pulse{0%,100%{opacity:.4}50%{opacity:1}}
	section.products-sec-01 .e3-glow{animation:vault-pulse 2.6s ease-in-out infinite}
  @keyframes check-in{0%,40%{opacity:0;transform:scale(.6)}50%,100%{opacity:1;transform:scale(1)}}
	section.products-sec-01 .e3-check{transform-origin:center;animation:check-in 4s ease-out infinite}
	section.products-sec-01 .e3-check.d1{animation-delay:0s}.e3-check.d2{animation-delay:.6s}
	section.products-sec-01 .e3-check.d3{animation-delay:1.2s}.e3-check.d4{animation-delay:1.8s}
  @keyframes scan-v{0%{transform:translateY(0)}100%{transform:translateY(120px)}}
	section.products-sec-01 .e3-scan{animation:scan-v 3.6s linear infinite}


/*
section.industries-sec-04{padding: 80px 70px 70px 120px;position:relative;z-index:99;}
section.industries-sec-04 h2{line-height: 1;gap: 15px;display: flex;justify-content: center;align-items: center; margin-bottom: 2rem;}
section.industries-sec-04 h2 img{width: 190px;filter:invert(1) brightness(100);}
section.industries-sec-04 ul.journey-list{margin: 0px;padding: 0px;list-style-type: none;text-align: left;position: relative;gap: 30px;display: inline-flex;flex-direction: column;}
section.industries-sec-04 ul.journey-list:before{content:"";width: 2px;height: 100%;background: linear-gradient(45deg, #A1C6EA , #F24333);position: absolute;top: 0;left: 254px;}
section.industries-sec-04 ul.journey-list > li{position: relative;gap: 30px;display: flex;flex-direction: row;}
section.industries-sec-04 ul.journey-list > li:before {content: "";width: 10px;height: 10px;border-radius: 100px;box-shadow: 0px 0px 0px 5px #0f072c;position: absolute;top: 0px;left: 250px;}
section.industries-sec-04 ul.journey-list > li h4{font-size: var(--rfs-21);width: 100%;max-width: 250px;margin: 0px;}
section.industries-sec-04 ul.journey-list > li > ol{width: 300px;margin: 0px;padding: 0px;list-style-type: none;gap: 15px;display: flex;flex-direction: column;align-items: flex-start;}
section.industries-sec-04 ul.journey-list > li > ol > li{font-size: 15px;line-height: 1;padding: 12px 30px 15px 30px;border: 1px solid var(--color-01);border-radius: 100px;}


section.industries-sec-04 ul.journey-list > li:nth-child(1):before{background: #f24434;}
section.industries-sec-04 ul.journey-list > li:nth-child(2):before{background: #e85247;}
section.industries-sec-04 ul.journey-list > li:nth-child(3):before{background: #ce7e85;}
section.industries-sec-04 ul.journey-list > li:nth-child(4):before{background: #c48c99;}
section.industries-sec-04 ul.journey-list > li:nth-child(5):before{background: #bc99ac;}
section.industries-sec-04 ul.journey-list > li:nth-child(6):before{background: #b4a7bf;}
section.industries-sec-04 ul.journey-list > li:nth-child(7):before{background: #a5c0e2;}
*/



@media(max-width:1440px){
	section.products-sec-01 .grid {padding-inline:2rem;}
	.media-stage {height: 500px;}
	.media-content {width:90%;}
	.hawkai-modal-body .main-row {padding-top: 90px;}
}

@media(max-width:1366px){
	.feature-item {	padding: 1rem 0;}
	.feature-item p br{display: none;}
	.feature-item.active p {max-height: 140px;}
	.hawkai-modal-body .main-row { padding-top: 50px; }
}
  @media (max-width: 1180px){	section.products-sec-01 .grid{grid-template-columns:1fr 1fr;} }
  @media (max-width: 760px){	section.products-sec-01 .grid{grid-template-columns:1fr;} } 

@media(max-width:991px){
	
	 .hawkai-modal-body .card-packages{ flex:1 1 100%; }

    .showcase-title{  margin-bottom:30px; }

    .media-stage{  height:450px;  margin-top:40px; }

    .feature-item h4{ font-size:1.4rem; }
	
	.showcase-content {margin-inline:auto; max-width: 85%; min-height: 400px;}
	.media-content.active-media { margin-inline: auto; display: block; }
	
	.hawkai-showcase .main-row .columns:nth-child(1){order:2;}
	.hawkai-showcase .main-row .columns:nth-child(2){order:1;}
	.showcase-tabs{margin-bottom:0px;}
}
 
/* Mobile */
@media(max-width:768px){

	.trade-modal .modal-dialog{margin:20px;}
	.trade-content{padding:50px 30px;}
	.trade-title{font-size:42px;line-height:1.05;}
	.trade-text{font-size:18px;}
	section.product-sec-packages .columns:first-child .ch-an h2{margin-block: 1rem;}
	
}

@media(max-width:480px){
	.media-stage {height: 260px;}
	.showcase-title { margin-bottom: 10px; }
	.showcase-title .pack-title {padding-top: 0px;}
	section.product-sec-packages .columns:first-child .ch-an h2{margin-inline:30px;}
		section.products-sec-02 h2{margin-inline:30px;}
	section.product-sec-packages {padding-inline:20px;}

	
	    .hawkai-modal{
        align-items:flex-start;
    }

    .hawkai-modal-content{
        height:100vh;
        overflow-y:auto;
        overflow-x:hidden;
    }

    .hawkai-modal-body{
        padding-top:80px;
        padding-bottom:60px;
    }
	.feature-item h4 {
        font-size: 1.2rem;
    }
	.media-stage {margin-top:0px;}
	
}

@media(max-width:390px){
		section.product-sec-packages .columns:first-child .ch-an h2{margin-inline:10px;}
		section.products-sec-02 h2{margin-inline:10px;}
}

@media(max-width:360px){
		
		section.products-sec-02 h2, section.product-sec-packages .columns:first-child .ch-an h2{margin-inline:0px;}
}

@media(max-width:320px){
	    section.product-sec-packages { padding-inline: 9px; }
}