:root{
    --bg-0:#0b0a07;
    --orange:#ff8a4a;
    --orange-2:#ffb028;
    --ink:#f3ede4;
    --ink-dim:#c9bfae;
    --line:rgba(255,180,40,.15);
    --glass:rgba(255,180,40,.05);
    --ease:cubic-bezier(0.4,0,0.2,1);
  }
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg-0);
    color:var(--ink);
    font-family:'IranYekan';
  }

  /* ===================================================== */
  /* یک بک‌گراند ثابت (fixed) پشت همه بخش‌ها — بدون کات    */
  /* ===================================================== */
 
  .section{position:relative; z-index:2; padding:120px 24px;}
  .container{position:relative;z-index:2;max-width:1180px;margin:0 auto;}

  /* ================= ABOUT ================= */
  .about-top{display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center; margin-bottom:64px;}
  @media(max-width:900px){.about-top{grid-template-columns:1fr;}}

  .badge-row{display:flex; flex-wrap:wrap; gap:10px; margin:26px 0 0;}
  .badge-pill{
    display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700;
    color:var(--ink); background:var(--glass); border:1px solid var(--line);
    padding:9px 16px; border-radius:40px; backdrop-filter:blur(6px);
    transition:transform .35s var(--ease), border-color .35s var(--ease);
  }
  .badge-pill:hover{transform:translateY(-3px); border-color:rgba(255,180,40,.4);}
  .badge-pill svg{width:15px; height:15px; stroke:var(--orange-2); fill:none; stroke-width:2;}

  .precision-wrap{position:relative; width:230px; height:230px; margin:0 auto;}
  .precision-wrap svg{width:100%; height:100%;}
  .precision-ring{transform-origin:50% 50%; animation:spinSlow 14s linear infinite;}
  @keyframes spinSlow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
  .precision-core{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center;}
  .precision-core .num{font-family:'IranYekan'; font-weight:900; font-size:52px; color:var(--orange-2); text-shadow:0 0 30px rgba(245,124,0,.5); line-height:1;}
  .precision-core .lbl{font-size:12px; color:var(--ink-dim); margin-top:6px; letter-spacing:.05em;}
  .precision-glow{position:absolute; inset:14%; border-radius:50%; background:radial-gradient(circle, rgba(245,124,0,.18), transparent 70%); filter:blur(8px); animation:glowPulse 3s ease-in-out infinite;}
  @keyframes glowPulse{0%,100%{opacity:.5;}50%{opacity:1;}}

  .feature-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
 
  .blade-icon{position:relative; overflow:hidden;}
  .blade-icon::before{
    content:''; position:absolute; top:0; left:-60%; width:40%; height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
    transform:skewX(-20deg); animation:bladeShine 3.2s ease-in-out infinite;
  }
  @keyframes bladeShine{0%{left:-60%;}45%{left:120%;}100%{left:120%;}}
  .feature-card h3{font-size:17px; font-weight:700; margin-bottom:10px; position:relative; z-index:1;}
  .feature-card p{font-size:13.5px; color:var(--ink-dim); line-height:1.8; position:relative; z-index:1;}

  .about-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:44px;}
  @media(max-width:760px){.about-stats{grid-template-columns:repeat(2,1fr);}}
  .stat-card{
    text-align:center; background:var(--glass); border:1px solid var(--line); border-radius:20px; padding:24px 16px;
    backdrop-filter:blur(6px); transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);
  }
  .stat-card:hover{transform:translateY(-6px); border-color:rgba(255,180,40,.4); box-shadow:0 10px 40px rgba(245,124,0,.12);}
  .stat-num{font-family:'IranYekan'; font-weight:900; font-size:32px; color:var(--orange-2);}
  .stat-label{font-size:12.5px; color:var(--ink-dim); margin-top:6px;}

  /* ================= COMPARE (جایگزین خدمات) ================= */
  .compare-rows{display:flex; flex-direction:column; gap:18px; margin-top:52px;}

  .compare-row{
    display:grid; grid-template-columns:220px 1fr; gap:28px; align-items:center;
    background:var(--glass); border:1px solid var(--line); border-radius:20px; padding:22px 26px;
    transition:border-color .4s var(--ease), box-shadow .4s var(--ease);
  }
  .compare-row:hover{border-color:rgba(255,180,40,.35); box-shadow:0 12px 40px rgba(245,124,0,.1);}
  @media(max-width:760px){.compare-row{grid-template-columns:1fr;}}

  .compare-label{display:flex; align-items:center; gap:12px; font-weight:700; font-size:14.5px;}
  .compare-label .ic{
    width:38px; height:38px; border-radius:12px; background:rgba(255,180,40,.1); border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .compare-label .ic svg{width:19px; height:19px; stroke:var(--orange-2); fill:none; stroke-width:1.8;}

  .compare-bars{display:flex; flex-direction:column; gap:12px;}
  .bar-item{display:flex; align-items:center; gap:14px;}
  .bar-name{width:110px; font-size:12px; color:var(--ink-dim); flex-shrink:0;}
  .bar-track{flex:1; height:10px; border-radius:20px; background:rgba(255,255,255,.05); border:1px solid var(--line); overflow:hidden;}
  .bar-fill{height:100%; width:0%; border-radius:20px; transition:width 1.4s var(--ease);}
  .bar-item.falcon .bar-name{color:var(--orange-2); font-weight:700;}
  .bar-item.falcon .bar-fill{background:linear-gradient(90deg,var(--orange),var(--orange-2)); box-shadow:0 0 14px rgba(245,124,0,.5);}
  .bar-item.generic .bar-fill{background:rgba(255,255,255,.18);}
  .bar-pct{width:38px; font-size:12px; color:var(--ink-dim); text-align:left; flex-shrink:0;}
  .bar-item.falcon .bar-pct{color:var(--orange-2); font-weight:700;}

  .compare-legend{display:flex; gap:20px; margin-top:8px; font-size:12.5px; color:var(--ink-dim);}
  .compare-legend .lg{display:flex; align-items:center; gap:8px;}
  .compare-legend .sw{width:12px; height:12px; border-radius:4px;}
  .sw.falcon{background:linear-gradient(90deg,var(--orange),var(--orange-2));}
  .sw.generic{background:rgba(255,255,255,.18);}



/*================ FALCON EXPERIENCE ================*/

.experience-head{

text-align:center;

margin-bottom:90px;

}

.experience-head .sub{

max-width:720px;

margin:auto;

}

.experience-wrap{

position:relative;

height:700px;

display:flex;

justify-content:center;

align-items:center;

}

.blade-box{

position:relative;

width:340px;

height:340px;

display:flex;

align-items:center;

justify-content:center;

z-index:5;

}

.blade-box img{

width:100%;

animation:floatBlade 5s ease-in-out infinite;

filter:drop-shadow(0 0 35px rgba(255,176,40,.35));

}

.blade-glow{

position:absolute;

width:320px;

height:320px;

border-radius:50%;

background:radial-gradient(circle,

rgba(255,176,40,.25),

transparent 70%);

animation:pulseGlow 3s infinite;

}

@keyframes pulseGlow{

50%{

transform:scale(1.15);

opacity:.6;

}

}

@keyframes floatBlade{

50%{

transform:translateY(-15px);

}

}

.exp-card{

position:absolute;

width:250px;

padding:28px;

border-radius:22px;

background:rgba(255,180,40,.05);

border:1px solid rgba(255,180,40,.15);

backdrop-filter:blur(8px);

transition:.4s;

}

.exp-card:hover{

transform:translateY(-8px);

border-color:rgba(255,180,40,.4);

box-shadow:0 15px 45px rgba(245,124,0,.18);

}

.exp-card h3{

margin-bottom:10px;

font-size:20px;

}

.exp-card p{

color:var(--ink-dim);

font-size:14px;

line-height:2;

}

.top{

top:0;

left:50%;

transform:translateX(-50%);

}

.right{

right:0;

top:50%;

transform:translateY(-50%);

}

.bottom{

bottom:0;

left:50%;

transform:translateX(-50%);

}

.left{

left:0;

top:50%;

transform:translateY(-50%);

}

@media(max-width:900px){

.experience-wrap{

height:auto;

display:grid;

grid-template-columns:1fr;

gap:25px;

}

.exp-card,

.top,

.left,

.right,

.bottom{

position:relative;

top:auto;

left:auto;

right:auto;

bottom:auto;

transform:none;

width:100%;

}

.blade-box{

margin:auto;

order:-1;

}

}

/*============================
        TIMELINE
=============================*/

.timeline-head{

text-align:center;
margin-bottom:80px;

}

.timeline-head .sub{

max-width:700px;
margin:auto;

}

.timeline-wrapper{

position:relative;
max-width:900px;
margin:auto;

}

.timeline-line{

position:absolute;

right:30px;

top:0;

width:3px;

height:100%;

background:linear-gradient(
to bottom,
transparent,
var(--orange),
transparent
);

}

.timeline-item{

display:flex;

gap:30px;

position:relative;

margin-bottom:60px;

align-items:flex-start;

}

.timeline-item:last-child{

margin-bottom:0;

}

.timeline-icon{

width:60px;
height:60px;

border-radius:50%;

background:linear-gradient(
135deg,
var(--orange),
var(--orange-2)
);

display:flex;

justify-content:center;

align-items:center;

font-size:24px;

color:#fff;

flex-shrink:0;

box-shadow:

0 0 25px rgba(255,140,60,.35);

z-index:2;

transition:.4s;

}

.timeline-card{

flex:1;

padding:30px;

background:rgba(255,255,255,.03);

border:1px solid rgba(255,170,60,.12);

border-radius:22px;

backdrop-filter:blur(12px);

transition:.45s;

}

.timeline-card:hover{

transform:translateY(-8px);

border-color:rgba(255,170,60,.35);

box-shadow:

0 20px 50px rgba(255,120,40,.15);

}

.timeline-item:hover .timeline-icon{

transform:scale(1.12) rotate(-8deg);

}

.timeline-year{

display:inline-block;

padding:8px 18px;

background:rgba(255,170,60,.12);

border-radius:30px;

color:var(--orange);

font-weight:700;

margin-bottom:18px;

}

.timeline-card h3{

font-size:24px;

margin-bottom:15px;

}

.timeline-card p{

line-height:2;

color:var(--ink-dim);

font-size:15px;

}

/* Mobile */

@media(max-width:768px){

.timeline-line{

right:24px;

}

.timeline-item{

gap:18px;

}

.timeline-icon{

width:48px;
height:48px;

font-size:18px;

}

.timeline-card{

padding:24px;

}

.timeline-card h3{

font-size:20px;

}

}

/* ============================================ */
/* فایل CSS (style.css) - فقط بخش مورد نظر      */
/* ============================================ */

/* ----- بخش اصلی ----- */
.falcon-values-section {
    position: relative;
    overflow: hidden;
    padding: 120px 0;
    width: 100%;
}

.falcon-values-section::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 900px;
    height: 900px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 145, 0, .06), transparent 70%);
    pointer-events: none;
}

.falcon-values-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .015) 1px, transparent 1px);
    background-size: 55px 55px;
    mask-image: radial-gradient(circle, black 45%, transparent);
    pointer-events: none;
}

/* ----- کانتینر داخلی ----- */
.falcon-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

/* ----- عنوان بخش ----- */
.falcon-timeline-head {
    text-align: center;
    margin-bottom: 50px;
}

.falcon-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    letter-spacing: 2px;
    color: var(--orange);
    background: rgba(255, 145, 0, 0.08);
    padding: 6px 18px;
    border-radius: 100px;
    border: 1px solid rgba(255, 145, 0, 0.15);
    margin-bottom: 18px;
}

.falcon-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: var(--orange);
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(255, 145, 0, 0.6);
}

.falcon-heading {
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 12px;
    color: #f0f0f0;
}

.falcon-heading span {
    color: var(--orange);
    text-shadow: 0 0 25px rgba(255, 145, 0, 0.2);
}

.falcon-sub {
    font-size: 1.1rem;
    color: var(--ink-dim);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.8;
}

/* ----- دیاگرام ----- */
.falcon-values-diagram {
    position: relative;
    max-width: 1150px;
    height: 950px;
    margin: 90px auto 0;
}

/* ----- جعبه مرکزی ----- */
.falcon-center-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 300px;
    border-radius: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
    z-index: 20;
    background: linear-gradient(135deg, rgba(255, 176, 40, .08), rgba(255, 255, 255, .03));
    border: 1px solid rgba(255, 176, 40, .20);
    backdrop-filter: blur(20px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .35), inset 0 0 50px rgba(255, 176, 40, .05);
    transition: .45s;
}

.falcon-center-box:hover {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: 0 0 70px rgba(255, 145, 0, .25), 0 0 140px rgba(255, 145, 0, .15), inset 0 0 60px rgba(255, 176, 40, .08);
}

.falcon-center-glow {
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 145, 0, .20), transparent);
    animation: falconCenterGlow 5s ease-in-out infinite;
}

@keyframes falconCenterGlow {
    0% { transform: scale(.85); opacity: .5; }
    50% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(.85); opacity: .5; }
}

.falcon-center-box h2 {
    position: relative;
    z-index: 2;
    font-size: 42px;
    font-weight: 900;
    letter-spacing: 8px;
    color: var(--orange);
}

.falcon-center-box span {
    position: relative;
    z-index: 2;
    margin-top: 15px;
    font-size: 14px;
    letter-spacing: 4px;
    color: var(--ink-dim);
}

/* ----- کارت‌های ارزش ----- */
.falcon-value-card {
    position: absolute;
    width: 260px;
    padding: 35px 28px;
    text-align: center;
    border-radius: 28px;
    overflow: hidden;
    z-index: 10;
    background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 176, 40, .10);
    transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease;
    animation: falconFloatCard 6s ease-in-out infinite;
}

.falcon-value-card::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    top: -150px;
    right: -150px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 176, 40, .18), transparent);
    opacity: 0;
    transition: .45s;
}

.falcon-value-card::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    border-radius: 50px;
    background: linear-gradient(90deg, #ffb020, #ff7200);
    transition: .45s;
}

.falcon-value-card:hover {
    transform: translateY(-12px);
    border-color: rgba(255, 176, 40, .35);
    box-shadow: 0 18px 50px rgba(255, 145, 0, .18);
    z-index: 100;
}

.falcon-value-card:hover::before {
    opacity: 1;
}

.falcon-value-card:hover::after {
    width: 100%;
}

/* موقعیت‌های کارت */
.falcon-value-top {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    animation-delay: 0s;
}

.falcon-value-top-left {
    top: 180px;
    left: 20px;
    animation-delay: .2s;
}

.falcon-value-top-right {
    top: 180px;
    right: 20px;
    animation-delay: .5s;
}

.falcon-value-bottom-left {
    bottom: 180px;
    left: 20px;
    animation-delay: .8s;
}

.falcon-value-bottom-right {
    bottom: 180px;
    right: 20px;
    animation-delay: 1.1s;
}

.falcon-value-bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    animation-delay: 1.4s;
}

/* انیمیشن شناور کارت‌ها */
@keyframes falconFloatCard {
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}

/* اصلاح انیمیشن برای کارت‌های top و bottom که translateX دارند */
.falcon-value-top,
.falcon-value-bottom {
    animation: falconFloatCardCenter 6s ease-in-out infinite;
}

@keyframes falconFloatCardCenter {
    0% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-8px); }
    100% { transform: translateX(-50%) translateY(0); }
}

/* ----- آیکون کارت‌ها ----- */
.falcon-value-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(255, 176, 40, .18), rgba(255, 255, 255, .03));
    border: 1px solid rgba(255, 176, 40, .25);
    transition: .45s;
}

.falcon-value-icon i {
    font-size: 38px;
    background: linear-gradient(135deg, #ffbd32, #ff7200);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 15px rgba(255, 145, 0, .45));
    transition: .45s;
}

.falcon-value-card:hover .falcon-value-icon {
    transform: rotate(-8deg) scale(1.08);
    background: linear-gradient(135deg, rgba(255, 176, 40, .30), rgba(255, 255, 255, .08));
    border-color: rgba(255, 176, 40, .45);
    box-shadow: 0 0 35px rgba(255, 145, 0, .20);
}

.falcon-value-card:hover .falcon-value-icon i {
    transform: scale(1.18);
    filter: drop-shadow(0 0 28px rgba(255, 145, 0, .90));
}

/* ----- متن کارت‌ها ----- */
.falcon-value-card h3 {
    margin-bottom: 14px;
    font-size: 22px;
    font-weight: 800;
    color: #f0f0f0;
    transition: .35s;
}

.falcon-value-card p {
    font-size: 15px;
    line-height: 2;
    color: var(--ink-dim);
    transition: .35s;
}

.falcon-value-card:hover h3 {
    color: var(--orange);
}

.falcon-value-card:hover p {
    color: #ececec;
}

/* ----- خطوط اتصال SVG ----- */
.falcon-value-lines {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
}

.falcon-value-lines line {
    stroke: rgba(255, 176, 40, .15);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 10 10;
    animation: falconLineMove 12s linear infinite;
}

@keyframes falconLineMove {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -220; }
}

/* ============================================ */
/* پاسخگو (Responsive)                         */
/* ============================================ */

@media (max-width: 992px) {
    .falcon-values-section {
        padding: 90px 0;
    }

    .falcon-values-diagram {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "center center"
            "top top"
            "left right"
            "left2 right2"
            "bottom bottom";
        gap: 20px;
        height: auto;
        max-width: 500px;
        margin: auto;
    }

    .falcon-value-lines {
        display: none;
    }

    .falcon-center-box {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        width: 220px;
        height: 220px;
        margin: 0 auto 15px;
        grid-area: center;
    }

    .falcon-center-box:hover {
        transform: scale(1.04);
    }

    .falcon-center-box h2 {
        font-size: 34px;
        letter-spacing: 5px;
    }

    .falcon-center-box span {
        font-size: 13px;
        letter-spacing: 3px;
    }

    .falcon-value-card {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: none !important;
        width: 100%;
        max-width: 220px;
        padding: 22px 18px;
        margin: auto;
        animation: none !important;
    }

    .falcon-value-card p {
        display: none;
    }

    .falcon-value-card h3 {
        margin: 12px 0 0;
        font-size: 18px;
        line-height: 1.6;
    }

    .falcon-value-icon {
        width: 70px;
        height: 70px;
        margin: 0 auto;
        border-radius: 20px;
    }

    .falcon-value-icon i {
        font-size: 30px;
    }

    .falcon-value-top {
        grid-area: top;
    }

    .falcon-value-top-left {
        grid-area: left;
    }

    .falcon-value-top-right {
        grid-area: right;
    }

    .falcon-value-bottom-left {
        grid-area: left2;
    }

    .falcon-value-bottom-right {
        grid-area: right2;
    }

    .falcon-value-bottom {
        grid-area: bottom;
    }
}

@media (max-width: 576px) {
    .falcon-values-diagram {
        max-width: 360px;
        gap: 16px;
    }

    .falcon-center-box {
        width: 180px;
        height: 180px;
    }

    .falcon-center-box h2 {
        font-size: 28px;
        letter-spacing: 4px;
    }

    .falcon-center-box span {
        font-size: 11px;
        letter-spacing: 2px;
    }

    .falcon-value-card {
        max-width: 165px;
        padding: 18px 12px;
        border-radius: 20px;
    }

    .falcon-value-icon {
        width: 60px;
        height: 60px;
        border-radius: 18px;
    }

    .falcon-value-icon i {
        font-size: 26px;
    }

    .falcon-value-card h3 {
        font-size: 15px;
    }
}



/*======================================
        WHY FALCON
======================================*/

.why-falcon{

    position: relative;
    overflow: hidden;

}

.why-falcon::before{

    content: "";

    position: absolute;

    width: 700px;
    height: 700px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    background: radial-gradient(
        circle,
        rgba(255,145,0,.05),
        transparent 70%
    );

    pointer-events: none;

}

/*==============================
        Layout
==============================*/

.falcon-layout{

    position: relative;

    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 35px;

    margin-top: 90px;

}

/*==============================
        Center
==============================*/

.falcon-center{

    grid-column: 1 / span 3;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 40px 0;

}

.center-circle{

    position: relative;

    width: 280px;

    height: 280px;

    border-radius: 50%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    background:
    radial-gradient(
        circle,
        rgba(255,176,40,.16),
        rgba(255,255,255,.03)
    );

    border:
    1px solid rgba(255,176,40,.18);

    backdrop-filter: blur(18px);

    box-shadow:

    0 0 70px rgba(255,145,0,.10),

    inset 0 0 60px rgba(255,176,40,.05);

    animation: falconPulse 5s ease-in-out infinite;

}

.center-circle::before{

    content:"";

    position:absolute;

    inset:-18px;

    border-radius:50%;

    border:1px dashed rgba(255,176,40,.15);

    animation: rotateCircle 18s linear infinite;

}

.center-circle span{

    font-size:42px;

    font-weight:900;

    letter-spacing:8px;

    color:var(--orange);

}

.center-circle small{

    margin-top:14px;

    color:var(--ink-dim);

    font-size:15px;

}

/*==============================
        Animation
==============================*/

@keyframes falconPulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.05);

        box-shadow:

        0 0 100px rgba(255,145,0,.18),

        inset 0 0 80px rgba(255,176,40,.10);

    }

    100%{

        transform:scale(1);

    }

}

@keyframes rotateCircle{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}

/*==============================
        Responsive
==============================*/

@media(max-width:992px){

    .falcon-layout{

        grid-template-columns:repeat(2,1fr);

    }

    .falcon-center{

        grid-column:span 2;

    }

}

@media(max-width:650px){

    .falcon-layout{

        grid-template-columns:1fr;

        gap:25px;

    }

    .falcon-center{

        grid-column:auto;

        margin:20px 0;

    }

    .center-circle{

        width:210px;

        height:210px;

    }

    .center-circle span{

        font-size:30px;

        letter-spacing:5px;

    }

}
/*======================================
            CARDS
======================================*/

.falcon-card{

    position: relative;

    padding: 40px 35px;

    text-align: center;

    border-radius: 28px;

    background: rgba(255,255,255,.03);

    border: 1px solid rgba(255,176,40,.10);

    backdrop-filter: blur(16px);

    overflow: hidden;

    transition: .45s;

}

.falcon-card::before{

    content: "";

    position: absolute;

    width: 220px;

    height: 220px;

    top: -120px;

    right: -120px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(255,145,0,.18),
        transparent
    );

    opacity: 0;

    transition: .45s;

}

.falcon-card:hover{

    transform: translateY(-12px);

    border-color: rgba(255,176,40,.35);

    box-shadow:
    0 25px 60px rgba(255,145,0,.16);

}

.falcon-card:hover::before{

    opacity: 1;

}


/*======================================
            ICON
======================================*/

.why-icon{

    width:90px;

    height:90px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 28px;

    border-radius:25px;

    background:

    linear-gradient(
        135deg,
        rgba(255,176,40,.18),
        rgba(255,255,255,.03)
    );

    border:

    1px solid rgba(255,176,40,.25);

    transition:.45s;

}

.why-icon i{

    font-size:38px;

    background:

    linear-gradient(
        135deg,
        #ffbd32,
        #ff7200
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    filter:

    drop-shadow(
        0 0 15px rgba(255,145,0,.45)
    );

    transition:.45s;

}

.falcon-card:hover .why-icon{

    transform:rotate(-8deg) scale(1.08);

    background:

    linear-gradient(
        135deg,
        rgba(255,176,40,.30),
        rgba(255,255,255,.08)
    );

    border-color:rgba(255,176,40,.45);

    box-shadow:

    0 0 35px rgba(255,145,0,.22);

}

.falcon-card:hover .why-icon i{

    transform:scale(1.18);

    filter:

    drop-shadow(
        0 0 25px rgba(255,145,0,.8)
    );

}


/*======================================
            TEXT
======================================*/

.falcon-card h3{

    font-size:23px;

    margin-bottom:16px;

    font-weight:800;

}

.falcon-card p{

    line-height:2;

    font-size:15px;

    color:var(--ink-dim);

}


/*======================================
        MOBILE
======================================*/

@media(max-width:650px){

    .falcon-card{

        padding:30px 24px;

    }

    .why-icon{

        width:80px;

        height:80px;

    }

    .why-icon i{

        font-size:34px;

    }

    .falcon-card h3{

        font-size:20px;

    }

}
/*========================================
            PREMIUM EFFECTS
========================================*/

.falcon-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:0;

    height:3px;

    background:

    linear-gradient(
        90deg,
        #ffb020,
        #ff7200
    );

    transition:.45s;

}

.falcon-card:hover::after{

    width:100%;

}

/*=============================
      CENTER GLOW
==============================*/

.center-circle{

    transition:.45s;

}

.center-circle:hover{

    transform:scale(1.08);

    box-shadow:

    0 0 80px rgba(255,140,40,.25),

    0 0 150px rgba(255,140,40,.15),

    inset 0 0 40px rgba(255,176,40,.15);

}

/*=============================
      TEXT EFFECT
==============================*/

.falcon-card:hover h3{

    color:var(--orange);

    transition:.35s;

}

.falcon-card:hover p{

    color:#d8d8d8;

}

/*=============================
      GLASS LIGHT
==============================*/

.falcon-card{

    isolation:isolate;

}

.falcon-card::before{

    z-index:-1;

}

.falcon-card:hover{

    background:

    linear-gradient(
        135deg,
        rgba(255,176,40,.06),
        rgba(255,255,255,.03)
    );

}

/*=============================
      RESPONSIVE
==============================*/

@media(max-width:992px){

    .center-circle{

        width:240px;

        height:240px;

    }

}

@media(max-width:768px){

    .falcon-card{

        text-align:center;

    }

    .why-icon{

        margin-inline:auto;

    }

    .center-circle{

        width:200px;

        height:200px;

    }

    .center-circle span{

        font-size:30px;

        letter-spacing:4px;

    }

}

@media(max-width:480px){

    .falcon-card{

        padding:25px 20px;

    }

    .why-icon{

        width:75px;

        height:75px;

    }

    .why-icon i{

        font-size:30px;

    }

}


/*====================================
            ABOUT CTA
=====================================*/

.about-cta{

    position:relative;

    overflow:hidden;

}

.cta-box{

    position:relative;

    padding:80px 60px;

    text-align:center;

    border-radius:32px;

    background:linear-gradient(
    135deg,
    rgba(255,140,40,.10),
    rgba(255,255,255,.03)
    );

    border:1px solid rgba(255,170,60,.15);

    backdrop-filter:blur(16px);

    overflow:hidden;

}

.cta-box::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    top:-180px;

    left:-150px;

    background:radial-gradient(circle,
    rgba(255,140,40,.22),
    transparent);

}

.cta-box::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    bottom:-180px;

    right:-120px;

    background:radial-gradient(circle,
    rgba(255,140,40,.15),
    transparent);

}

.cta-box>*{

    position:relative;

    z-index:2;

}

.cta-box h2{

    font-size:46px;

    margin:20px 0;

}

.cta-box h2 span{

    color:var(--orange);

}

.cta-box p{

    max-width:760px;

    margin:auto;

    line-height:2.1;

    color:var(--ink-dim);

    font-size:16px;

}

.cta-features{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

    margin:50px 0;

}

.cta-feature{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 26px;

    border-radius:50px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,170,60,.12);

    transition:.35s;

}

.cta-feature:hover{

    transform:translateY(-6px);

    border-color:rgba(255,170,60,.35);

}

.cta-feature i{

    color:var(--orange);

    font-size:18px;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:16px 34px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

    text-decoration:none;

}

.btn-primary{

    background:linear-gradient(
    135deg,
    var(--orange),
    var(--orange-2)
    );

    color:#fff;

}

.btn-primary:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(255,140,40,.28);

}

.btn-outline{

    border:1px solid rgba(255,170,60,.25);

    color:#fff;

}

.btn-outline:hover{

    background:rgba(255,170,60,.08);

    transform:translateY(-5px);

}

@media(max-width:992px){

    .cta-box{

        padding:60px 30px;

    }

    .cta-box h2{

        font-size:34px;

    }

}

@media(max-width:768px){

    .cta-box{

        padding:45px 20px;

    }

    .cta-box h2{

        font-size:28px;

    }

    .cta-box p{

        font-size:15px;

    }

    .cta-feature{

        width:100%;

        justify-content:center;

    }

    .cta-buttons{

        flex-direction:column;

    }

    .btn{

        width:100%;

        justify-content:center;

    }

}