:root {
    --bg: #060913;
    --bg-soft: #0b1020;
    --panel: rgba(16, 23, 44, .82);
    --panel-strong: #111a32;
    --line: rgba(124, 170, 255, .20);
    --text: #f5f7ff;
    --muted: #a9b2cb;
    --blue: #2d7cff;
    --cyan: #00d4ff;
    --violet: #8b5cf6;
    --pink: #d946ef;
    --green: #36d399;
    --shadow: 0 24px 80px rgba(0, 0, 0, .40);
    --radius: 22px;
    --radius-sm: 14px;
    --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background:
        radial-gradient(circle at 15% 5%, rgba(45, 124, 255, .18), transparent 28rem),
        radial-gradient(circle at 85% 18%, rgba(217, 70, 239, .13), transparent 25rem),
        var(--bg);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.65;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .12;
    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, black, transparent 72%);
}
a { color: inherit; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }
.container { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.narrow { width: min(calc(100% - 40px), 820px); margin-inline: auto; }
.sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.skip-link {
    position: fixed; top: 12px; left: 12px; z-index: 1000;
    transform: translateY(-150%); background: white; color: black;
    padding: 10px 14px; border-radius: 8px;
}
.skip-link:focus { transform: translateY(0); }

.site-header {
    position: sticky; top: 0; z-index: 100;
    backdrop-filter: blur(18px);
    background: rgba(6, 9, 19, .76);
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.brand-mark{
    width:44px;
    height:44px;

    border-radius:12px;

    object-fit:cover;

    box-shadow:0 0 20px rgba(45,124,255,.25);

    flex-shrink:0;
}
.brand strong { display: block; letter-spacing: .14em; }
.brand small { color: var(--muted); display: block; font-size: .68rem; }
.primary-nav { display: flex; align-items: center; gap: 22px; }
.primary-nav a { text-decoration: none; color: var(--muted); font-weight: 700; font-size: .93rem; }
.primary-nav a:hover, .primary-nav a.active { color: white; }
.nav-toggle { display: none; background: none; border: 0; padding: 8px; }
.nav-toggle span:not(.sr-only) { display: block; width: 25px; height: 2px; background: white; margin: 5px; }

.btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 48px; padding: 0 20px; border-radius: 12px; border: 1px solid transparent;
    background: linear-gradient(135deg, var(--blue), var(--violet));
    color: white !important; text-decoration: none; font-weight: 800;
    box-shadow: 0 14px 40px rgba(45, 124, 255, .23);
}
.btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
.btn-secondary { background: rgba(255,255,255,.04); border-color: var(--line); box-shadow: none; }
.btn-small { min-height: 40px; padding: 0 16px; font-size: .88rem !important; }

.hero { padding: 105px 0 82px; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 70px; align-items: center; }
.eyebrow {
    display: inline-flex; align-items: center; gap: 10px;
    color: var(--cyan); font-size: .82rem; font-weight: 900;
    letter-spacing: .13em; text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 34px; height: 1px; background: currentColor; }
.hero h1, .page-hero h1 {
    margin: 20px 0 22px; max-width: 860px;
    font-size: clamp(3rem, 8vw, 6.8rem); line-height: .96; letter-spacing: -.055em;
}
.hero h1 span, .gradient-text {
    color: transparent;
    background: linear-gradient(100deg, #7ca8ff, var(--cyan) 38%, var(--pink) 80%);
    background-clip: text; -webkit-background-clip: text;
}
.hero p { max-width: 720px; color: var(--muted); font-size: 1.18rem; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 34px; }
.hero-meta { display: flex; gap: 28px; flex-wrap: wrap; margin-top: 38px; color: var(--muted); font-size: .9rem; }
.hero-meta strong { color: white; display: block; font-size: 1.1rem; }

.system-orbit {
    position: relative; min-height: 540px; border-radius: 32px;
    border: 1px solid var(--line);
    background: linear-gradient(160deg, rgba(19,31,64,.85), rgba(7,10,21,.72));
    box-shadow: var(--shadow); overflow: hidden;
}
.system-orbit::before, .system-orbit::after {
    content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(0,212,255,.18);
}
.system-orbit::before { inset: 70px; }
.system-orbit::after { inset: 145px; border-color: rgba(217,70,239,.20); }
.core-node {
    position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%);
    display: grid; place-items: center; width: 145px; height: 145px; border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #2899ff, #5536c8 55%, #170c3f);
    box-shadow: 0 0 80px rgba(45,124,255,.42), inset 0 0 30px rgba(255,255,255,.15);
    font-weight: 900; letter-spacing: .06em;
}
.orbit-label {
    position: absolute; padding: 10px 14px; border-radius: 999px;
    border: 1px solid var(--line); background: rgba(7,12,25,.88);
    color: #dce6ff; font-size: .82rem; font-weight: 800;
}
.orbit-label:nth-child(2) { top: 82px; left: 50%; transform: translateX(-50%); }
.orbit-label:nth-child(3) { top: 50%; right: 34px; transform: translateY(-50%); }
.orbit-label:nth-child(4) { bottom: 80px; left: 50%; transform: translateX(-50%); }
.orbit-label:nth-child(5) { top: 50%; left: 34px; transform: translateY(-50%); }

.section { padding: 88px 0; }
.section-soft { background: linear-gradient(180deg, transparent, rgba(20, 29, 57, .42), transparent); }
.section-head { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 38px; }
.section-head h2, .content-title { margin: 10px 0 0; font-size: clamp(2rem, 5vw, 3.8rem); line-height: 1.05; letter-spacing: -.045em; }
.section-head p { max-width: 560px; color: var(--muted); }

.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.card {
    position: relative; padding: 28px; border-radius: var(--radius);
    border: 1px solid var(--line); background: var(--panel);
    box-shadow: 0 18px 60px rgba(0,0,0,.18);
}
.card:hover { border-color: rgba(0,212,255,.45); transform: translateY(-3px); }
.card-icon {
    display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 22px;
    border-radius: 14px; background: linear-gradient(135deg, rgba(45,124,255,.25), rgba(217,70,239,.23));
    color: var(--cyan); font-size: 1.3rem;
}
.card h3 { margin: 0 0 10px; font-size: 1.15rem; }
.card p { margin: 0; color: var(--muted); }

.vertical-card { min-height: 320px; display: flex; flex-direction: column; }
.vertical-card .tag { align-self: start; }
.vertical-card .card-actions { margin-top: auto; padding-top: 26px; }
.tag {
    display: inline-flex; padding: 7px 10px; border-radius: 999px;
    background: rgba(54,211,153,.10); border: 1px solid rgba(54,211,153,.25);
    color: #80efc4; font-weight: 800; font-size: .74rem; text-transform: uppercase; letter-spacing: .08em;
}
.status { display: inline-flex; margin-top: 16px; color: var(--cyan); font-size: .82rem; font-weight: 800; }

.radcore-band {
    display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;
    padding: 44px; border-radius: 30px; border: 1px solid var(--line);
    background:
        linear-gradient(130deg, rgba(45,124,255,.16), rgba(217,70,239,.08)),
        rgba(9,14,28,.9);
}
.module-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.module {
    padding: 15px 16px; border-radius: 12px; border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.035); color: #dbe5ff; font-weight: 700;
}
.module::before { content: "✓"; color: var(--green); margin-right: 9px; }

.page-hero { padding: 88px 0 50px; }
.page-hero h1 { font-size: clamp(3rem, 8vw, 5.6rem); }
.page-hero p { max-width: 800px; color: var(--muted); font-size: 1.16rem; }
.prose { color: #d3d9e8; font-size: 1.08rem; }
.prose h2 { color: white; margin-top: 48px; font-size: 2rem; }
.prose p, .prose li { color: var(--muted); }
.quote {
    margin: 38px 0; padding: 26px 28px; border-left: 4px solid var(--cyan);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: rgba(0,212,255,.07);
    color: white; font-size: 1.35rem; font-weight: 800;
}
.founder-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 50px; align-items: start; }
.founder-card { position: sticky; top: 110px; }
.avatar{
    display:flex;
    justify-content:center;
    align-items:center;

    aspect-ratio:1;

    border-radius:30px;

    background:linear-gradient(
        135deg,
        rgba(45,124,255,.35),
        rgba(139,92,246,.30)
    );

    overflow:hidden;
}

.avatar img{
    width:90%;
    height:90%;
    object-fit:contain;
}
.role { color: var(--cyan); font-weight: 800; }
.timeline { display: grid; gap: 18px; margin-top: 30px; }
.timeline-item { padding-left: 22px; border-left: 2px solid rgba(45,124,255,.45); }
.timeline-item strong { display: block; color: white; }
.timeline-item span { color: var(--muted); }

.research-list { display: grid; gap: 18px; }
.research-item {
    display: grid; grid-template-columns: 120px 1fr auto; gap: 24px; align-items: start;
    padding: 26px; border-radius: var(--radius); border: 1px solid var(--line); background: var(--panel);
}
.paper-code { color: var(--cyan); font-weight: 900; letter-spacing: .08em; }
.research-item h3 { margin: 0 0 8px; }
.research-item p { color: var(--muted); margin: 0; }
.paper-status { white-space: nowrap; }

.case-grid { display: grid; gap: 22px; }
.case-card {
    display: grid; grid-template-columns: .5fr 1.5fr; gap: 30px;
    padding: 32px; border-radius: var(--radius); border: 1px solid var(--line); background: var(--panel);
}
.case-card h3 { margin: 8px 0 0; font-size: 1.65rem; }
.case-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.case-details strong { display: block; color: white; margin-bottom: 7px; }
.case-details p { color: var(--muted); margin: 0; font-size: .94rem; }

.cta {
    text-align: center; padding: 62px 30px; border-radius: 30px; border: 1px solid var(--line);
    background: radial-gradient(circle at 50% 0, rgba(45,124,255,.24), transparent 60%), var(--panel);
}
.cta h2 { font-size: clamp(2rem, 5vw, 4rem); margin: 0 0 18px; letter-spacing: -.04em; }
.cta p { color: var(--muted); max-width: 720px; margin: 0 auto 28px; }

.site-footer { padding: 76px 0 26px; border-top: 1px solid rgba(255,255,255,.08); background: #05070d; }
.footer-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 60px; align-items: start; }
.footer-grid h2 { font-size: clamp(2rem, 5vw, 3.6rem); line-height: 1.02; letter-spacing: -.045em; margin: 15px 0; }
.footer-grid p { color: var(--muted); }
.contact-panel { padding: 28px; border-radius: var(--radius); border: 1px solid var(--line); background: var(--panel); }
.contact-panel a:not(.btn) { color: white; }
.footer-bottom {
    display: flex; justify-content: space-between; gap: 20px; margin-top: 65px; padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.08); color: #7f879a; font-size: .84rem;
}

@media (max-width: 900px) {
    .nav-toggle { display: block; }
    .primary-nav {
        position: absolute; top: 78px; left: 20px; right: 20px; display: none;
        padding: 20px; flex-direction: column; align-items: stretch;
        border: 1px solid var(--line); border-radius: 18px; background: #0a1020; box-shadow: var(--shadow);
    }
    .primary-nav.open { display: flex; }
    .hero-grid, .radcore-band, .founder-grid, .footer-grid, .case-card { grid-template-columns: 1fr; }
    .system-orbit { min-height: 420px; }
    .card-grid { grid-template-columns: repeat(2, 1fr); }
    .research-item { grid-template-columns: 1fr; }
    .case-details { grid-template-columns: 1fr; }
    .founder-card { position: static; }
}
@media (max-width: 620px) {
    .container, .narrow { width: min(calc(100% - 26px), var(--max)); }
    .hero { padding-top: 72px; }
    .hero h1 { font-size: 3.25rem; }
    .card-grid, .module-list { grid-template-columns: 1fr; }
    .section-head { display: block; }
    .radcore-band { padding: 28px; }
    .footer-bottom { display: block; }
    .system-orbit { min-height: 360px; }
    .system-orbit::before { inset: 50px; }
    .system-orbit::after { inset: 105px; }
    .core-node { width: 115px; height: 115px; }
    .orbit-label { font-size: .68rem; }
}
.founder-education{
    margin:26px 0;
    padding:22px;
    border-radius:18px;
    border:1px solid rgba(124,170,255,.15);
    background:rgba(255,255,255,.03);
}

.education-item{
    display:flex;
    gap:15px;
    align-items:flex-start;
}

.education-item + .education-item{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.08);
}

.education-icon{
    font-size:1.3rem;
}

.education-item strong{
    display:block;
    color:#fff;
    margin-bottom:4px;
}

.education-item small{
    color:var(--muted);
}

.founder-description{
    margin-top:22px;
    line-height:1.8;
}
.research-library-intro {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 50px;
    align-items: end;
    margin-bottom: 42px;
}

.research-library-intro p {
    margin: 0;
    color: var(--muted);
}

.paper-content {
    min-width: 0;
}

.paper-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.paper-type {
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.paper-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin: 0 0 14px;
    color: var(--muted);
    font-size: 0.82rem;
}

.paper-meta strong {
    color: #ffffff;
}

.paper-keywords {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.paper-keywords span {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 999px;

    background: rgba(45, 124, 255, 0.08);
    border: 1px solid rgba(124, 170, 255, 0.16);

    color: #b9c9ee;
    font-size: 0.72rem;
    font-weight: 700;
}

.paper-actions small {
    display: block;
    color: var(--muted);
    font-size: 0.72rem;
    text-align: center;
}

@media (max-width: 900px) {
    .research-library-intro {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}
/* ==============================
   Demo Images
============================== */

.clickable-demo{

    cursor:zoom-in;

    transition:.35s ease;

}

.clickable-demo:hover{

    transform:scale(1.03);

    filter:brightness(1.04);

}

/* ==============================
   Image Modal
============================== */

.image-modal{

    display:none;

    position:fixed;

    inset:0;

    z-index:99999;

    justify-content:center;

    align-items:center;

    background:rgba(3,8,20,.92);

    backdrop-filter:blur(8px);

    padding:50px;

}

.image-modal-content{

    max-width:95%;

    max-height:90vh;

    border-radius:18px;

    box-shadow:
        0 25px 80px rgba(0,0,0,.65);

    animation:zoomDemo .25s ease;

}

.image-close{

    position:absolute;

    top:24px;

    right:40px;

    color:white;

    font-size:48px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

.image-close:hover{

    transform:scale(1.15);

}

@keyframes zoomDemo{

    from{

        opacity:0;

        transform:scale(.92);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}
.rad-brain{
    position:relative;
    width:min(100%, 520px);
    aspect-ratio:1;
    margin-inline:auto;
    border-radius:42px;
    overflow:hidden;

    background:
        radial-gradient(circle at 50% 48%, rgba(72,87,255,.12), transparent 30%),
        linear-gradient(145deg, rgba(18,29,57,.96), rgba(6,11,27,.98));

    border:1px solid rgba(83,128,214,.35);

    box-shadow:
        inset 0 0 70px rgba(47,88,255,.08),
        0 30px 90px rgba(0,0,0,.35);
}

.brain-glow{
    position:absolute;
    inset:18%;
    border-radius:50%;
    background:radial-gradient(circle, rgba(0,217,255,.12), rgba(111,64,255,.08), transparent 70%);
    filter:blur(24px);
    animation:brainGlow 4s ease-in-out infinite;
}

.brain-connections{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:visible;
}

.neural-line{
    fill:none;
    stroke:url(#brainLine);
    stroke-width:1.5;
    opacity:.55;
    stroke-dasharray:8 10;
    animation:neuralFlow 6s linear infinite;
}

.secondary-line{
    opacity:.22;
    stroke-width:1;
    animation-duration:10s;
}

.brain-core{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:154px;
    aspect-ratio:1;
    border-radius:50%;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;

    background:
        radial-gradient(circle at 35% 30%, #2bc7ff, #4167ee 42%, #7540d7 74%, #27105c);

    box-shadow:
        0 0 0 18px rgba(72,77,255,.07),
        0 0 0 40px rgba(74,0,145,.05),
        0 0 55px rgba(61,112,255,.55);

    animation:corePulse 3s ease-in-out infinite;
    z-index:5;
}

.brain-core::before,
.brain-core::after{
    content:"";
    position:absolute;
    inset:-26px;
    border-radius:50%;
    border:1px solid rgba(0,217,255,.2);
    animation:ringPulse 4s ease-out infinite;
}

.brain-core::after{
    inset:-52px;
    border-color:rgba(146,78,255,.16);
    animation-delay:1s;
}

.core-kicker{
    font-size:.58rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    opacity:.82;
}

.brain-core strong{
    display:block;
    margin-top:5px;
    font-size:1.22rem;
    letter-spacing:.05em;
}

.brain-core small{
    margin-top:4px;
    font-size:.68rem;
    opacity:.86;
}

.brain-node{
    position:absolute;
    z-index:6;
    min-width:120px;
    padding:12px 16px;
    border-radius:18px;

    color:#eef4ff;
    background:rgba(7,13,31,.88);
    border:1px solid rgba(87,126,201,.38);

    box-shadow:
        0 10px 30px rgba(0,0,0,.3),
        inset 0 0 22px rgba(65,105,225,.05);

    backdrop-filter:blur(10px);
    cursor:pointer;
    transition:.3s ease;
}

.brain-node strong,
.brain-node small{
    display:block;
}

.brain-node strong{
    font-size:.8rem;
}

.brain-node small{
    margin-top:3px;
    font-size:.65rem;
    color:#98a8cb;
}

.brain-node:hover{
    transform:translateY(-4px) scale(1.04);
    border-color:rgba(0,217,255,.7);
    box-shadow:
        0 15px 40px rgba(0,0,0,.38),
        0 0 26px rgba(0,217,255,.18);
}

.node-dot{
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#00d9ff;
    box-shadow:0 0 12px #00d9ff;
}

.node-healthcare{
    left:50%;
    top:14%;
    transform:translateX(-50%);
}

.node-healthcare:hover{
    transform:translateX(-50%) translateY(-4px) scale(1.04);
}

.node-healthcare .node-dot{
    left:50%;
    bottom:-22px;
}

.node-legal{
    right:6%;
    top:43%;
}

.node-legal .node-dot{
    left:-22px;
    top:50%;
}

.node-operations{
    left:50%;
    bottom:11%;
    transform:translateX(-50%);
}

.node-operations:hover{
    transform:translateX(-50%) translateY(-4px) scale(1.04);
}

.node-operations .node-dot{
    left:50%;
    top:-22px;
}

.node-research{
    left:6%;
    top:43%;
}

.node-research .node-dot{
    right:-22px;
    top:50%;
}

.micro-node{
    position:absolute;
    z-index:4;
    padding:5px 8px;
    border-radius:999px;

    font-size:.58rem;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;

    color:#8edfff;
    background:rgba(5,12,29,.8);
    border:1px solid rgba(0,217,255,.16);

    animation:microFloat 5s ease-in-out infinite;
}

.micro-1{ top:25%; left:20%; }
.micro-2{ top:25%; right:21%; animation-delay:.7s; }
.micro-3{ bottom:25%; right:20%; animation-delay:1.2s; }
.micro-4{ bottom:24%; left:21%; animation-delay:1.7s; }
.micro-5{ top:48%; left:21%; animation-delay:2.1s; }
.micro-6{ top:48%; right:19%; animation-delay:2.6s; }

@keyframes neuralFlow{
    to{
        stroke-dashoffset:-180;
    }
}

@keyframes corePulse{
    0%,100%{
        transform:translate(-50%, -50%) scale(1);
    }
    50%{
        transform:translate(-50%, -50%) scale(1.045);
    }
}

@keyframes ringPulse{
    0%{
        opacity:.6;
        transform:scale(.9);
    }
    100%{
        opacity:0;
        transform:scale(1.18);
    }
}

@keyframes brainGlow{
    0%,100%{
        opacity:.65;
        transform:scale(1);
    }
    50%{
        opacity:1;
        transform:scale(1.08);
    }
}

@keyframes microFloat{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-6px);
    }
}

@media (max-width:600px){
    .rad-brain{
        border-radius:28px;
    }

    .brain-core{
        width:125px;
    }

    .brain-node{
        min-width:95px;
        padding:9px 11px;
    }

    .brain-node small{
        display:none;
    }

    .micro-node{
        font-size:.5rem;
    }
}

@media (prefers-reduced-motion:reduce){
    .neural-line,
    .brain-core,
    .brain-core::before,
    .brain-core::after,
    .brain-glow,
    .micro-node{
        animation:none;
    }
}

#particles{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:rgba(0,212,255,.5);border-radius:50%;box-shadow:0 0 12px rgba(0,212,255,.45);animation:floatParticle 12s infinite linear}@keyframes floatParticle{from{transform:translateY(105vh) scale(.55);opacity:0}20%{opacity:1}to{transform:translateY(-20vh) scale(1.25);opacity:0}}.demo-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.demo-image{aspect-ratio:16/8;overflow:hidden;border-bottom:1px solid var(--line);background:#0a1020}.demo-image img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}.demo-content{padding:26px;display:flex;flex-direction:column;flex:1}.demo-content .btn{margin-top:auto}.contact-actions{display:grid;gap:12px}.btn-whatsapp{background:#25D366;color:#062d18!important}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:9999;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:white;text-decoration:none;font-weight:950;box-shadow:0 12px 35px rgba(0,0,0,.42);transition:.2s}.whatsapp-float:hover{transform:scale(1.08)}.paper-actions{display:flex;flex-direction:column;gap:10px;min-width:170px}.paper-actions .tag{align-self:stretch;justify-content:center}@media(max-width:900px){.paper-actions{min-width:0}}