:root {
    --bg: #0d0e36;
    --panel: #29183d;
    --panel2: #4a2157;
    --text: #fff7fd;
    --muted: #d2b9d8;
    --brand: #c860a5;
    --brand2: #9150a2;
    --line: rgba(255, 255, 255, .13);
    --shadow: 0 24px 70px rgba(5, 4, 24, .38);
    --radius: 22px;
    --max: 1280px
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    font-family: Manrope, system-ui, sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
    overflow-x: hidden
}

.hero-card-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    opacity: 1;
    /*filter: saturate(.92) contrast(1.08) brightness(.72)*/
}
/* =========================================
   PRODUCT VISUAL - OPTION 2
   Warm Premium / Champagne Background
========================================= */

.product-visual {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background:
        radial-gradient(
            circle at 50% 32%,
            rgba(255,255,255,.95) 0%,
            rgba(255,250,243,.72) 28%,
            transparent 58%
        ),
        radial-gradient(
            circle at 15% 70%,
            rgba(255,255,255,.45) 0%,
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #e5ded7 0%,
            #f3eee8 35%,
            #e8e5e4 68%,
            #d8dce2 100%
        ) !important;

    border: 1px solid rgba(255,255,255,.65) !important;
    border-radius: 28px !important;

    box-shadow:
        0 20px 50px rgba(6,15,38,.18),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
}


/* Soft premium spotlight behind bottle */
.product-visual::before {
    content: "";
    position: absolute;
    z-index: 0;

    width: 82%;
    aspect-ratio: 1;
    left: 50%;
    top: 42%;

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

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.95) 0%,
            rgba(255,248,237,.62) 30%,
            rgba(222,228,238,.20) 55%,
            transparent 72%
        );

    filter: blur(10px);
    pointer-events: none;
}


/* Very subtle scientific pattern */
.product-visual::after {
    content: "";
    position: absolute;
    z-index: 0;

    width: 240px;
    height: 240px;
    right: -55px;
    top: 30px;

    opacity: .22;

    background-image:
        linear-gradient(
            30deg,
            transparent 48%,
            rgba(75,100,135,.28) 49%,
            rgba(75,100,135,.28) 51%,
            transparent 52%
        ),
        linear-gradient(
            -30deg,
            transparent 48%,
            rgba(75,100,135,.22) 49%,
            rgba(75,100,135,.22) 51%,
            transparent 52%
        );

    background-size: 34px 58px;

    mask-image: radial-gradient(
        circle,
        #000 0%,
        transparent 72%
    );

    pointer-events: none;
}


/* Bottle */
.product-visual img {
    position: relative;
    z-index: 2;
}


/* MOBILE */
@media (max-width: 767px) {

    .product-visual {
        border-radius: 22px !important;

        background:
            radial-gradient(
                circle at 50% 35%,
                rgba(255,255,255,.96) 0%,
                rgba(255,249,241,.65) 32%,
                transparent 62%
            ),
            linear-gradient(
                145deg,
                #e1dcd8 0%,
                #f3efea 50%,
                #d9dfe6 100%
            ) !important;

        border-color: rgba(255,255,255,.7) !important;

        box-shadow:
            0 16px 38px rgba(6,15,38,.16),
            inset 0 1px 0 rgba(255,255,255,.9) !important;
    }

    .product-visual::after {
        width: 180px;
        height: 180px;
        right: -65px;
        opacity: .16;
    }
}
/* ==========================================
   SCIENCE CARD - FORCE OPTION 3 BACKGROUND
========================================== */

body #science .science-visual-card {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    background-color: #8eb8e3 !important;

    background-image:
        radial-gradient(
            circle at 20% 22%,
            rgba(255,255,255,.30) 0 3%,
            transparent 12%
        ),
        radial-gradient(
            circle at 80% 25%,
            rgba(255,255,255,.22) 0 3%,
            transparent 11%
        ),
        radial-gradient(
            circle at 72% 75%,
            rgba(255,255,255,.16) 0 3%,
            transparent 13%
        ),
        radial-gradient(
            circle at 50% 42%,
            rgba(255,255,255,.68) 0%,
            rgba(220,238,255,.42) 26%,
            transparent 60%
        ),
        linear-gradient(
            135deg,
            #6f9fd0 0%,
            #91b9df 32%,
            #b4d0e9 56%,
            #8db4d9 76%,
            #6794c2 100%
        ) !important;

    border: 1px solid rgba(215,235,250,.65) !important;

    box-shadow:
        0 20px 50px rgba(4,22,52,.22),
        inset 0 1px 0 rgba(255,255,255,.65) !important;
}


/* REMOVE OLD PURPLE OVERLAYS */
body #science .science-visual-card::before,
body #science .science-visual-card::after {
    content: none !important;
    display: none !important;
}


/* IMPORTANT:
   inner image/content ka background transparent */
body #science .science-visual-card > div,
body #science .science-visual-card figure {
    background-color: transparent !important;
}


/* Image ko change nahi karega */
body #science .science-visual-card img {
    position: relative !important;
    z-index: 2 !important;
}


/* MOBILE SAME DESIGN */
@media (max-width: 767px) {

    body #science .science-visual-card {
        background-color: #91b9df !important;

        background-image:
            radial-gradient(
                circle at 50% 40%,
                rgba(255,255,255,.72) 0%,
                rgba(218,237,253,.43) 28%,
                transparent 62%
            ),
            linear-gradient(
                145deg,
                #75a4d2 0%,
                #a9c9e6 48%,
                #79a4ce 100%
            ) !important;
    }
}
#science .science-visual-glow {
      box-shadow: none !important;
      background: none !important;
}
.hero-video-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(7, 24, 36, .10), rgba(7, 24, 36, .44)), radial-gradient(circle at 50% 45%, transparent 25%, rgba(7, 24, 36, .46) 100%)
}

.product-main-image {
    animation: productGlow 5.5s ease-in-out infinite;
    will-change: transform, filter;
    height: 400px;
    border-radius: 20px
}

@keyframes productGlow {
    0% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 0 8px rgba(113, 33, 88, 0.25))
    }

    25% {
        transform: translateY(-6px) scale(1.02);
        filter: drop-shadow(0 0 18px rgba(113, 33, 88, 0.45))
    }

    50% {
        transform: translateY(0) scale(1.04);
        filter: drop-shadow(0 0 26px rgba(113, 33, 88, 0.6))
    }

    75% {
        transform: translateY(-4px) scale(1.02);
        filter: drop-shadow(0 0 18px rgba(113, 33, 88, 0.45))
    }

    100% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 0 8px rgba(113, 33, 88, 0.25))
    }
}
.science-visual-card img{
     animation: productGlow 5.5s ease-in-out infinite;
    will-change: transform, filter;
}
@keyframes productGlow {
    0% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 0 8px rgba(113, 33, 88, 0.25))
    }

    25% {
        transform: translateY(-6px) scale(1.02);
        filter: drop-shadow(0 0 18px rgba(113, 33, 88, 0.45))
    }

    50% {
        transform: translateY(0) scale(1.04);
        filter: drop-shadow(0 0 26px rgba(113, 33, 88, 0.6))
    }

    75% {
        transform: translateY(-4px) scale(1.02);
        filter: drop-shadow(0 0 18px rgba(113, 33, 88, 0.45))
    }

    100% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 0 8px rgba(113, 33, 88, 0.25))
    }
}
.success-message {
    display: none;
    margin-top: 20px;
    padding: 18px 20px;
    border-radius: 18px;
    border: 1px solid rgba(148, 183, 76, .25);
    background: rgba(148, 183, 76, .08);
    color: #fff;
    display: flex;
    align-items: center;
    gap: 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: .35s
}

.success-message.show svg {
    margin-top: 5px
}

.success-message.show {
    display: flex;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    align-items: flex-start
}

.success-message strong {
    color: #94B74C;
    font-size: 18px
}

button.btn.btn-primary {
    margin-top: 40px;
    width: 100%
}


/* =====================================================
   DPIIT RECOGNITION — GINWIN WEBSITE THEME
===================================================== */

.dpiit-section{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:
        radial-gradient(circle at 88% 18%,
            rgba(200,96,165,.18) 0,
            transparent 32%),
        radial-gradient(circle at 8% 85%,
            rgba(145,80,162,.20) 0,
            transparent 34%),
        radial-gradient(circle at 55% 45%,
            rgba(63,120,163,.08) 0,
            transparent 42%),
        linear-gradient(135deg,
            #0d0e36 0%,
            #171238 48%,
            #29183d 100%);
}


/* subtle premium grid */
.dpiit-section:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size:55px 55px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 18%,
            #000 80%,
            transparent
        );
}


/* background glow */
.dpiit-section:after{
    content:"";
    position:absolute;

    width:520px;
    height:520px;

    right:-180px;
    top:-200px;

    border-radius:50%;

    background:
        radial-gradient(circle,
            rgba(200,96,165,.17),
            rgba(145,80,162,.07) 42%,
            transparent 70%);

    filter:blur(10px);

    pointer-events:none;
}


/* =========================
   GRID
========================= */

.dpiit-wrap{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:
        minmax(0,.92fr)
        minmax(0,1.08fr);

    gap:60px;
    align-items:center;
}


/* =========================
   GOVERNMENT BADGE
========================= */

.dpiit-gov-badge{
    display:inline-flex;
    align-items:center;

    padding:10px 16px;

    border-radius:999px;

    border:
        1px solid
        rgba(146,185,67,.30);

    background:
        rgba(146,185,67,.09);

    color:#c7df8c;

    font-size:11px;
    line-height:1.3;

    font-weight:800;

    letter-spacing:.08em;

    text-transform:uppercase;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.05);
}


/* =========================
   TITLE
========================= */

.dpiit-title{
    max-width:650px;

    margin:25px 0 20px;

    color:#fff;

    font-size:
        clamp(2.7rem,5vw,4.8rem);

    line-height:.96;

    letter-spacing:-.045em;
}

.dpiit-title span{
    display:block;

    margin-top:7px;

    background:
        linear-gradient(
            90deg,
            #c860a5,
            #d986bf,
            #92b943
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* =========================
   DESCRIPTION
========================= */

.dpiit-description{
    max-width:650px;

    margin:0;

    color:#cbbbd0;

    font-size:16px;
    line-height:1.8;
}

.dpiit-description strong{
    color:#fff;
}


/* =========================
   INDUSTRY CARDS
========================= */

.dpiit-info-grid{
    display:grid;

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

    gap:12px;

    margin-top:27px;
}

.dpiit-info-card{
    position:relative;

    padding:17px 18px;

    overflow:hidden;

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

    border-radius:16px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.025)
        );

    color:#fff;

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

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.05),
        0 12px 30px
        rgba(0,0,0,.10);
}

.dpiit-info-card:before{
    content:"";

    position:absolute;

    left:0;
    top:0;
    bottom:0;

    width:3px;

    background:
        linear-gradient(
            #c860a5,
            #9150a2
        );
}


/* =========================
   CERTIFICATE DETAILS
========================= */

.dpiit-meta{
    display:grid;

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

    margin-top:13px;

    overflow:hidden;

    border-radius:16px;

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

    background:
        rgba(7,8,35,.48);
}

.dpiit-meta > div{
    padding:16px;

    border-right:
        1px solid
        rgba(255,255,255,.08);
}

.dpiit-meta > div:last-child{
    border-right:0;
}

.dpiit-meta small{
    display:block;

    margin-bottom:5px;

    color:#a995b1;

    font-size:9px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;
}

.dpiit-meta strong{
    display:block;

    color:#fff;

    font-size:13px;
}


/* =========================
   SHOW CERTIFICATE BUTTON
========================= */

.dpiit-show-btn{
    display:inline-flex;

    align-items:center;

    gap:14px;

    margin-top:18px;

    padding:11px 15px;

    border-radius:999px;

    border:
        1px solid
        rgba(200,96,165,.28);

    background:
        rgba(200,96,165,.09);

    color:#fff;

    text-decoration:none;

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

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.dpiit-show-btn span{
    display:grid;

    place-items:center;

    width:28px;
    height:28px;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #9150a2,
            #c860a5
        );

    color:#fff;
}

.dpiit-show-btn:hover{
    transform:translateY(-2px);

    background:
        rgba(200,96,165,.16);

    border-color:
        rgba(200,96,165,.48);
}


/* =====================================================
   CERTIFICATE CARD
===================================================== */

.dpiit-certificate-card{
    position:relative;

    padding:12px;

    border-radius:26px;

    border:
        1px solid
        rgba(255,255,255,.13);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.11),
            rgba(255,255,255,.035)
        );

    box-shadow:
        0 30px 80px
        rgba(4,3,25,.38),
        inset 0 1px 0
        rgba(255,255,255,.10);
}


/* glow behind certificate */

.dpiit-certificate-card:before{
    content:"";

    position:absolute;

    z-index:-1;

    width:82%;
    height:75%;

    left:9%;
    top:14%;

    border-radius:30px;

    background:
        linear-gradient(
            135deg,
            rgba(145,80,162,.32),
            rgba(200,96,165,.18)
        );

    filter:blur(42px);
}


/* certificate */

.dpiit-certificate-card img{
    display:block;

    width:100%;
    height:auto;

    border-radius:17px;

    background:#fff;

    box-shadow:
        0 18px 50px
        rgba(0,0,0,.24);
}




.menu-toggle {
    display: none;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    background: #4a2157;
    cursor: pointer;
    position: relative;
    z-index: 9999
}

.menu-toggle span {
    position: absolute;
    left: 12px;
    width: 24px;
    height: 2px;
    background: #fff;
    transition: .35s
}

.menu-toggle span:nth-child(1) {
    top: 15px
}

.menu-toggle span:nth-child(2) {
    top: 23px
}

.menu-toggle span:nth-child(3) {
    top: 31px
}

.menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg);
    top: 23px
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0
}

.menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg);
    top: 23px
}

@media(max-width:900px) {
    .menu-toggle {
        display: block
    }

    .navlinks {
        position: fixed;
        top: 68px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 68px);
        background: #0d0e36;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 40px 30px;
        transition: .4s;
        gap: 25px;
        z-index: 9998
    }

    .navlinks.active {
        left: 0
    }

    .navlinks a {
        font-size: 18px;
        font-weight: 600;
        width: 100%;
        padding: 12px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .08)
    }

    .nav .btn {
        display: none
    }
}

a {
    color: inherit;
    text-decoration: none
}

button,
input,
textarea {
    font: inherit
}

img {
    max-width: 100%;
    display: block
}

.container {
    width: min(var(--max), calc(100% - 36px));
    margin: auto
}

.section {
    padding: 92px 0;
    position: relative
}

.eyebrow {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: .76rem;
    font-weight: 800;
    color: var(--brand)
}

h1,
h2,
h3,
p {
    margin-top: 0
}

h1 {
    font: 700 clamp(2.9rem, 7vw, 6.4rem)/.98 'Playfair Display', serif;
    letter-spacing: -.045em;
    margin-bottom: 24px;
    max-width: 920px
}

h2 {
    font-size: clamp(2rem, 4.4vw, 3.8rem);
    line-height: 1.08;
    letter-spacing: -.045em;
    margin-bottom: 20px
}

h3 {
    line-height: 1.25
}

.lead {
    font-size: clamp(1.05rem, 1.8vw, 1.28rem);
    color: var(--muted);
    max-width: 760px
}

.muted {
    color: var(--muted)
}

.notice {
    background: linear-gradient(90deg, #9150a2, #c860a5);
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    text-align: center;
    padding: 10px 18px
}

.nav {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(18px);
    background: rgba(13, 14, 54, .90);
    border-bottom: 1px solid var(--line)
}

.navin {
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 800;
    letter-spacing: .02em
}

.mark {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(200, 96, 165, .48);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 35% 30%, #e981c8, transparent 35%), linear-gradient(135deg, #9150a2, #0d0e36);
    box-shadow: 0 0 35px rgba(200, 96, 165, .20)
}

.mark svg {
    width: 25px
}

.brand-logo {
    height: 58px;
    width: auto;
    display: block;
    border-radius: 10px
}

.hero-logo {
    width: min(270px, 72vw);
    height: auto;
    background: #fff;
    border-radius: 18px;
    padding: 10px 16px;
    margin: 0 0 28px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .22)
}

.footer-logo-wrap {
    display: inline-block;
    background: #fff;
    border-radius: 16px;
    padding: 10px 16px
}

.footer-logo {
    height: 74px;
    width: auto;
    display: block
}

.navin .brand {
    min-width: 220px
}

@media(max-width:560px) {
    .brand-logo {
        height: 46px
    }

    .navin .brand {
        min-width: auto
    }

    .hero-logo {
        width: 220px;
        margin-bottom: 22px
    }

    .footer-logo {
        height: 62px
    }
}

.navlinks {
    display: flex;
    gap: 26px;
    color: #dceaf2;
    font-size: .92rem
}

.navlinks a:hover {
    color: var(--brand)
}

.btn {
    border: 0;
    border-radius: 999px;
    padding: 14px 22px;
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: .2s transform, .2s background
}

.btn:hover {
    transform: translateY(-2px)
}

.btn-primary {
    background: var(--brand);
    color: #fff;
    box-shadow: 0 12px 34px rgba(200, 96, 165, .20)
}

.btn-outline {
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .035);
    color: var(--text)
}

.hero {
    min-height: 820px;
    padding: 108px 0 80px;
    display: flex;
    align-items: center;
    isolation: isolate;
    background: radial-gradient(circle at 82% 25%, rgba(145, 80, 162, .34), transparent 30%), radial-gradient(circle at 18% 75%, rgba(200, 96, 165, .17), transparent 27%), linear-gradient(145deg, #0d0e36, #29183d)
}

.hero:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(to bottom, #000, transparent 85%)
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 46px;
    align-items: center
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 34px 0
}

.chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.chip {
    font-size: .82rem;
    color: #cbe2da;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .035);
    padding: 8px 12px;
    border-radius: 999px
}

.dna-card {
    min-height: 540px;
    border: 1px solid rgba(200, 96, 165, .38);
    border-radius: 36px;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 50% 45%, rgba(145, 80, 162, .30), transparent 40%), radial-gradient(circle at 70% 20%, rgba(200, 96, 165, .17), transparent 28%), linear-gradient(155deg, #4a2157, #0d0e36);
    box-shadow: var(--shadow);
    isolation: isolate
}

.dna-card:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    /*background-image: radial-gradient(circle, rgba(255, 255, 255, .58) 0 1px, transparent 1.5px);*/
    background-size: 38px 38px;
    opacity: 1;
    animation: particleDrift 18s linear infinite
}

.dna-card:after {
    content: "";
    position: absolute;
    inset: -35%;
    z-index: -1;
    background: conic-gradient(from 90deg, transparent, rgba(146, 185, 67, .08), transparent 28%, rgba(145, 80, 162, .15), transparent 58%);
    animation: slowSpin 22s linear infinite
}

.dna-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    filter: drop-shadow(0 0 16px rgba(146, 185, 67, .32))
}

.orbit {
    position: absolute;
    border: 1px solid rgba(200, 96, 165, .24);
    border-radius: 50%;
    inset: 12% 10%;
    transform: rotate(-18deg);
    animation: orbitPulse 7s ease-in-out infinite
}

.orbit.two {
    inset: 24% 4%;
    transform: rotate(38deg);
    animation-delay: -3.5s
}

.float-card {
    position: absolute;
    padding: 15px 18px;
    border: 1px solid var(--line);
    background: rgba(4, 17, 25, .72);
    backdrop-filter: blur(14px);
    border-radius: 16px;
    box-shadow: var(--shadow);
    font-size: .86rem;
    animation: cardFloat 5s ease-in-out infinite
}

.fc1 {
    left: 5%;
    top: 12%
}

.fc2 {
    right: 4%;
    bottom: 15%;
    animation-delay: -1.7s
}

.fc3 {
    left: 8%;
    bottom: 5%;
    animation-delay: -3.2s
}

@keyframes slowSpin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes particleDrift {
    to {
        background-position: 76px 38px
    }
}

@keyframes orbitPulse {

    0%,
    100% {
        opacity: .35;
        transform: rotate(-18deg) scale(.98)
    }

    50% {
        opacity: .8;
        transform: rotate(-14deg) scale(1.03)
    }
}

@keyframes cardFloat {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-9px)
    }
}

@media(prefers-reduced-motion:reduce) {

    .dna-card:before,
    .dna-card:after,
    .orbit,
    .float-card {
        animation: none
    }
}

.stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    overflow: hidden;
    background: rgba(255, 255, 255, .025)
}

.stat {
    padding: 28px;
    border-right: 1px solid var(--line)
}

.stat:last-child {
    border: 0
}

.stat strong {
    display: block;
    font-size: 1.35rem;
    color: var(--brand)
}

.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px
}

.card {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 26px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
    box-shadow: 0 18px 50px rgba(0, 0, 0, .16)
}

.icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: rgba(200, 96, 165, .12);
    display: grid;
    place-items: center;
    color: var(--brand);
    font-weight: 900;
    margin-bottom: 20px
}

.card p {
    color: var(--muted);
    margin-bottom: 0
}

.product-wrap {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 34px;
    align-items: stretch
}

.product-visual {
    border-radius: 32px;
    min-height: 580px;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 50% 30%, rgba(200, 96, 165, .24), transparent 34%), linear-gradient(160deg, #4a2157, #0d0e36);
    border: 1px solid var(--line);
    display: grid;
    place-items: center
}

.bottle {
    width: 220px;
    height: 350px;
    border-radius: 34px 34px 48px 48px;
    background: linear-gradient(90deg, #143548, #285a79 48%, #0d0e36);
    box-shadow: 0 35px 80px rgba(0, 0, 0, .48), inset 0 0 0 2px rgba(255, 255, 255, .06);
    position: relative
}

.bottle:before {
    content: "";
    position: absolute;
    width: 135px;
    height: 52px;
    left: 42px;
    top: -42px;
    border-radius: 14px 14px 6px 6px;
    background: repeating-linear-gradient(90deg, #0a1c28 0 5px, #29475a 5px 8px)
}

.label {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 105px;
    padding: 25px 12px;
    text-align: center;
    border-top: 1px solid rgba(211, 170, 85, .5);
    border-bottom: 1px solid rgba(211, 170, 85, .5);
    color: #f6e4bb
}

.label b {
    display: block;
    font-size: 1.5rem
}

.status {
    position: absolute;
    top: 20px;
    left: 20px;
    border-radius: 999px;
    background: #9150a2;
    color: #fff;
    padding: 8px 12px;
    font-weight: 800;
    font-size: .76rem
}

.formula {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 24px
}

.formula div {
    border-left: 2px solid var(--brand);
    padding: 11px 14px;
    background: rgba(255, 255, 255, .025);
    border-radius: 0 12px 12px 0;
    font-size: .92rem
}

.formula b {
    display: block;
    color: #fff
}

.timeline {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-top: 34px
}

.gen {
    padding: 22px 16px;
    border: 1px solid var(--line);
    border-radius: 18px;
    min-height: 170px;
    position: relative;
    background: rgba(255, 255, 255, .025)
}

.gen strong {
    font-size: 1.8rem;
    color: var(--brand)
}

.gen.active {
    background: linear-gradient(145deg, rgba(200, 96, 165, .20), rgba(211, 170, 85, .08));
    border-color: rgba(200, 96, 165, .48)
}

.split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 44px;
    align-items: center
}

.quote {
    font: 700 clamp(2rem, 4vw, 4rem)/1.05 'Playfair Display', serif
}

.list {
    display: grid;
    gap: 13px
}

.list-item {
    display: flex;
    gap: 13px;
    align-items: flex-start
}

.tick {
    flex: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(200, 96, 165, .14);
    color: var(--brand);
    font-weight: 900;
    margin-top: 2px
}

.badges {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 22px
}

.badge {
    padding: 10px 14px;
    border: 1px solid rgba(211, 170, 85, .35);
    border-radius: 999px;
    color: #f3dca8;
    background: rgba(211, 170, 85, .07);
    font-size: .82rem;
    font-weight: 800
}

.contact {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 34px
}

.contact-card {
    background: linear-gradient(145deg, #4a2157, #29183d);
    border: 1px solid var(--line);
    border-radius: 28px;
    padding: 30px
}

.form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.field {
    display: grid;
    gap: 7px
}

.field.full {
    grid-column: 1/-1
}

label {
    font-size: .82rem;
    font-weight: 700;
    color: #c8ddd5
}

input,
textarea {
    width: 100%;
    border: 1px solid var(--line);
    background: #19133a;
    color: #fff;
    border-radius: 13px;
    padding: 14px 15px;
    outline: none
}

input:focus,
textarea:focus {
    border-color: var(--brand)
}

textarea {
    min-height: 130px;
    resize: vertical
}

.form-note {
    font-size: .76rem;
    color: var(--muted)
}

footer {
    padding: 54px 0 24px;
    border-top: 1px solid var(--line);
    background: #090a28
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.1fr .7fr 1.2fr;
    gap: 35px
}

.footer-links {
    display: grid;
    gap: 8px;
    color: var(--muted)
}

.legal {
    font-size: .78rem;
    color: #7f9c92;
    border-top: 1px solid var(--line);
    margin-top: 34px;
    padding-top: 22px
}

.modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 100;
    display: none;
    place-items: center;
    padding: 20px
}

.modal.open {
    display: grid
}

.modal-box {
    max-width: 780px;
    max-height: 85vh;
    overflow: auto;
    background: #0b211b;
    border: 1px solid var(--line);
    border-radius: 22px;
    padding: 28px;
    box-shadow: var(--shadow)
}

.close {
    float: right;
    background: none;
    border: 0;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer
}

@media(max-width:900px) {
    .hero {
        min-height: auto;
        padding-top: 72px
    }

    .hero-grid,
    .product-wrap,
    .split,
    .contact,
    .footer-grid {
        grid-template-columns: 1fr
    }

    .dna-card {
        min-height: 430px
    }

    .stats,
    .grid-4 {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-3 {
        grid-template-columns: 1fr
    }

    .timeline {
        grid-template-columns: 1fr 1fr
    }

    .product-visual {
        min-height: 500px
    }

    .contact {
        gap: 20px
    }
}

@media(max-width:560px) {
    .section {
        padding: 70px 0
    }

    .container {
        width: min(100% - 24px, var(--max))
    }

    .notice {
        font-size: .76rem
    }

    .navin {
        height: 68px
    }

    .brand span:last-child {
        font-size: .84rem
    }

    .nav .btn {
        display: none
    }

    h1 {
        font-size: 3rem
    }

    .stats,
    .grid-4,
    .formula,
    .form,
    .timeline {
        grid-template-columns: 1fr
    }

    .stat {
        border-right: 0;
        border-bottom: 1px solid var(--line)
    }

    .field.full {
        grid-column: auto
    }

    .dna-card {
        min-height: 370px
    }

    .float-card {
        font-size: .72rem
    }

    .bottle {
        transform: scale(.86)
    }
}

.hero {
    background: radial-gradient(circle at 82% 25%, rgba(145, 80, 162, .34), transparent 31%), radial-gradient(circle at 18% 75%, rgba(200, 96, 165, .18), transparent 28%), linear-gradient(145deg, #0d0e36, #29183d)
}

.notice {
    background: linear-gradient(90deg, #9150a2, #c860a5)
}

.btn-primary {
    background: linear-gradient(135deg, #c860a5, #e981c8);
    color: #fff;
    box-shadow: 0 12px 34px rgba(200, 96, 165, .24)
}

.btn-primary:hover {
    background: linear-gradient(135deg, #d66eb4, #f19bd8)
}

.status {
    background: linear-gradient(135deg, #9150a2, #c860a5);
    color: #fff
}

.icon,
.tick {
    background: rgba(200, 96, 165, .14)
}

.badge {
    border-color: rgba(233, 129, 200, .35);
    color: #f5c7e8;
    background: rgba(200, 96, 165, .08)
}

.science-feature-section {
    background: radial-gradient(circle at 86% 15%, rgba(200, 96, 165, .12), transparent 25%), linear-gradient(180deg, #0d0e36, #19133a)
}

.science-feature-grid {
    display: grid;
    grid-template-columns: 1.02fr .98fr;
    gap: 48px;
    align-items: center;
    margin-bottom: 48px
}

.science-feature-copy .lead {
    margin-bottom: 28px
}

.science-habits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.science-habits>div {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018))
}

.science-habits>div:last-child {
    grid-column: 1/-1
}

.science-habits span {
    color: #e981c8;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em
}

.science-habits p {
    margin: 0
}

.science-habits b {
    display: block;
    color: #fff;
    font-size: .9rem
}

.science-habits small {
    display: block;
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.5;
    margin-top: 3px
}

.science-visual-card {
    position: relative;
    min-height: 650px;
    margin: 0;
    padding: 22px 22px 94px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(233, 129, 200, .24);
    background: radial-gradient(circle at 50% 32%, rgba(233, 129, 200, .17), transparent 38%), linear-gradient(160deg, #4a2157, #19133a);
    box-shadow: 0 28px 74px rgba(5, 4, 24, .46);
    isolation: isolate
}

.science-visual-card img {
    position: relative;
    z-index: 2;
    width: min(100%, 470px);
    max-height: 620px;
    object-fit: contain;
    border-radius: 18px;
    transition: transform .35s ease;
    margin-bottom: 20px
}

.science-visual-card:hover img {
    transform: scale(1.012)
}

.science-visual-glow {
    position: absolute;
    width: 440px;
    height: 440px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(233, 129, 200, .22), rgba(145, 80, 162, .16), transparent 72%);
    filter: blur(18px);
    animation: scienceGlow 6s ease-in-out infinite
}

.science-visual-card figcaption {
    position: absolute;
    z-index: 3;
    left: 18px;
    right: 18px;
    bottom: 17px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 16px;
    background: rgba(13, 14, 54, .82);
    backdrop-filter: blur(14px)
}

.science-visual-card figcaption strong {
    display: block;
    color: #fff;
    font-size: .9rem
}

.science-visual-card figcaption span {
    display: block;
    color: #d2b9d8;
    font-size: .72rem;
    margin-top: 3px
}

@keyframes scienceGlow {

    0%,
    100% {
        transform: scale(.96);
        opacity: .75
    }

    50% {
        transform: scale(1.08);
        opacity: 1
    }
}

@media(max-width:900px) {
    .science-feature-grid {
        grid-template-columns: 1fr
    }

    .science-visual-card {
        min-height: 580px
    }
}

@media(max-width:560px) {
    .science-feature-grid {
        gap: 28px
    }

    .science-habits {
        grid-template-columns: 1fr
    }

    .science-habits>div:last-child {
        grid-column: auto
    }

    .science-visual-card {
        min-height: 500px;
        padding: 14px 12px 88px;
        border-radius: 22px
    }

    .science-visual-card img {
        width: 100%;
        max-height: 455px;
        border-radius: 15px
    }

    .science-visual-glow {
        width: 290px;
        height: 290px
    }
}

@media(prefers-reduced-motion:reduce) {
    .science-visual-glow {
        animation: none
    }
}

.science-feature-grid-simple {
    grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
    align-items: center
}

.science-feature-grid-simple .science-feature-copy {
    max-width: 650px
}

.science-feature-grid-simple .science-feature-copy .lead {
    margin-bottom: 0
}

.science-feature-grid-simple .science-visual-card {
    min-height: 650px
}

@media(max-width:900px) {
    .science-feature-grid-simple {
        grid-template-columns: 1fr
    }

    .science-feature-grid-simple .science-feature-copy {
        max-width: none
    }
}

.market-impact-section {
    overflow: hidden;
    background: radial-gradient(circle at 12% 20%, rgba(145, 80, 162, .16), transparent 30%), radial-gradient(circle at 88% 75%, rgba(200, 96, 165, .12), transparent 28%), linear-gradient(180deg, #19133a, #0d0e36)
}

.market-impact-wrap {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 54px;
    align-items: center
}

.market-impact-visual {
    position: relative;
    min-height: 650px;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    background: linear-gradient(160deg, #4a2157, #0d0e36);
    box-shadow: 0 28px 74px rgba(5, 4, 24, .46);
    isolation: isolate
}

.market-impact-visual img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
    filter: saturate(.88) contrast(1.05) brightness(.82);
    transition: transform .6s ease, filter .6s ease
}

.market-impact-visual:hover img {
    transform: scale(1.035);
    filter: saturate(.98) contrast(1.08) brightness(.86)
}

.market-impact-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(13, 14, 54, .04) 25%, rgba(13, 14, 54, .76) 100%), linear-gradient(90deg, rgba(13, 14, 54, .15), transparent 55%)
}

.market-impact-glow {
    position: absolute;
    width: 430px;
    height: 430px;
    left: -90px;
    top: -80px;
    z-index: 0;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(233, 129, 200, .25), rgba(145, 80, 162, .15), transparent 72%);
    filter: blur(16px);
    animation: marketImpactGlow 6s ease-in-out infinite
}

.market-impact-label {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    z-index: 3;
    padding: 17px 18px;
    border-radius: 17px;
    background: rgba(13, 14, 54, .78);
    border: 1px solid rgba(255, 255, 255, .12);
    backdrop-filter: blur(14px)
}

.market-impact-label span {
    display: block;
    margin-bottom: 4px;
    color: #e981c8;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em
}

.market-impact-label strong {
    display: block;
    color: #fff;
    font-size: 1rem
}

.market-impact-content h2 {
    margin-top: 12px;
    max-width: 680px
}

.market-impact-content .lead {
    margin-bottom: 28px
}

.market-impact-points {
    display: grid;
    gap: 14px
}

.market-impact-card {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 15px;
    padding: 20px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, .11);
    background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018));
    transition: transform .3s ease, border-color .3s ease, background .3s ease
}

.market-impact-card:hover {
    transform: translateX(6px);
    border-color: rgba(233, 129, 200, .34);
    background: linear-gradient(145deg, rgba(200, 96, 165, .10), rgba(255, 255, 255, .02))
}

.market-impact-number {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #9150a2, #c860a5);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    box-shadow: 0 12px 28px rgba(200, 96, 165, .18)
}

.market-impact-card h3 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 1.05rem
}

.market-impact-card p {
    margin: 0;
    color: var(--muted);
    font-size: .88rem;
    line-height: 1.65
}

.market-impact-note {
    margin: 20px 0 0;
    padding: 14px 16px;
    border-left: 3px solid #c860a5;
    border-radius: 0 13px 13px 0;
    background: rgba(200, 96, 165, .07);
    color: var(--muted);
    font-size: .76rem;
    line-height: 1.65
}

@keyframes marketImpactGlow {

    0%,
    100% {
        transform: scale(.96);
        opacity: .72
    }

    50% {
        transform: scale(1.08);
        opacity: 1
    }
}

@media(max-width:900px) {
    .market-impact-wrap {
        grid-template-columns: 1fr;
        gap: 34px
    }

    .market-impact-visual {
        min-height: 560px
    }
}

@media(max-width:560px) {
    .market-impact-visual {
        min-height: 470px;
        border-radius: 22px
    }

    .market-impact-label {
        left: 14px;
        right: 14px;
        bottom: 14px;
        padding: 14px
    }

    .market-impact-card {
        grid-template-columns: 42px 1fr;
        gap: 12px;
        padding: 16px
    }
}

@media(prefers-reduced-motion:reduce) {
    .market-impact-glow {
        animation: none
    }

    .market-impact-visual img,
    .market-impact-card {
        transition: none
    }
}

.nad-premium-section {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 9% 15%, rgba(145, 80, 162, .17), transparent 29%), radial-gradient(circle at 91% 82%, rgba(200, 96, 165, .12), transparent 30%), linear-gradient(180deg, #0d0e36 0%, #171238 55%, #0d0e36 100%)
}

.nad-premium-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .8), transparent 92%)
}

.nad-section-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 38px;
    margin-bottom: 42px
}

.nad-section-head>div {
    max-width: 700px
}

.nad-section-head .lead {
    max-width: 510px;
    margin: 0
}

.nad-premium-layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 22px;
    align-items: stretch
}

.nad-chart-card,
.nad-benefit-panel {
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .018));
    box-shadow: 0 30px 78px rgba(5, 4, 24, .35);
    backdrop-filter: blur(18px)
}

.nad-chart-card {
    padding: 26px;
    overflow: hidden
}

.nad-benefit-panel {
    padding: 30px
}

.nad-chart-top {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
    margin-bottom: 12px
}

.nad-chart-top h3,
.nad-benefit-panel h3 {
    margin: 7px 0 0;
    color: #fff;
    font-size: clamp(1.25rem, 2.4vw, 1.8rem)
}

.nad-mini-label {
    color: #e981c8;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.nad-live-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    border-radius: 999px;
    border: 1px solid rgba(233, 129, 200, .22);
    background: rgba(200, 96, 165, .07);
    color: #f4d6ed;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap
}

.nad-live-pill i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e981c8;
    box-shadow: 0 0 14px rgba(233, 129, 200, .75)
}

.nad-chart-visual {
    position: relative;
    min-height: 420px;
    border-radius: 22px;
    overflow: hidden;
    background: radial-gradient(circle at 22% 25%, rgba(233, 129, 200, .10), transparent 24%), linear-gradient(180deg, rgba(13, 14, 54, .72), rgba(41, 24, 61, .50));
    border: 1px solid rgba(255, 255, 255, .075)
}

.nad-chart-visual svg {
    width: 100%;
    height: auto;
    min-height: 410px;
    display: block
}

.nad-grid-lines line,
.nad-axis {
    stroke: rgba(255, 255, 255, .24);
    stroke-width: 1
}

.nad-line-path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: nadDrawLine 2.4s ease forwards .25s
}

.nad-area {
    opacity: 0;
    animation: nadFadeArea 1.2s ease forwards 1.1s
}

.nad-chart-points circle {
    fill: #f4b1df;
    stroke: #0d0e36;
    stroke-width: 5;
    opacity: 0;
    animation: nadPointIn .45s ease forwards 1.55s
}

.nad-chart-points circle:nth-child(2) {
    animation-delay: 1.72s
}

.nad-chart-points circle:nth-child(3) {
    animation-delay: 1.89s
}

.nad-chart-points circle:nth-child(4) {
    animation-delay: 2.06s
}

.nad-age-labels text,
.nad-y-label {
    fill: #cdb6d5;
    font: 600 15px Manrope, sans-serif
}

.nad-y-label {
    font-size: 13px
}

@keyframes nadDrawLine {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes nadFadeArea {
    to {
        opacity: 1
    }
}

@keyframes nadPointIn {
    from {
        opacity: 0;
        transform: scale(.3);
        transform-origin: center
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.nad-age-stage {
    position: absolute;
    z-index: 3;
    padding: 9px 11px;
    border-radius: 12px;
    background: rgba(13, 14, 54, .82);
    border: 1px solid rgba(255, 255, 255, .10);
    backdrop-filter: blur(12px);
    box-shadow: 0 16px 32px rgba(5, 4, 24, .25)
}

.nad-age-stage span {
    display: block;
    color: #e981c8;
    font-size: .67rem;
    font-weight: 800
}

.nad-age-stage b {
    display: block;
    color: #fff;
    font-size: .75rem
}

.nad-age-stage.stage-1 {
    left: 11%;
    top: 22%
}

.nad-age-stage.stage-2 {
    left: 40%;
    top: 49%
}

.nad-age-stage.stage-3 {
    right: 8%;
    bottom: 18%
}

.nad-chart-footer {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    color: var(--muted);
    font-size: .72rem;
    margin-top: 14px
}

.nad-chart-footer span:first-child {
    display: flex;
    align-items: center;
    gap: 7px
}

.nad-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c860a5
}

.nad-benefit-panel>p {
    color: var(--muted);
    margin: 13px 0 22px
}

.nad-benefit-grid {
    display: grid;
    gap: 12px
}

.nad-benefit-grid article {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 13px;
    align-items: start;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 17px;
    background: rgba(255, 255, 255, .025);
    transition: transform .3s ease, border-color .3s ease, background .3s ease
}

.nad-benefit-grid article:hover {
    transform: translateX(5px);
    border-color: rgba(233, 129, 200, .28);
    background: rgba(200, 96, 165, .07)
}

.nad-benefit-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #9150a2, #c860a5);
    box-shadow: 0 12px 26px rgba(200, 96, 165, .18);
    font-size: 1.1rem
}

.nad-benefit-grid h4 {
    margin: 0 0 5px;
    color: #fff;
    font-size: .95rem
}

.nad-benefit-grid p {
    margin: 0;
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.55
}

.nad-insight-card {
    margin-top: 18px;
    padding: 17px;
    border-radius: 17px;
    border: 1px solid rgba(233, 129, 200, .19);
    background: linear-gradient(135deg, rgba(145, 80, 162, .16), rgba(200, 96, 165, .08))
}

.nad-insight-card span {
    display: block;
    color: #e981c8;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .11em;
    margin-bottom: 7px
}

.nad-insight-card p {
    margin: 0;
    color: #efddec;
    font-size: .81rem;
    line-height: 1.6
}

.nad-lifecycle-strip {
    position: relative;
    z-index: 2;
    margin-top: 22px;
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 12px;
    align-items: center;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 22px;
    background: rgba(255, 255, 255, .025)
}

.nad-lifecycle-strip>div {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 2px 10px;
    align-items: center
}

.nad-lifecycle-strip>div span {
    grid-row: 1 / 3;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: rgba(200, 96, 165, .10);
    border: 1px solid rgba(233, 129, 200, .16);
    color: #e981c8;
    font-size: .72rem;
    font-weight: 800
}

.nad-lifecycle-strip strong {
    color: #fff;
    font-size: .82rem
}

.nad-lifecycle-strip small {
    color: var(--muted);
    font-size: .68rem
}

.nad-lifecycle-strip>i {
    color: #c860a5;
    font-style: normal;
    font-size: 1.2rem
}

.nad-disclaimer {
    position: relative;
    z-index: 2;
    margin: 20px 0 0;
    padding: 13px 15px;
    border-left: 3px solid #c860a5;
    border-radius: 0 12px 12px 0;
    background: rgba(200, 96, 165, .06);
    color: var(--muted);
    font-size: .73rem;
    line-height: 1.6
}

@media(max-width:1000px) {
    .nad-premium-layout {
        grid-template-columns: 1fr
    }
}

@media(max-width:900px) {
    .nad-section-head {
        display: block
    }

    .nad-section-head .lead {
        max-width: none;
        margin-top: 16px
    }

    .nad-lifecycle-strip {
        grid-template-columns: 1fr 1fr
    }

    .nad-lifecycle-strip>i {
        display: none
    }
}

@media(max-width:560px) {

    .nad-chart-card,
    .nad-benefit-panel {
        border-radius: 21px;
        padding: 18px
    }

    .nad-chart-top {
        display: block
    }

    .nad-live-pill {
        margin-top: 12px
    }

    .nad-chart-visual {
        min-height: 330px
    }

    .nad-chart-visual svg {
        min-height: 330px
    }

    .nad-age-stage {
        padding: 7px 8px
    }

    .nad-age-stage b {
        font-size: .65rem
    }

    .nad-chart-footer {
        flex-direction: column;
        gap: 5px
    }

    .nad-lifecycle-strip {
        grid-template-columns: 1fr
    }
}

@media(prefers-reduced-motion:reduce) {

    .nad-line-path,
    .nad-area,
    .nad-chart-points circle {
        animation: none;
        stroke-dashoffset: 0;
        opacity: 1
    }

    .nad-benefit-grid article {
        transition: none
    }
}

.autophagy-section {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 10% 18%, rgba(145, 80, 162, .16), transparent 28%), radial-gradient(circle at 88% 80%, rgba(200, 96, 165, .12), transparent 30%), linear-gradient(180deg, #171238, #0d0e36)
}

.autophagy-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .72), transparent 92%)
}

.autophagy-wrap {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 48px;
    align-items: center
}

.autophagy-content .lead {
    margin-bottom: 26px
}

.autophagy-points {
    display: grid;
    gap: 13px
}

.autophagy-points article {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 14px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, .10);
    background: linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .018));
    transition: transform .3s ease, border-color .3s ease, background .3s ease
}

.autophagy-points article:hover {
    transform: translateX(6px);
    border-color: rgba(233, 129, 200, .30);
    background: linear-gradient(145deg, rgba(200, 96, 165, .09), rgba(255, 255, 255, .02))
}

.autophagy-icon {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #9150a2, #c860a5);
    color: #fff;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    box-shadow: 0 12px 28px rgba(200, 96, 165, .18)
}

.autophagy-points h3 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 1rem
}

.autophagy-points p {
    margin: 0;
    color: var(--muted);
    font-size: .84rem;
    line-height: 1.62
}

.autophagy-flow {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border-radius: 17px;
    border: 1px solid rgba(233, 129, 200, .18);
    background: rgba(200, 96, 165, .06)
}

.autophagy-flow span {
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    color: #f1deed;
    font-size: .76rem;
    font-weight: 700
}

.autophagy-flow i {
    color: #e981c8;
    font-style: normal
}

.autophagy-note {
    margin: 18px 0 0;
    padding: 13px 15px;
    border-left: 3px solid #c860a5;
    border-radius: 0 12px 12px 0;
    background: rgba(200, 96, 165, .06);
    color: var(--muted);
    font-size: .73rem;
    line-height: 1.6
}

.autophagy-visual {
    position: relative;
    min-height: 620px;
    margin: 0;
    padding: 22px 22px 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(233, 129, 200, .22);
    background: radial-gradient(circle at 50% 35%, rgba(233, 129, 200, .16), transparent 36%), linear-gradient(160deg, #4a2157, #19133a);
    box-shadow: 0 30px 76px rgba(5, 4, 24, .45);
    isolation: isolate
}

.autophagy-visual img {
    position: relative;
    z-index: 2;
    width: min(100%, 530px);
    max-height: 560px;
    object-fit: contain;
    border-radius: 18px;
    box-shadow: 0 28px 52px rgba(0, 0, 0, .34);
    transition: transform .4s ease
}

.autophagy-visual:hover img {
    transform: scale(1.012)
}

.autophagy-glow {
    position: absolute;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(233, 129, 200, .22), rgba(145, 80, 162, .15), transparent 72%);
    filter: blur(18px);
    animation: autophagyGlow 6s ease-in-out infinite
}

.autophagy-visual figcaption {
    position: absolute;
    z-index: 3;
    left: 18px;
    right: 18px;
    bottom: 16px;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(13, 14, 54, .82);
    border: 1px solid rgba(255, 255, 255, .11);
    backdrop-filter: blur(14px)
}

.autophagy-visual figcaption strong {
    display: block;
    color: #fff;
    font-size: .9rem
}

.autophagy-visual figcaption span {
    display: block;
    color: var(--muted);
    font-size: .72rem;
    margin-top: 3px
}

@keyframes autophagyGlow {

    0%,
    100% {
        transform: scale(.96);
        opacity: .75
    }

    50% {
        transform: scale(1.08);
        opacity: 1
    }
}

@media(max-width:900px) {
    .autophagy-wrap {
        grid-template-columns: 1fr
    }

    .autophagy-visual {
        min-height: 560px
    }
}

@media(max-width:560px) {
    .autophagy-visual {
        min-height: 500px;
        padding: 14px 12px 88px;
        border-radius: 22px
    }

    .autophagy-visual img {
        width: 100%;
        max-height: 430px;
        border-radius: 15px
    }

    .autophagy-flow {
        align-items: flex-start
    }

    .autophagy-flow i {
        display: none
    }
}

@media(prefers-reduced-motion:reduce) {
    .autophagy-glow {
        animation: none
    }

    .autophagy-points article,
    .autophagy-visual img {
        transition: none
    }
}

.caakg-importance-section {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 8% 18%, rgba(145, 80, 162, .18), transparent 28%), radial-gradient(circle at 90% 78%, rgba(200, 96, 165, .12), transparent 30%), linear-gradient(180deg, #0d0e36, #19133a)
}

.caakg-importance-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .75), transparent 92%)
}

.caakg-importance-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 38px;
    margin-bottom: 42px
}

.caakg-importance-head>div {
    max-width: 700px
}

.caakg-importance-head .lead {
    max-width: 520px;
    margin: 0
}

.caakg-importance-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 22px
}

.caakg-core-card,
.nad-explainer-card {
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 28px;
    padding: 30px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .018));
    box-shadow: 0 30px 78px rgba(5, 4, 24, .35);
    backdrop-filter: blur(18px)
}

.caakg-core-kicker {
    display: block;
    color: #e981c8;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 10px
}

.caakg-core-card h3,
.nad-explainer-card h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(1.35rem, 2.5vw, 2rem)
}

.caakg-core-card>p,
.nad-explainer-card>p {
    color: var(--muted);
    margin: 0 0 24px
}

.caakg-pathway-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.caakg-pathway-list>div {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 3px 10px;
    padding: 16px;
    border-radius: 17px;
    border: 1px solid rgba(255, 255, 255, .09);
    background: rgba(255, 255, 255, .025);
    transition: transform .3s ease, border-color .3s ease, background .3s ease
}

.caakg-pathway-list>div:hover {
    transform: translateY(-4px);
    border-color: rgba(233, 129, 200, .28);
    background: rgba(200, 96, 165, .07)
}

.caakg-pathway-list span {
    grid-row: 1 / 3;
    color: #e981c8;
    font-size: .74rem;
    font-weight: 800
}

.caakg-pathway-list b {
    color: #fff;
    font-size: .9rem
}

.caakg-pathway-list small {
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.5
}

.caakg-flow {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border-radius: 17px;
    border: 1px solid rgba(233, 129, 200, .18);
    background: rgba(200, 96, 165, .06)
}

.caakg-flow span {
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    color: #f3dfee;
    font-size: .76rem;
    font-weight: 700
}

.caakg-flow i {
    color: #e981c8;
    font-style: normal
}

.nad-explainer-points {
    display: grid;
    gap: 12px
}

.nad-explainer-points article {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 13px;
    padding: 16px;
    border-radius: 17px;
    border: 1px solid rgba(255, 255, 255, .09);
    background: rgba(255, 255, 255, .025)
}

.nad-explainer-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #9150a2, #c860a5);
    box-shadow: 0 12px 26px rgba(200, 96, 165, .18)
}

.nad-explainer-points h4 {
    margin: 0 0 5px;
    color: #fff;
    font-size: .95rem
}

.nad-explainer-points p {
    margin: 0;
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.55
}

.nad-age-callout {
    margin-top: 18px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(233, 129, 200, .20);
    background: linear-gradient(135deg, rgba(145, 80, 162, .16), rgba(200, 96, 165, .08))
}

.nad-age-callout span {
    display: block;
    color: #e981c8;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .11em;
    margin-bottom: 7px
}

.nad-age-callout strong {
    display: block;
    color: #fff;
    font-size: 1rem;
    margin-bottom: 6px
}

.nad-age-callout p {
    margin: 0;
    color: #efddec;
    font-size: .81rem;
    line-height: 1.6
}

.caakg-insight-strip {
    position: relative;
    z-index: 2;
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px
}

.caakg-insight-strip>div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 17px;
    border: 1px solid rgba(255, 255, 255, .09);
    background: rgba(255, 255, 255, .025)
}

.caakg-insight-strip span {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: rgba(200, 96, 165, .10);
    border: 1px solid rgba(233, 129, 200, .17);
    color: #e981c8;
    font-size: .72rem;
    font-weight: 800
}

.caakg-insight-strip strong {
    color: #fff;
    font-size: .8rem
}

.caakg-importance-note {
    position: relative;
    z-index: 2;
    margin: 20px 0 0;
    padding: 13px 15px;
    border-left: 3px solid #c860a5;
    border-radius: 0 12px 12px 0;
    background: rgba(200, 96, 165, .06);
    color: var(--muted);
    font-size: .73rem;
    line-height: 1.6
}

@media(max-width:900px) {
    .caakg-importance-head {
        display: block
    }

    .caakg-importance-head .lead {
        max-width: none;
        margin-top: 16px
    }

    .caakg-importance-grid {
        grid-template-columns: 1fr
    }

    .caakg-insight-strip {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:560px) {

    .caakg-core-card,
    .nad-explainer-card {
        padding: 20px;
        border-radius: 21px
    }

    .caakg-pathway-list {
        grid-template-columns: 1fr
    }

    .caakg-insight-strip {
        grid-template-columns: 1fr
    }

    .caakg-flow i {
        display: none
    }
}

@media(prefers-reduced-motion:reduce) {
    .caakg-pathway-list>div {
        transition: none
    }
}

:root {
    --ease-premium: cubic-bezier(.22, .61, .36, 1)
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

section[id] {
    scroll-margin-top: 92px
}

a,
button,
input,
textarea {
    -webkit-tap-highlight-color: transparent
}

.btn,
.card,
.corporate-profile-card,
.member-network-card {
    transition: transform .28s var(--ease-premium), border-color .28s var(--ease-premium), box-shadow .28s var(--ease-premium), background .28s var(--ease-premium)
}

.corporate-profile-section {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 10% 20%, rgba(145, 80, 162, .16), transparent 30%), radial-gradient(circle at 90% 80%, rgba(200, 96, 165, .11), transparent 28%), linear-gradient(180deg, #19133a, #0d0e36)
}

.corporate-profile-head,
.member-network-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 38px;
    margin-bottom: 42px
}

.corporate-profile-head>div,
.member-network-head>div {
    max-width: 710px
}

.corporate-profile-head .lead,
.member-network-head .lead {
    max-width: 520px;
    margin: 0
}

.corporate-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px
}

.corporate-profile-card {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    padding: 26px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, .10);
    background: linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .018));
    box-shadow: 0 24px 62px rgba(5, 4, 24, .28)
}

.corporate-profile-card:hover {
    transform: translateY(-6px);
    border-color: rgba(233, 129, 200, .28);
    box-shadow: 0 30px 72px rgba(5, 4, 24, .38)
}

.corporate-profile-featured {
    grid-column: 1/-1;
    min-height: 250px;
    background: radial-gradient(circle at 88% 30%, rgba(233, 129, 200, .18), transparent 24%), linear-gradient(145deg, rgba(145, 80, 162, .28), rgba(255, 255, 255, .025))
}

.corporate-profile-label,
.member-network-kicker {
    display: block;
    margin-bottom: 10px;
    color: #e981c8;
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase
}

.corporate-profile-card h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 1.3rem
}

.corporate-profile-card p {
    margin: 0;
    color: var(--muted)
}

.corporate-profile-card p strong {
    color: #fff
}

.corporate-profile-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px
}

.corporate-profile-tags span,
.corporate-profile-code {
    display: inline-flex;
    width: max-content;
    margin-top: 18px;
    padding: 8px 11px;
    border-radius: 999px;
    border: 1px solid rgba(233, 129, 200, .18);
    background: rgba(200, 96, 165, .07);
    color: #f4d6ed;
    font-size: .75rem;
    font-weight: 700
}

.nic-code-panel {
    margin-top: 20px;
    padding: 28px;
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, .10);
    background: linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .018))
}

.nic-code-panel-head h3 {
    margin: 0 0 24px;
    color: #fff
}

.nic-code-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px
}

.nic-code-grid>div {
    padding: 17px;
    border-radius: 17px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .025)
}

.nic-code-grid span {
    display: block;
    margin-bottom: 8px;
    color: #e981c8;
    font-size: .75rem;
    font-weight: 800
}

.nic-code-grid strong {
    display: block;
    color: #fff;
    font-size: .84rem;
    line-height: 1.45
}

.nic-code-grid small {
    display: block;
    margin-top: 7px;
    color: var(--muted);
    font-size: .7rem
}

.corporate-trust-strip {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px
}

.corporate-trust-strip>div {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 3px 10px;
    align-items: center;
    padding: 16px;
    border-radius: 17px;
    border: 1px solid rgba(255, 255, 255, .09);
    background: rgba(255, 255, 255, .025)
}

.corporate-trust-strip span {
    grid-row: 1/3;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: rgba(200, 96, 165, .10);
    color: #e981c8;
    font-size: .72rem;
    font-weight: 800
}

.corporate-trust-strip strong {
    color: #fff;
    font-size: .82rem
}

.corporate-trust-strip small {
    color: var(--muted);
    font-size: .68rem
}

.corporate-profile-note,
.member-network-warning {
    margin: 20px 0 0;
    padding: 13px 15px;
    border-left: 3px solid #c860a5;
    border-radius: 0 12px 12px 0;
    background: rgba(200, 96, 165, .06);
    color: var(--muted);
    font-size: .73rem;
    line-height: 1.6
}

.member-network-section {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 12% 18%, rgba(145, 80, 162, .16), transparent 28%), radial-gradient(circle at 88% 80%, rgba(200, 96, 165, .12), transparent 30%), linear-gradient(180deg, #0d0e36, #19133a)
}

.member-network-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 22px
}

.member-network-card {
    padding: 28px;
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, .10);
    background: linear-gradient(145deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .018));
    box-shadow: 0 28px 72px rgba(5, 4, 24, .32)
}

.member-network-card h3 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 1.4rem
}

.member-join-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.member-submit-btn {
    grid-column: 1/-1;
    width: 100%;
    margin-top: 4px !important
}

.member-success {
    display: none;
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(148, 183, 76, .24);
    background: rgba(148, 183, 76, .08);
    color: #e6f6c9;
    font-size: .82rem
}

.member-success.show {
    display: block
}

.member-network-overview-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: start
}

.member-network-overview-top .btn {
    flex: 0 0 auto
}

.member-network-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 22px 0
}

.member-network-stats>div {
    padding: 18px;
    border-radius: 17px;
    border: 1px solid rgba(255, 255, 255, .09);
    background: rgba(255, 255, 255, .025)
}

.member-network-stats strong {
    display: block;
    color: #fff;
    font-size: 1.5rem
}

.member-network-stats span {
    color: var(--muted);
    font-size: .72rem
}

.member-hierarchy-list {
    display: grid;
    gap: 10px;
    max-height: 360px;
    overflow: auto;
    padding-right: 4px
}

.member-hierarchy-row {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .025)
}

.member-avatar {
    width: 40px;
    height: 40px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #9150a2, #c860a5);
    color: #fff;
    font-weight: 800
}

.member-hierarchy-row strong {
    display: block;
    color: #fff;
    font-size: .86rem
}

.member-hierarchy-row small {
    display: block;
    color: var(--muted);
    font-size: .7rem;
    margin-top: 3px
}

.member-id {
    color: #e981c8;
    font-size: .68rem;
    font-weight: 800
}

.member-empty-state {
    padding: 24px;
    text-align: center;
    border-radius: 16px;
    border: 1px dashed rgba(255, 255, 255, .12);
    color: var(--muted);
    font-size: .82rem
}

@media(max-width:1050px) {
    .nic-code-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:900px) {

    .corporate-profile-head,
    .member-network-head {
        display: block
    }

    .corporate-profile-head .lead,
    .member-network-head .lead {
        max-width: none;
        margin-top: 16px
    }

    .member-network-grid {
        grid-template-columns: 1fr
    }

    .corporate-trust-strip {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:560px) {

    .corporate-profile-grid,
    .nic-code-grid,
    .corporate-trust-strip,
    .member-network-stats,
    .member-join-form {
        grid-template-columns: 1fr
    }

    .corporate-profile-featured {
        grid-column: auto
    }

    .member-submit-btn {
        grid-column: auto
    }

    .member-network-overview-top {
        flex-direction: column
    }

    .member-network-overview-top .btn {
        width: 100%
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }

    .btn,
    .card,
    .corporate-profile-card,
    .member-network-card {
        transition: none
    }
}

.brand {
    position: relative
}

.brand-trademark {
    position: absolute;
    top: 7px;
    right: -12px;
    color: #e981c8;
    font-size: .65rem;
    font-weight: 800;
    line-height: 1
}

.footer-logo-wrap {
    position: relative
}

.footer-brand-trademark {
    top: 8px;
    right: 5px
}

#product h2,
#product h3 {
    overflow-wrap: anywhere;
    word-break: normal
}

#product .formula div {
    min-width: 0
}

#science .science-visual-card {
    min-height: 520px;
    padding: 18px 18px 88px
}

#science .science-visual-card img {
    width: 100%;
    max-width: none;
    max-height: 520px;
    object-fit: contain;
    background: #f2edf3;
    border-radius: 18px
}

.science-support-gallery {
    margin-top: 48px;
    position: relative;
    z-index: 2
}

.science-support-head {
    max-width: 760px;
    margin-bottom: 24px
}

.science-support-head h3 {
    margin: 10px 0 0;
    color: #fff;
    font-size: clamp(1.45rem, 2.6vw, 2.1rem)
}

.science-support-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px
}

.science-support-card {
    margin: 0;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, .11);
    background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018));
    box-shadow: 0 24px 62px rgba(5, 4, 24, .32);
    transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease
}

.science-support-card:hover {
    transform: translateY(-6px);
    border-color: rgba(233, 129, 200, .28);
    box-shadow: 0 32px 74px rgba(5, 4, 24, .42)
}

.science-support-media {
    height: 360px;
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: radial-gradient(circle at 50% 40%, rgba(233, 129, 200, .12), transparent 38%), #111137
}

.science-support-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 14px;
    background: #fff
}

.science-support-card figcaption {
    padding: 22px
}

.science-support-card figcaption span {
    display: block;
    margin-bottom: 7px;
    color: #e981c8;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}

.science-support-card figcaption strong {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 1.08rem
}

.science-support-card figcaption p {
    margin: 0;
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.62
}

.science-support-note {
    margin: 20px 0 0;
    padding: 13px 15px;
    border-left: 3px solid #c860a5;
    border-radius: 0 12px 12px 0;
    background: rgba(200, 96, 165, .06);
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.6
}

@media(max-width:900px) {
    .science-support-grid {
        grid-template-columns: 1fr
    }

    .science-support-media {
        height: auto;
        min-height: 300px;
        max-height: 520px
    }
}

@media(max-width:560px) {
    .brand-trademark {
        top: 5px;
        right: -10px;
        font-size: .58rem
    }

    #product h2,
    #product h3 {
        font-size: clamp(2rem, 10vw, 3rem);
        line-height: 1.04
    }

    #science .science-visual-card {
        min-height: auto;
        padding: 12px 10px 150px
    }

    #science .science-visual-card img {
        max-height: 360px;
        border-radius: 14px
    }

    .science-support-gallery {
        margin-top: 32px
    }

    .science-support-card {
        border-radius: 20px
    }

    .science-support-media {
        min-height: 260px;
        max-height: 420px;
        padding: 10px
    }

    .science-support-card figcaption {
        padding: 18px
    }
}

.image-update-confirm {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 8px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #9150a2, #c860a5);
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em
}

#science .science-visual-card img,
.science-support-media img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important
}

.brand {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    min-width: 0
}

.brand-text-wrap {
    display: grid;
    grid-template-columns: auto auto;
    align-items: start;
    column-gap: 3px;
    min-width: 0;
    line-height: 1
}

.brand-name {
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .03em;
    white-space: nowrap
}

.brand-name-tm {
    color: #e981c8;
    font-size: .55rem;
    font-weight: 800;
    line-height: 1;
    margin-top: 1px
}

.brand-tagline {
    grid-column: 1 / -1;
    display: block;
    margin-top: 5px;
    color: var(--muted);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    white-space: nowrap
}

.footer-logo-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important
}

.footer-brand-text .brand-name {
    color: #fff
}

@media(max-width:900px) {
    .brand {
        gap: 9px !important
    }

    .brand-logo {
        height: 46px !important;
        max-height: 46px !important
    }

    .brand-name {
        font-size: .84rem
    }

    .brand-tagline {
        font-size: .49rem;
        letter-spacing: .09em
    }
}

@media(max-width:560px) {
    .nav .container.navin {
        gap: 8px
    }

    .brand {
        max-width: calc(100% - 58px)
    }

    .brand-logo {
        width: 44px !important;
        height: 44px !important;
        object-fit: contain;
        flex: 0 0 44px
    }

    .brand-text-wrap {
        max-width: 100%;
    }

    .brand-name {
        font-size: .72rem;
        letter-spacing: .015em;
        white-space: normal;
        line-height: 1.08
    }

    .brand-name-tm {
        font-size: .48rem
    }

    .brand-tagline {
        margin-top: 4px;
        font-size: .44rem;
        white-space: normal;
        line-height: 1.2
    }

    .menu-toggle {
        margin-left: auto !important;
        flex: 0 0 44px
    }
}

@media(max-width:380px) {
    .brand-text-wrap {
        max-width: 100%
    }

    .brand-name {
        font-size: .64rem
    }

    .brand-tagline {
        font-size: .39rem
    }

}

.inner-page-hero {
    padding-top: 150px;
    padding-bottom: 72px;
    min-height: 440px;
    display: flex;
    align-items: center;
    background: radial-gradient(circle at 80% 25%, rgba(200, 96, 165, .18), transparent 28%), radial-gradient(circle at 18% 70%, rgba(145, 80, 162, .18), transparent 30%), linear-gradient(145deg, #0d0e36, #29183d);
    border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.inner-page-hero .container {
    max-width: 980px
}

.inner-page-hero h1 {
    margin: 12px 0 18px;
    max-width: 920px;
    font-size: clamp(2.5rem, 6vw, 5.2rem);
    line-height: 1.02
}

.inner-page-hero .lead {
    max-width: 760px
}

.navlinks a.is-active {
    color: #fff
}

.navlinks a.is-active::after {
    width: 100%
}

.page-quick-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px
}

.page-quick-links a {
    padding: 9px 13px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .04);
    color: #fff;
    font-size: .75rem;
    font-weight: 700
}

@media(max-width:900px) {
    .inner-page-hero {
        padding-top: 122px;
        min-height: 360px
    }
}

@media(max-width:560px) {
    .inner-page-hero {
        padding-top: 112px;
        padding-bottom: 52px;
        min-height: 320px
    }

    .inner-page-hero h1 {
        font-size: clamp(2.2rem, 12vw, 3.6rem)
    }
}

html {
    scroll-behavior: smooth
}

body {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .34s ease, transform .34s ease
}

body.page-ready {
    opacity: 1;
    transform: none
}

body.page-leaving {
    opacity: 0;
    transform: translateY(4px)
}

section[id] {
    scroll-margin-top: 96px
}

img {
    content-visibility: auto
}

a,
button {
    touch-action: manipulation
}

.lead-capture-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    padding: 18px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .28s ease, visibility .28s ease
}

.lead-capture-modal.is-open {
    opacity: 1;
    visibility: visible
}

.lead-capture-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(5, 4, 24, .76);
    backdrop-filter: blur(8px)
}

.lead-capture-dialog {
    position: relative;
    z-index: 2;
    width: min(100%, 520px);
    max-height: min(88vh, 720px);
    overflow: auto;
    padding: 32px;
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, .14);
    background: radial-gradient(circle at 85% 10%, rgba(233, 129, 200, .18), transparent 26%), linear-gradient(145deg, #20183f, #0d0e36);
    box-shadow: 0 34px 90px rgba(0, 0, 0, .52);
    transform: translateY(18px) scale(.985);
    transition: transform .3s ease
}

.lead-capture-modal.is-open .lead-capture-dialog {
    transform: none
}

.lead-capture-dialog h2 {
    margin: 10px 0 12px;
    color: #fff;
    font-size: clamp(1.8rem, 5vw, 2.7rem)
}

.lead-capture-dialog>p {
    color: var(--muted);
    margin: 0 0 22px
}

.lead-capture-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(200, 96, 165, .16);
    color: #fff;
    font-size: 1.65rem;
    line-height: 1;
    cursor: pointer
}

.lead-capture-form {
    display: grid;
    gap: 14px
}

.lead-capture-form .btn {
    width: 100%;
    margin-top: 4px
}

.lead-capture-success {
    display: none;
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(148, 183, 76, .25);
    background: rgba(148, 183, 76, .09);
    color: #eaf6d3
}

.lead-capture-success.show {
    display: block
}

.lead-capture-privacy {
    display: block;
    margin-top: 14px;
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.5
}

body.modal-open {
    overflow: hidden
}

.staging-preview-badge {
    position: fixed;
    left: 12px;
    bottom: 12px;
    z-index: 9990;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(13, 14, 54, .88);
    border: 1px solid rgba(255, 255, 255, .14);
    color: #f4d6ed;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    backdrop-filter: blur(10px)
}

@media(max-width:560px) {
    .lead-capture-dialog {
        padding: 25px 18px 20px;
        border-radius: 22px
    }

    .lead-capture-close {
        width: 40px;
        height: 40px
    }

    .staging-preview-badge {
        left: 8px;
        bottom: 8px;
        font-size: .55rem
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }

    body,
    .lead-capture-modal,
    .lead-capture-dialog {
        transition: none
    }
}

.footer-brand {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: max-content;
    max-width: 100%;
    margin-bottom: 18px
}

.footer-brand .brand-logo {
    height: 58px !important;
    width: auto !important;
    border-radius: 10px
}

.footer-brand .brand-name {
    color: #fff
}

.footer-brand .brand-tagline {
    color: var(--muted)
}

.footer-logo-wrap {
    display: none !important
}

.research-library {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 10% 10%, rgba(145, 80, 162, .17), transparent 28%), radial-gradient(circle at 90% 85%, rgba(200, 96, 165, .12), transparent 28%), linear-gradient(180deg, #0d0e36, #19133a)
}

.research-library-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 28px
}

.research-library-head>div {
    max-width: 760px
}

.research-library-head .lead {
    max-width: 490px;
    margin: 0
}

.research-slider-wrap {
    position: relative
}

.research-slider {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(300px, 390px);
    gap: 18px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 4px 4px 18px;
    scrollbar-width: thin;
    scrollbar-color: #c860a5 rgba(255, 255, 255, .05)
}

.research-card {
    margin: 0;
    scroll-snap-align: start;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, .11);
    background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018));
    box-shadow: 0 24px 62px rgba(5, 4, 24, .34);
    transition: transform .3s ease, border-color .3s ease
}

.research-card:hover {
    transform: translateY(-5px);
    border-color: rgba(233, 129, 200, .30)
}

.research-card-media {
    height: 430px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 50% 42%, rgba(233, 129, 200, .11), transparent 42%), #111137
}

.research-card-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 15px;
    background: #fff
}

.research-card figcaption {
    padding: 18px
}

.research-card figcaption span {
    display: block;
    color: #e981c8;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
    margin-bottom: 7px
}

.research-card figcaption strong {
    display: block;
    color: #fff;
    font-size: 1rem
}

.research-controls {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 14px
}

.research-control {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(200, 96, 165, .10);
    color: #fff;
    font-size: 1.2rem;
    cursor: pointer
}

.research-note {
    margin: 20px 0 0;
    padding: 13px 15px;
    border-left: 3px solid #c860a5;
    border-radius: 0 12px 12px 0;
    background: rgba(200, 96, 165, .06);
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.6
}

.research-home-preview {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 26px
}

.research-home-preview figure {
    margin: 0;
    height: 250px;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, .10);
    background: #111137
}

.research-home-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff
}

@media(max-width:900px) {
    .research-library-head {
        display: block
    }

    .research-library-head .lead {
        max-width: none;
        margin-top: 15px
    }

    .research-home-preview {
        grid-template-columns: 1fr
    }
}

@media(max-width:560px) {
    .footer-brand .brand-logo {
        height: 46px !important
    }

    .research-slider {
        grid-auto-columns: minmax(270px, 86vw)
    }

    .research-card-media {
        height: 360px
    }

    .research-home-preview figure {
        height: 220px
    }
}

.science-view-all-wrap {
    margin-top: 22px;
    display: flex;
    justify-content: flex-start
}

.science-support-grid-correct .science-support-media {
    height: 390px
}

.science-support-grid-correct .science-support-media img {
    object-fit: contain !important;
    background: #fff
}

@media(max-width:560px) {
    .science-support-grid-correct .science-support-media {
        height: 300px
    }

    .science-view-all-wrap .btn {
        width: 100%
    }
}

.final-science-support-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 24px
}

.final-science-support-grid .science-support-card {
    display: flex;
    flex-direction: column
}

.final-science-support-grid .science-support-media {
    height: 390px;
    padding: 12px
}

.final-science-support-grid .science-support-media img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    background: #fff;
    border-radius: 14px
}

.science-inline-research {
    margin-top: 42px
}

.science-inline-head {
    max-width: 780px;
    margin-bottom: 20px
}

.science-inline-head h3 {
    margin: 10px 0 0;
    color: #fff;
    font-size: clamp(1.4rem, 2.5vw, 2rem)
}

.science-inline-slider {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(290px, 380px);
    gap: 18px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 4px 4px 16px;
    scrollbar-width: thin;
    scrollbar-color: #c860a5 rgba(255, 255, 255, .06)
}

.science-inline-card {
    margin: 0;
    scroll-snap-align: start;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, .10);
    background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018));
    box-shadow: 0 22px 58px rgba(5, 4, 24, .34)
}

.science-inline-card img {
    width: 100%;
    height: 340px;
    object-fit: contain;
    display: block;
    background: #fff
}

.science-inline-card figcaption {
    padding: 16px 18px;
    color: #fff;
    font-size: .9rem;
    font-weight: 700
}

.science-inline-controls {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 14px
}

.science-inline-controls button {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(200, 96, 165, .10);
    color: #fff;
    font-size: 1.1rem;
    cursor: pointer
}

@media(max-width:900px) {
    .final-science-support-grid {
        grid-template-columns: 1fr
    }
}

@media(max-width:560px) {
    .final-science-support-grid .science-support-media {
        height: 300px
    }

    .science-inline-slider {
        grid-auto-columns: minmax(260px, 86vw)
    }

    .science-inline-card img {
        height: 300px
    }
}

.science-btn-wrap {
    margin-top: 34px;
    display: flex;
    justify-content: center
}

.science-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 28px;
    border-radius: 999px;
    background: linear-gradient(135deg, #c860a5, #e981c8);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 14px 34px rgba(200, 96, 165, .28);
    transition: transform .28s ease, box-shadow .28s ease, background .28s ease
}

.science-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 44px rgba(200, 96, 165, .38);
    background: linear-gradient(135deg, #d66eb4, #f19bd8)
}

.science-btn svg {
    flex: 0 0 auto
}

@media(max-width:560px) {
    .science-btn {
        width: 100%
    }
}

.client-section {
    padding: 88px 0;
    position: relative
}

.client-section.alt {
    background: #f7f9fb;
    color: #10162d
}

.client-section.dark {
    background: linear-gradient(180deg, #0d1230, #17123b);
    color: #fff
}

.client-grid-2 {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 42px;
    align-items: center
}

.client-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px
}

.client-grid-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px
}

.client-kicker {
    display: inline-block;
    color: #d875bd;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-size: .72rem;
    margin-bottom: 12px
}

.client-title {
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 1.06;
    margin: 0 0 18px
}

.client-copy {
    font-size: 1.08rem;
    line-height: 1.8;
    color: #c8c8d8
}

.client-section.alt .client-copy {
    color: #4c566a
}

.client-media-card,
.client-card {
    border-radius: 26px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .045);
    box-shadow: 0 22px 56px rgba(5, 7, 26, .22)
}

.client-section.alt .client-card,
.client-section.alt .client-media-card {
    background: #fff;
    border-color: #e4e7ef
}

.client-media-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.client-media-card.contain img {
    object-fit: contain;
    background: #fff
}

.client-card {
    padding: 26px
}

.fear-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none
}

.fear-list li {
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
    font-weight: 700
}

.apple-note {
    margin-top: 18px;
    padding: 18px;
    border-left: 4px solid #44ba89;
    background: #eef9f4;
    border-radius: 0 16px 16px 0;
    color: #273247;
    line-height: 1.7
}

.generation-step {
    padding: 20px 16px;
    border-radius: 20px;
    background: linear-gradient(180deg, #171448, #0d0d36);
    color: #fff;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .09)
}

.generation-step .num {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 0 auto 12px;
    background: linear-gradient(135deg, #c860a5, #58c79f);
    font-weight: 900
}

.generation-step strong {
    display: block;
    font-size: 1rem;
    margin-bottom: 8px
}

.generation-step p {
    margin: 0;
    color: #c8c8d8;
    font-size: .86rem;
    line-height: 1.55
}

.generation-step.featured {
    outline: 2px solid #68d6aa;
    transform: translateY(-8px);
    box-shadow: 0 18px 42px rgba(68, 186, 137, .24)
}

.science-data-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

.science-data-card {
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2e7ef;
    box-shadow: 0 20px 52px rgba(8, 17, 41, .16)
}

.science-data-card img {
    width: 100%;
    height: 500px;
    object-fit: contain;
    background: #fff;
    display: block
}

.science-data-card figcaption {
    padding: 18px 20px;
    color: #1b2740;
    font-weight: 800
}

.lifestyle-strip {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 28px
}

.lifestyle-strip img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    border-radius: 22px
}

.trust-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px
}

.trust-pill {
    padding: 11px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .1);
    font-weight: 800;
    font-size: .8rem
}

.india-badge {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    text-align: center;
    background: radial-gradient(circle at 40% 35%, #fff, #f0f4f8);
    border: 8px solid #ff9933;
    box-shadow: inset 0 0 0 8px #138808, 0 20px 45px rgba(0, 0, 0, .16);
    color: #15243d;
    font-weight: 900;
    line-height: 1.1
}

.india-badge span {
    display: block;
    font-size: 1.4rem
}

.partner-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.partner-form .full {
    grid-column: 1/-1
}

.partner-form input,
.partner-form select,
.partner-form textarea {
    width: 100%;
    padding: 15px 16px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .14);
    background: #101136;
    color: #fff
}

.partner-form textarea {
    min-height: 130px;
    resize: vertical
}

.partner-success {
    display: none;
    margin-top: 14px;
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(65, 196, 136, .14);
    border: 1px solid rgba(65, 196, 136, .35);
    color: #bff2d7
}

.shop-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 24px
}

.btn-subscribe {
    background: transparent;
    border: 1px solid #69d7ab;
    color: #fff
}

.btn-subscribe:hover {
    background: #69d7ab;
    color: #0b1230
}

.product-price-note {
    margin-top: 12px;
    color: #c8c8d8;
    font-size: .82rem
}

.footer-trust-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin: 28px 0
}

.footer-trust-badge {
    padding: 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .09);
    text-align: center;
    font-weight: 800;
    font-size: .78rem
}

@media(max-width:980px) {

    .client-grid-2,
    .science-data-grid {
        grid-template-columns: 1fr
    }

    .client-grid-5 {
        grid-template-columns: repeat(2, 1fr)
    }

    .client-grid-3 {
        grid-template-columns: 1fr
    }

    .lifestyle-strip {
        grid-template-columns: 1fr
    }

    .science-data-card img {
        height: auto
    }
}

@media(max-width:620px) {
    .client-section {
        padding: 64px 0
    }

    .client-grid-5 {
        grid-template-columns: 1fr
    }

    .fear-list {
        grid-template-columns: 1fr
    }

    .partner-form {
        grid-template-columns: 1fr
    }

    .partner-form .full {
        grid-column: auto
    }

    .footer-trust-row {
        grid-template-columns: 1fr 1fr
    }

    .lifestyle-strip img {
        height: 260px
    }
}

img[src="assets/final-product.webp"],
img[src="./assets/final-product.webp"],
.product-final-image {
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    border-radius: 0 !important;
    max-width: 100%
}

.product-visual img[src="assets/final-product.webp"],
.product-stage img[src="assets/final-product.webp"],
.science-visual img[src="assets/final-product.webp"] {
    width: auto !important;
    height: min(520px, 70vw) !important;
    margin-inline: auto;
    display: block
}

@media (max-width:767px) {

    .product-visual img[src="assets/final-product.webp"],
    .product-stage img[src="assets/final-product.webp"],
    .science-visual img[src="assets/final-product.webp"] {
        height: min(420px, 100vw) !important
    }
    .fc2 {
    bottom: 22%;
    }
    figure.client-media-card {
        margin: 0;
    }
    .client-grid-2 > *:first-child,
    .science-data-grid > *:first-child {
        order: 1;
    }
    .status {
    font-size: .6rem
}
}
@media (max-width: 991px) {

    #emotional-hook .client-grid-2 {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    /* FIRST ROW: Image → Content */
    #emotional-hook .client-grid-2:first-child > figure {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #emotional-hook .client-grid-2:first-child > div {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    /* SECOND ROW: Image → Content */
    #emotional-hook .client-grid-2:nth-child(2) > figure {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #emotional-hook .client-grid-2:nth-child(2) > div {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

}
.premium-section-head {
    max-width: 980px;
    margin-bottom: 44px
}

.premium-section-head .client-copy {
    max-width: 880px
}

.premium-evolution,
.premium-growth-model,
.premium-research-foundation {
    position: relative;
    overflow: hidden
}

.premium-evolution:before,
.premium-growth-model:before,
.premium-research-foundation:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .52;
    background-image: linear-gradient(rgba(16, 25, 49, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(16, 25, 49, .025) 1px, transparent 1px);
    background-size: 44px 44px
}

.premium-evolution .container,
.premium-growth-model .container,
.premium-research-foundation .container {
    position: relative;
    z-index: 2
}

.evolution-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    position: relative
}

.evolution-flow:before {
    content: "";
    position: absolute;
    left: 7%;
    right: 7%;
    top: 54px;
    height: 2px;
    background: linear-gradient(90deg, #c964aa, #63d5ba);
    opacity: .38
}

.evolution-card {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    min-height: 390px;
    padding: 22px;
    border-radius: 26px;
    border: 1px solid rgba(16, 25, 49, .08);
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 20px 55px rgba(16, 25, 49, .08);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease
}

.evolution-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 28px 70px rgba(16, 25, 49, .14);
    border-color: rgba(99, 213, 186, .35)
}

.evolution-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 24px
}

.generation-index {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(201, 100, 170, .18), rgba(99, 213, 186, .22));
    font-weight: 800;
    color: #111a36
}

.generation-label {
    font-size: .69rem;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: .09em;
    font-weight: 800;
    color: #c45f9f;
    text-align: right
}

.generation-symbol {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
    border-radius: 20px;
    background: #11163d;
    color: #fff;
    font-size: .9rem;
    font-weight: 900;
    letter-spacing: .08em
}

.generation-symbol svg {
    width: 38px;
    height: 38px
}

.evolution-card h3 {
    margin: 0 0 12px;
    color: #111a36;
    font-size: 1.28rem;
    line-height: 1.2
}

.generation-type {
    margin: 0;
    color: #667086;
    line-height: 1.6
}

.generation-focus {
    margin-top: auto;
    padding-top: 22px;
    color: #2f3953;
    line-height: 1.55
}

.generation-focus span {
    display: block;
    margin-bottom: 5px;
    color: #0d8f84;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase
}

.evolution-card.featured {
    background: radial-gradient(circle at 85% 12%, rgba(99, 213, 186, .18), transparent 30%), linear-gradient(145deg, #11163d, #21184d);
    border-color: rgba(99, 213, 186, .55);
    box-shadow: 0 26px 70px rgba(17, 22, 61, .25)
}

.evolution-card.featured h3,
.evolution-card.featured .generation-focus {
    color: #fff
}

.evolution-card.featured .generation-type {
    color: #d0d3e2
}

.evolution-card.featured .generation-label,
.evolution-card.featured .generation-focus span {
    color: #72dfc3
}

.evolution-card.featured .generation-index,
.evolution-card.featured .generation-symbol {
    background: linear-gradient(135deg, #c964aa, #63d5ba);
    color: #fff
}

.evolution-outcome {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 24px;
    align-items: center;
    margin-top: 34px;
    padding: 30px 34px;
    border-radius: 28px;
    background: linear-gradient(135deg, #11163d, #23194f);
    box-shadow: 0 24px 64px rgba(17, 22, 61, .22)
}

.outcome-mark {
    display: grid;
    place-items: center;
    width: 82px;
    height: 82px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(201, 100, 170, .25), rgba(99, 213, 186, .28));
    color: #fff;
    font-size: 1.4rem;
    font-weight: 900
}

.evolution-outcome span {
    color: #72dfc3;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .7rem;
    font-weight: 900
}

.evolution-outcome h3 {
    margin: 8px 0;
    color: #fff;
    font-size: clamp(1.5rem, 2.5vw, 2.15rem)
}

.evolution-outcome p {
    margin: 0;
    color: #cfd3e3;
    line-height: 1.7
}

.growth-model-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) 320px;
    gap: 20px;
    align-items: stretch
}

.model-card,
.margin-projection-card {
    border-radius: 28px;
    padding: 28px;
    border: 1px solid rgba(16, 25, 49, .08);
    box-shadow: 0 20px 58px rgba(16, 25, 49, .09)
}

.model-card {
    background: rgba(255, 255, 255, .9);
    transition: transform .3s ease, box-shadow .3s ease
}

.model-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 30px 72px rgba(16, 25, 49, .14)
}

.model-card-icon {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    margin-bottom: 22px;
    border-radius: 18px;
    background: #12284b;
    color: #74dbc2
}

.model-card-icon svg {
    width: 31px;
    height: 31px
}

.model-card-kicker,
.projection-label {
    display: block;
    margin-bottom: 10px;
    color: #c45f9f;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase
}

.model-card h3,
.margin-projection-card h3 {
    margin: 0 0 14px;
    color: #101932;
    font-size: 1.5rem;
    line-height: 1.25
}

.model-card p,
.margin-projection-card p {
    margin: 0;
    color: #616b80;
    line-height: 1.72
}

.model-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px
}

.model-pill-row span {
    padding: 8px 11px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #344057;
    font-size: .72rem;
    font-weight: 750
}

.margin-projection-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: radial-gradient(circle at 80% 12%, rgba(99, 213, 186, .17), transparent 30%), linear-gradient(145deg, #10193a, #1d2852);
    color: #fff
}

.margin-projection-card .projection-label {
    color: #74dbc2
}

.projection-value {
    margin: 4px 0 0;
    font-size: clamp(3.4rem, 5vw, 5rem);
    line-height: 1;
    font-weight: 900;
    background: linear-gradient(90deg, #fff, #74dbc2);
    -webkit-background-clip: text;
    color: transparent
}

.margin-projection-card h3 {
    color: #fff;
    margin-top: 10px
}

.margin-projection-card p {
    color: #cbd2e2
}

.premium-execution {
    background: radial-gradient(circle at 10% 10%, rgba(201, 100, 170, .11), transparent 30%), linear-gradient(145deg, #0e1233, #17113d) !important
}

.execution-layout {
    display: grid;
    grid-template-columns: 1fr 1.08fr;
    gap: 24px
}

.execution-card {
    padding: 30px;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .035));
    box-shadow: 0 25px 68px rgba(3, 4, 22, .28)
}

.execution-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 26px;
    color: #78e0c4;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase
}

.execution-number {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 15px;
    background: rgba(255, 255, 255, .08);
    color: #fff
}

.execution-content-block {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.execution-content-block:first-of-type {
    border-top: 0;
    padding-top: 0
}

.execution-content-block h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 1.28rem
}

.execution-content-block p,
.execution-content-block li {
    color: #cdd1e1;
    line-height: 1.7
}

.execution-content-block p {
    margin: 0
}

.execution-content-block ul {
    margin: 0;
    padding-left: 20px
}

.projection-years {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 18px
}

.projection-years div {
    padding: 18px 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .065);
    border: 1px solid rgba(255, 255, 255, .08)
}

.projection-years span,
.projection-years small {
    display: block;
    color: #aeb6ca;
    font-size: .72rem
}

.projection-years strong {
    display: block;
    margin: 7px 0;
    color: #fff;
    font-size: 1.1rem
}

.financial-metrics {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 10px;
    margin-bottom: 12px
}

.financial-metrics div {
    padding: 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(201, 100, 170, .15), rgba(99, 213, 186, .12))
}

.financial-metrics strong {
    display: block;
    color: #fff;
    font-size: 1.8rem
}

.financial-metrics span {
    color: #cfd4e3;
    font-size: .75rem
}

.projection-disclaimer {
    margin: 24px 0 0;
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .04);
    color: #c6cbda !important;
    line-height: 1.65
}

.research-design-grid {
    display: grid;
    grid-template-columns: 1.06fr .94fr;
    gap: 24px
}

.research-story-card {
    padding: 28px;
    border-radius: 28px;
    border: 1px solid rgba(16, 25, 49, .08);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 22px 64px rgba(16, 25, 49, .09)
}

.research-story-card.featured {
    background: radial-gradient(circle at 88% 10%, rgba(99, 213, 186, .14), transparent 29%), #fff
}

.research-story-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 26px
}

.research-story-label {
    display: block;
    margin-bottom: 8px;
    color: #c45f9f;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase
}

.research-story-top h3 {
    margin: 0;
    color: #101932;
    font-size: 1.8rem
}

.research-story-top p {
    margin: 6px 0 0;
    color: #677086
}

.research-story-no {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(201, 100, 170, .18), rgba(99, 213, 186, .22));
    color: #101932;
    font-weight: 900
}

.research-points {
    display: grid;
    gap: 10px
}

.research-points>div {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border-radius: 17px;
    background: #f4f7fb
}

.research-points span {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: #121a3f;
    color: #fff;
    font-size: .72rem;
    font-weight: 900
}

.research-points p {
    margin: 0;
    color: #3d475e;
    line-height: 1.55
}

.milestone-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px
}

.milestone-grid div {
    padding: 16px;
    border-radius: 17px;
    background: #f4f7fb;
    border: 1px solid rgba(16, 25, 49, .06)
}

.milestone-grid strong {
    display: block;
    color: #0d8f84;
    font-size: 1.05rem
}

.milestone-grid span {
    display: block;
    margin-top: 5px;
    color: #343f56;
    line-height: 1.4
}

.research-context-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 24px;
    padding: 17px 19px;
    border-radius: 17px;
    border: 1px solid rgba(16, 25, 49, .08);
    background: rgba(255, 255, 255, .72)
}

.research-context-note>span {
    display: grid;
    place-items: center;
    flex: 0 0 29px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c964aa, #63d5ba);
    color: #fff;
    font-weight: 900
}

.research-context-note p {
    margin: 2px 0 0;
    color: #626d82;
    line-height: 1.62;
    font-size: .85rem
}

.client-card,
.client-media-card,
.science-support-card,
.research-card {
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease
}

.client-card:hover,
.client-media-card:hover,
.science-support-card:hover,
.research-card:hover {
    transform: translateY(-5px)
}

section[id] {
    scroll-margin-top: 100px
}

img {
    max-width: 100%
}

a,
button {
    touch-action: manipulation
}

:focus-visible {
    outline: 3px solid rgba(99, 213, 186, .72);
    outline-offset: 3px
}

@media(max-width:1100px) {
    .evolution-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .evolution-flow:before {
        display: none
    }

    .growth-model-grid {
        grid-template-columns: 1fr 1fr
    }

    .margin-projection-card {
        grid-column: 1/-1
    }
}

@media(max-width:900px) {

    .execution-layout,
    .research-design-grid {
        grid-template-columns: 1fr
    }
}

@media(max-width:680px) {

    .evolution-flow,
    .growth-model-grid {
        grid-template-columns: 1fr
    }

    .evolution-card {
        min-height: auto
    }

    .evolution-outcome {
        grid-template-columns: 1fr;
        padding: 26px 22px
    }

    .projection-years {
        grid-template-columns: 1fr
    }

    .financial-metrics {
        grid-template-columns: 1fr
    }

    .milestone-grid {
        grid-template-columns: 1fr
    }

    .model-card,
    .margin-projection-card,
    .execution-card,
    .research-story-card {
        padding: 22px
    }
}

@media(prefers-reduced-motion:reduce) {

    *,
    *:before,
    *:after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important
    }
}

:root {
    --ginwin-site-width: 1200px
}

.container,
.ginwin-container,
.client-container,
.wellness-container,
.research-foundation-container,
.corporate-container,
.partnership-container,
.page-container {
    width: 100% !important;
    max-width: var(--ginwin-site-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important
}

html,
body {
    max-width: 100%;
    overflow-x: hidden
}

*,
*::before,
*::after {
    box-sizing: border-box
}

img,
video,
svg,
canvas,
iframe {
    max-width: 100%
}

@media (max-width:1024px) {

    .container,
    .ginwin-container,
    .client-container,
    .wellness-container,
    .research-foundation-container,
    .corporate-container,
    .partnership-container,
    .page-container {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    section {
        max-width: 100%
    }

    .grid,
    [class*="grid"],
    [class*="layout"],
    [class*="columns"] {
        min-width: 0
    }
}

@media (max-width:767px) {
    body {
        min-width: 0
    }

    h1,
    h2,
    h3,
    h4,
    p,
    a,
    span {
        overflow-wrap: break-word
    }

    img {
        height: auto
    }
}

:root {
    --ginwin-site-width: 1280px;
    --ginwin-side-space: 15px
}

.container,
.ginwin-container,
.client-container,
.page-container,
.corporate-container,
.wellness-container,
.research-foundation-container,
.partnership-container {
    width: 100% !important;
    max-width: var(--ginwin-site-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important
}

@media (min-width:1025px) {

    .container,
    .ginwin-container,
    .client-container,
    .page-container,
    .corporate-container,
    .wellness-container,
    .research-foundation-container,
    .partnership-container {
        max-width: 1280px !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media (max-width:1024px) {

    .container,
    .ginwin-container,
    .client-container,
    .page-container,
    .corporate-container,
    .wellness-container,
    .research-foundation-container,
    .partnership-container {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden
}

*,
*::before,
*::after {
    box-sizing: border-box
}

img,
video,
iframe,
svg,
canvas {
    max-width: 100%
}

.product-bottle,
.product-image img,
.product-visual img,
.product-showcase img,
img[src*="product"],
img[src*="caakg"],
img[src*="bottle"] {
    max-height: 450px;
    height: 450px;
    width: auto;
    object-fit: contain
}

@media (max-width:767px) {

    .product-bottle,
    .product-image img,
    .product-visual img,
    .product-showcase img,
    img[src*="product"],
    img[src*="caakg"],
    img[src*="bottle"] {
        height: 450px;
        max-height: 450px;
        width: auto;
        max-width: 100%;
        object-fit: contain
    }
}

.ginwin-team-section {
    padding: 96px 22px;
    background: linear-gradient(180deg, #f7f9fc 0%, #fff 100%);
    color: #111831
}

.ginwin-container {
    max-width: 1240px;
    margin: 0 auto
}

.ginwin-section-head {
    max-width: 900px;
    margin: 0 auto 52px;
    text-align: center
}

.ginwin-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 12px;
    letter-spacing: .18em;
    font-weight: 800;
    color: #d85ca9
}

.ginwin-section-head h2 {
    margin: 0 0 18px;
    font-size: clamp(34px, 5vw, 62px);
    line-height: 1.02;
    letter-spacing: -.04em
}

.ginwin-section-head p {
    margin: 0;
    color: #59627a;
    line-height: 1.75;
    font-size: 17px
}

.ginwin-team-grid {
    display: grid;
    gap: 34px
}

.ginwin-team-card {
    display: grid;
    grid-template-columns: minmax(280px, .82fr) minmax(0, 1.5fr);
    gap: 0;
    background: #fff;
    border: 1px solid rgba(14, 25, 58, .09);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(13, 24, 58, .09)
}

.ginwin-team-card-reverse .ginwin-team-photo {
    order: 2
}

.ginwin-team-card-reverse .ginwin-team-content {
    order: 1
}

.ginwin-team-photo {
    min-height: 520px;
    background: #10163f
}

.ginwin-team-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block
}

.ginwin-team-content {
    padding: 44px 46px
}

.ginwin-team-role {
    display: inline-flex;
    padding: 8px 13px;
    border-radius: 999px;
    background: #f5e9f2;
    color: #7b315f;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase
}

.ginwin-team-content h3 {
    font-size: 40px;
    line-height: 1.05;
    margin: 16px 0 22px
}

.ginwin-team-content p {
    color: #566078;
    line-height: 1.75;
    font-size: 15.5px;
    margin: 0 0 15px
}

@media(max-width:860px) {
    .ginwin-team-section {
        padding: 68px 18px
    }

    .ginwin-team-card {
        grid-template-columns: 1fr
    }

    .ginwin-team-card-reverse .ginwin-team-photo,
    .ginwin-team-card-reverse .ginwin-team-content {
        order: initial
    }

    .ginwin-team-photo {
        min-height: 420px
    }

    .ginwin-team-content {
        padding: 30px 24px
    }

    .ginwin-team-content h3 {
        font-size: 32px
    }
}

.ginwin-make-india-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px
}

.ginwin-make-india-badge img {
    display: block;
    width: min(320px, 100%);
    height: auto;
    object-fit: contain
}

.ppt-section {
    padding: 88px 24px;
    background: #f6f8fb;
    color: #111831
}

.ppt-section.ppt-dark {
    background: #0d123d;
    color: #fff
}

.ppt-wrap {
    max-width: 1180px;
    margin: 0 auto
}

.ppt-eyebrow {
    font-size: 12px;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-weight: 800;
    color: #dd68b4;
    margin-bottom: 12px
}

.ppt-title {
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.04;
    letter-spacing: -.04em;
    margin: 0 0 16px
}

.ppt-lead {
    max-width: 850px;
    font-size: 17px;
    line-height: 1.75;
    color: #5e687e;
    margin: 0 0 38px
}

.ppt-dark .ppt-lead {
    color: #c7c9d9
}

.ppt-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px
}

.ppt-card {
    background: #fff;
    border: 1px solid rgba(16, 25, 58, .08);
    border-radius: 22px;
    padding: 26px;
    box-shadow: 0 18px 45px rgba(10, 20, 55, .07)
}

.ppt-dark .ppt-card {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .12);
    box-shadow: none
}

.ppt-card h3 {
    font-size: 21px;
    line-height: 1.2;
    margin: 0 0 12px
}

.ppt-card p,
.ppt-card li {
    font-size: 14.5px;
    line-height: 1.65;
    color: #667087
}

.ppt-dark .ppt-card p,
.ppt-dark .ppt-card li {
    color: #d3d4df
}

.ppt-card ul {
    padding-left: 19px;
    margin: 12px 0 0
}

.ppt-icon {
    width: 42px;
    height: 42px;
    border-radius: 13px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #ee74bb, #6dcbb3);
    color: #fff;
    font-weight: 900;
    margin-bottom: 16px
}

.ppt-stat {
    font-size: 34px;
    font-weight: 800;
    color: #121a3a;
    margin: 0 0 4px
}

.ppt-dark .ppt-stat {
    color: #fff
}

.ppt-note {
    font-size: 12.5px !important;
    color: #7f8798 !important
}

.ppt-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: stretch
}

.ppt-highlight {
    border: 1px solid rgba(77, 204, 174, .45);
    background: linear-gradient(135deg, rgba(67, 201, 171, .08), rgba(221, 104, 180, .06))
}

.ppt-team-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px
}

.ppt-team-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(15, 26, 58, .09);
    border-radius: 28px;
    box-shadow: 0 22px 60px rgba(12, 24, 60, .08)
}

.ppt-team-card img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: center top;
    display: block;
    background: #eef1f6
}

.ppt-team-body {
    padding: 26px 28px 30px
}

.ppt-team-role {
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: 800;
    color: #c553a1
}

.ppt-team-body h3 {
    font-size: 30px;
    margin: 8px 0 14px;
    line-height: 1.08
}

.ppt-team-body p {
    font-size: 14px;
    line-height: 1.68;
    color: #657086
}

.ppt-team-meta {
    display: grid;
    gap: 9px;
    margin: 16px 0 18px
}

.ppt-team-meta div {
    padding: 11px 13px;
    border-radius: 12px;
    background: #f6f7fb;
    font-size: 13px;
    line-height: 1.45;
    color: #38425b
}

.ppt-badge-img {
    max-width: 250px;
    width: 100%;
    height: auto;
    display: block;
    margin: auto
}

@media(max-width:900px) {

    .ppt-grid,
    .ppt-team-grid,
    .ppt-two {
        grid-template-columns: 1fr
    }

    .ppt-section {
        padding: 64px 18px
    }

    .ppt-team-card img {
        height: 340px
    }
}

html,
body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%
}

*,
*::before,
*::after {
    box-sizing: border-box !important
}

img,
video,
svg,
canvas,
iframe {
    max-width: 100% !important
}

img {
    object-position: center
}

img[src$="final-product.webp"],
img[src*="/final-product.webp"],
.product-final-image {
    height: 450px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: transparent !important
}

.brand-logo {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    object-fit: contain !important;
    margin: 0 !important
}

.container,
.navin,
.ppt-wrap,
.section,
.client-section,
.inner-page-hero,
footer,
.footer-grid,
.modal-box,
.lead-capture-dialog {
    max-width: 100% !important
}

pre,
code {
    white-space: pre-wrap;
    overflow-wrap: anywhere
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
strong,
small,
label {
    overflow-wrap: anywhere
}

@media (max-width:767px) {
    body {
        min-width: 0 !important
    }

    .container,
    .ppt-wrap {
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .split,
    .client-grid-2,
    .ppt-grid,
    .footer-grid,
    .product-grid,
    .science-grid,
    .quality-grid,
    .contact-grid,
    .team-grid,
    .corporate-grid,
    .partnership-grid,
    .checkout-grid,
    .cart-grid,
    .lifestyle-strip {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 20px !important
    }

    .split>*,
    .client-grid-2>*,
    .ppt-grid>*,
    .footer-grid>*,
    .product-grid>*,
    .science-grid>*,
    .quality-grid>*,
    .contact-grid>*,
    .team-grid>*,
    .corporate-grid>*,
    .partnership-grid>*,
    .checkout-grid>*,
    .cart-grid>* {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important
    }

    .client-section,
    .section,
    .ppt-section {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .client-card,
    .ppt-card,
    .corporate-profile-card,
    .science-support-card,
    .science-inline-card,
    .client-media-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important
    }

    h1 {
        font-size: clamp(34px, 10vw, 52px) !important;
        line-height: 1.04 !important
    }

    h2,
    .client-title,
    .ppt-title {
        font-size: clamp(28px, 8vw, 42px) !important;
        line-height: 1.08 !important
    }

    .lead,
    .client-copy,
    .ppt-lead,
    p {
        line-height: 1.65 !important
    }

    .navin {
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important
    }

    .brand {
        min-width: 0 !important;
        max-width: calc(100% - 76px) !important
    }

    .brand-text-wrap {
        min-width: 0 !important
    }

    .brand-name {
        font-size: clamp(13px, 4vw, 18px) !important;
        white-space: normal !important
    }

    .brand-tagline {
        font-size: 11px !important
    }

    .navlinks {
        max-width: 100vw !important;
        overflow-x: hidden !important
    }

    .btn,
    button,
    input,
    select,
    textarea {
        max-width: 100% !important
    }

    img[src$="final-product.webp"],
    img[src*="/final-product.webp"],
    .product-final-image {
        height: 450px !important;
        width: auto !important;
        max-width: 100% !important
    }

    img:not([src$="final-product.webp"]):not(.product-final-image):not(.brand-logo) {
        height: auto !important
    }

    .modal-box,
    .lead-capture-dialog {
        width: calc(100vw - 28px) !important;
        max-height: 88vh !important;
        overflow-y: auto !important
    }
}

@media (max-width:380px) {

    .container,
    .ppt-wrap {
        padding-left: 14px !important;
        padding-right: 14px !important
    }

    .brand-logo {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important
    }
}

:root {
    --max: 1280px !important;
    --ginwin-site-width: 1280px;
    --ginwin-gutter: 15px
}

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important
}

*,
*::before,
*::after {
    box-sizing: border-box
}

.container,
.navin,
.ginwin-container,
.client-container,
.page-container,
.corporate-container,
.wellness-container,
.research-foundation-container,
.partnership-container,
.ppt-wrap {
    width: calc(100% - 30px) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important
}

.inner-page-hero>.container,
.inner-page-hero .container,
section>.container,
section>.ppt-wrap,
footer>.container,
nav>.container {
    width: calc(100% - 30px) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important
}

@media (max-width:1024px) {

    .container,
    .navin,
    .ginwin-container,
    .client-container,
    .page-container,
    .corporate-container,
    .wellness-container,
    .research-foundation-container,
    .partnership-container,
    .ppt-wrap,
    .inner-page-hero>.container,
    .inner-page-hero .container,
    section>.container,
    section>.ppt-wrap,
    footer>.container,
    nav>.container {
        width: calc(100% - 30px) !important;
        max-width: none !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

img.product-final-image,
img.product-main-image,
.product-wrap img[src*="final-product"],
.product-visual img[src*="final-product"],
.product-image img[src*="final-product"],
img[src$="final-product.webp"] {
    display: block !important;
    height: 350px !important;
    max-height: 350px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    margin-left: auto !important;
    margin-right: auto !important
}

@media (max-width:767px) {

    img.product-final-image,
    img.product-main-image,
    .product-wrap img[src*="final-product"],
    .product-visual img[src*="final-product"],
    .product-image img[src*="final-product"],
    img[src$="final-product.webp"] {
        height: 350px !important;
        max-height: 350px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important
    }

    img,
    video,
    iframe,
    svg,
    canvas {
        max-width: 100%
    }

    .product-wrap,
    .split,
    .grid,
    [class*="grid"],
    [class*="layout"] {
        min-width: 0 !important
    }
}

#home-hero {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 84% 18%, rgba(194, 76, 167, .16), transparent 32%), radial-gradient(circle at 12% 76%, rgba(81, 201, 190, .06), transparent 28%), linear-gradient(135deg, #0d1038 0%, #16113d 52%, #281440 100%) !important
}

#home-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
    background-size: 48px 48px
}

#home-hero .hero-grid {
    position: relative;
    z-index: 1
}

#home-hero .dna-card {
    min-height: 540px !important;
    border-radius: 34px !important;
    overflow: hidden !important;
    isolation: isolate;
    background: transparent !important;
    border: 1px solid rgba(232, 105, 194, .32) !important;
    box-shadow: 0 26px 70px rgba(3, 6, 28, .34), 0 0 0 1px rgba(255, 255, 255, .025) inset !important
}

#home-hero .dna-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    /*background: linear-gradient(90deg, rgba(17, 16, 56, .42), rgba(17, 16, 56, .02) 38%, rgba(35, 17, 59, .16)), linear-gradient(180deg, rgba(17, 16, 56, .04), rgba(17, 16, 56, .28))*/
}

#home-hero .hero-card-video {
    position: absolute !important;
    inset: -1% !important;
    width: 104% !important;
    height: 104% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 0 !important;
    opacity: 1 !important;
    /*filter: saturate(.86) contrast(1.06) brightness(.66) hue-rotate(-3deg) !important;*/
    transform: scale(1.02)
}

#home-hero .hero-video-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: radial-gradient(circle at 52% 46%, transparent 30%, rgba(11, 14, 49, .28) 66%, rgba(11, 14, 49, .64) 100%), linear-gradient(180deg, rgba(11, 14, 49, .08), rgba(11, 14, 49, .36)) !important
}

#home-hero .float-card {
    z-index: 3 !important;
    background: rgb(7 20 37 / 32%) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .18) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important
}

@media(max-width:1024px) {
    #home-hero .dna-card {
        min-height: 460px !important
    }
}

@media(max-width:767px) {
    #home-hero {
        padding-top: 46px !important;
        padding-bottom: 56px !important
    }

    #home-hero .hero-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important
    }

    #home-hero .dna-card {
        min-height: 500px !important;
        border-radius: 28px !important;
        border-color: rgba(232, 105, 194, .24) !important;
        box-shadow: 0 22px 50px rgba(2, 5, 26, .28), 0 0 34px rgba(201, 81, 175, .08) !important
    }

    #home-hero .hero-card-video {
        inset: -1% !important;
        width: 100% !important;
        height: 100% !important;
        object-position: center center !important;
        opacity: 1 !important;
        /*filter: saturate(.82) contrast(1.05) brightness(.62) !important*/
    }

    #home-hero .hero-video-overlay {
        background: linear-gradient(180deg, rgba(13, 16, 56, .16), rgba(13, 16, 56, .38)), radial-gradient(circle at 50% 48%, transparent 22%, rgba(13, 16, 56, .40) 72%, rgba(13, 16, 56, .72) 100%) !important
    }

    #home-hero .float-card {
        max-width: 72% !important;
        font-size: 14px !important;
        line-height: 1.35 !important
    }
}

#emotional-hook .client-media-card img[src*="five-fears-redesigned"] {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important
}

.wellness-evolution-image {
    width: 100%;
    margin: 30px 0 38px;
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: 0 18px 48px rgba(2, 6, 30, .22)
}

.wellness-evolution-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain
}

.science-support-media img[src*="mitochondria-nad-atp"] {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important
}

@media(max-width:767px) {
    .wellness-evolution-image {
        margin: 22px 0 28px;
        border-radius: 16px
    }
}

#emotional-hook .client-media-card:has(img[src*="five-fears-dark-visual-only"]),
#emotional-hook .client-media-card:has(img[src*="apple-metaphor-dark-visual-only"]) {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 26px !important;
    overflow: hidden !important
}

#emotional-hook img[src*="five-fears-dark-visual-only"],
#emotional-hook img[src*="apple-metaphor-dark-visual-only"] {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
    border-radius: 26px !important;
    background: transparent !important
}

@media(max-width:767px) {

    #emotional-hook img[src*="five-fears-dark-visual-only"],
    #emotional-hook img[src*="apple-metaphor-dark-visual-only"] {
        border-radius: 20px !important
    }
}

#wellness-evolution {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 12% 12%, rgba(213, 89, 194, .14), transparent 34%), radial-gradient(circle at 88% 82%, rgba(69, 202, 191, .10), transparent 30%), linear-gradient(180deg, #0d123d 0%, #111743 52%, #0b1033 100%) !important
}

#wellness-evolution::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
    background-size: 44px 44px
}

#wellness-evolution .container {
    position: relative;
    z-index: 1
}

#wellness-evolution .premium-section-head .client-kicker {
    color: #ef78c7 !important
}

#wellness-evolution .premium-section-head .client-title {
    color: #ffffff !important
}

#wellness-evolution .premium-section-head .client-copy {
    color: #cfd3e3 !important
}

#wellness-evolution .evolution-card {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 88% 18%, rgba(216, 91, 202, .17), transparent 31%), radial-gradient(circle at 12% 88%, rgba(69, 202, 191, .08), transparent 31%), linear-gradient(145deg, rgba(31, 38, 91, .98), rgba(18, 24, 65, .99)) !important;
    border: 1px solid rgba(232, 112, 202, .24) !important;
    box-shadow: 0 18px 42px rgba(2, 6, 30, .28), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    color: #fff !important
}

#wellness-evolution .evolution-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .14;
    background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
    background-size: 34px 34px
}

#wellness-evolution .evolution-card>* {
    position: relative;
    z-index: 1
}

#wellness-evolution .generation-index {
    color: #11183f !important;
    background: linear-gradient(135deg, #f0b8df, #bdeee5) !important;
    box-shadow: 0 8px 22px rgba(214, 104, 215, .18)
}

#wellness-evolution .generation-label {
    color: #ef83cc !important
}

#wellness-evolution .generation-symbol {
    background: #0a1238 !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .22)
}

#wellness-evolution .evolution-card h3 {
    color: #fff !important
}

#wellness-evolution .generation-type {
    color: #d4d8e7 !important
}

#wellness-evolution .generation-focus {
    color: #d7dbea !important
}

#wellness-evolution .generation-focus span {
    color: #49d3ba !important
}

#wellness-evolution .evolution-card:last-child {
    border-color: rgba(71, 214, 186, .52) !important;
    box-shadow: 0 18px 44px rgba(2, 6, 30, .30), 0 0 26px rgba(70, 211, 186, .08), inset 0 1px 0 rgba(255, 255, 255, .04) !important
}

@media(max-width:767px) {
    #wellness-evolution .evolution-flow {
        gap: 16px !important
    }

    #wellness-evolution .evolution-card {
        border-radius: 24px !important;
        padding: 22px !important;
        min-height: auto !important
    }

    #wellness-evolution .generation-symbol {
        width: 74px !important;
        height: 74px !important
    }
}



/* =====================================================
   TABLET
===================================================== */

@media(max-width:900px){

    .dpiit-section{
        padding:70px 0;
    }

    .dpiit-wrap{
        grid-template-columns:1fr;

        gap:35px;
    }

    .dpiit-certificate-card{
        max-width:720px;

        width:100%;

        margin:0 auto;
    }
}


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

@media(max-width:560px){

    .dpiit-section{
        padding:55px 0;

        background:
            radial-gradient(
                circle at 100% 5%,
                rgba(200,96,165,.17),
                transparent 30%
            ),
            radial-gradient(
                circle at 0 75%,
                rgba(145,80,162,.16),
                transparent 32%
            ),
            linear-gradient(
                180deg,
                #0d0e36 0%,
                #171238 55%,
                #29183d 100%
            );
    }


    .dpiit-wrap{
        gap:27px;
    }


    /* badge */

    .dpiit-gov-badge{
        width:100%;

        padding:10px 12px;

        font-size:9px;

        letter-spacing:.055em;
    }


    /* title */

    .dpiit-title{
        margin:19px 0 15px;

        font-size:
            clamp(
                2.25rem,
                11vw,
                3rem
            );

        line-height:.98;
    }


    /* text */

    .dpiit-description{
        font-size:14px;

        line-height:1.72;
    }


    /* cards */

    .dpiit-info-grid{
        grid-template-columns:1fr;

        gap:9px;

        margin-top:21px;
    }

    .dpiit-info-card{
        padding:14px 15px;

        font-size:13px;
    }


    /* certificate info */

    .dpiit-meta{
        grid-template-columns:1fr 1fr;
    }

    .dpiit-meta > div{
        padding:13px;
    }

    .dpiit-meta > div:first-child{
        grid-column:1/-1;

        border-right:0;

        border-bottom:
            1px solid
            rgba(255,255,255,.08);
    }


    /* button */

    .dpiit-show-btn{
        width:100%;

        justify-content:space-between;

        padding:10px 11px 10px 15px;
    }


    /* certificate */

    .dpiit-certificate-card{
        padding:7px;

        border-radius:19px;
    }

    .dpiit-certificate-card img{
        border-radius:13px;
    }
}

.dpiit-certificate-card{
    position:relative;
    padding:10px;
    border-radius:24px;
    background:linear-gradient(
        145deg,
        rgba(255,255,255,.12),
        rgba(255,255,255,.035)
    );
    border:1px solid rgba(200,96,165,.25);
    box-shadow:
        0 30px 70px rgba(0,0,0,.30),
        0 0 45px rgba(145,80,162,.13);
    overflow:hidden;
}

.dpiit-certificate-card img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    border-radius:16px;
    background:#fff;
}

@media(max-width:560px){
    .dpiit-certificate-card{
        padding:6px;
        border-radius:18px;
    }

    .dpiit-certificate-card img{
        border-radius:13px;
    }
}