:root{
    --bg:#030512;--panel:#071025;--line:rgba(147,214,255,.24);--text:#f7fbff;--muted:#aebde3;
    --blue:#20a8ff;--cyan:#17f4ff;--purple:#a855f7;--pink:#ff4fd8;--green:#59ff8d;--gold:#ffe66d;
}
*{box-sizing:border-box}
html{min-height:100%;background:#02030a}
body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#263a85 0,#080b20 38%,#02030a 100%);color:var(--text);font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(31,168,255,.20),transparent 22%),radial-gradient(circle at 86% 12%,rgba(255,79,216,.16),transparent 22%),radial-gradient(circle at 70% 95%,rgba(89,255,141,.10),transparent 25%);filter:saturate(1.2)}
.topbar{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(3,5,18,.96),rgba(3,5,18,.88));backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 14px 42px rgba(0,0,0,.35);padding:8px 10px 10px}
.topbar-kicker{text-align:center;font-size:11px;line-height:1.15;color:#d7e5ff;letter-spacing:.13em;text-transform:uppercase;margin:0 0 7px}
.tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;overflow:visible;padding:0;margin:0 auto;max-width:1240px}
.tabs a{white-space:normal;text-align:center;text-decoration:none;color:#dce9ff;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:999px;padding:7px 9px;font-size:11px;line-height:1.05;box-shadow:inset 0 0 14px rgba(255,255,255,.025);max-width:142px;min-height:31px;display:flex;align-items:center;justify-content:center}
.tabs a.active,.tabs a:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(23,244,255,.28),inset 0 0 18px rgba(23,244,255,.07);color:#fff}
.page-shell{min-height:calc(100vh - 112px);display:grid;place-items:center;padding:28px}.slide-stage{width:min(100%,600px);aspect-ratio:9/16;border:1px solid rgba(255,255,255,.20);border-radius:34px;position:relative;overflow:hidden;background:#050818;box-shadow:0 26px 84px rgba(0,0,0,.62),0 0 60px rgba(32,168,255,.18)}
.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 50% 32%,#000 0,rgba(0,0,0,.72) 34%,transparent 78%);opacity:.7}.bg-aurora{position:absolute;border-radius:50%;filter:blur(18px);opacity:.8}.aurora-one{width:360px;height:360px;left:-120px;top:-70px;background:radial-gradient(circle,rgba(32,168,255,.50),transparent 63%)}.aurora-two{width:330px;height:330px;right:-125px;top:130px;background:radial-gradient(circle,rgba(255,79,216,.32),transparent 64%)}.aurora-three{width:380px;height:380px;left:120px;bottom:-170px;background:radial-gradient(circle,rgba(89,255,141,.26),transparent 62%)}.circuit-lines{position:absolute;inset:0;opacity:.34;background:linear-gradient(90deg,transparent 0 12%,rgba(23,244,255,.30) 12.2%,transparent 12.6% 52%,rgba(255,79,216,.22) 52.2%,transparent 52.6% 100%),linear-gradient(0deg,transparent 0 20%,rgba(89,255,141,.20) 20.2%,transparent 20.6% 66%,rgba(23,244,255,.22) 66.2%,transparent 66.6% 100%)}.floating-chip{position:absolute;z-index:1;border:1px solid rgba(255,255,255,.20);background:rgba(2,6,18,.55);border-radius:14px;padding:9px 11px;font-weight:900;font-size:13px;letter-spacing:.08em;box-shadow:0 0 18px rgba(23,244,255,.13)}.chip-ai{right:34px;top:125px;color:var(--pink)}.chip-api{left:34px;top:390px;color:var(--cyan)}.chip-db{right:46px;bottom:245px;color:var(--green)}.floating-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 22px rgba(23,244,255,.18)}.ring-one{width:70px;height:70px;left:34px;bottom:112px}.ring-two{width:110px;height:110px;right:-36px;top:45%}.glow-orb{position:absolute;right:-65px;bottom:-70px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(23,244,255,.28),transparent 62%)}
.slide-content{position:relative;z-index:2;height:100%;padding:30px 30px 24px;display:flex;flex-direction:column;gap:14px}.slide-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.slide-logo{width:190px;max-width:52%;height:auto;filter:drop-shadow(0 0 16px rgba(32,168,255,.42))}.badge{border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.075);font-size:12px;color:#e9fdff;box-shadow:0 0 20px rgba(23,244,255,.10)}
.hero-visual{display:grid;grid-template-columns:1fr 150px;gap:14px;align-items:center}.hero-copy{min-width:0}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px}.title{font-size:clamp(31px,7vw,49px);line-height:.92;margin:7px 0 0;font-weight:950;letter-spacing:-2px;text-shadow:0 0 22px rgba(255,255,255,.12)}.title strong{font-style:normal}.theme-purple .title strong,.theme-purple .accent{color:var(--pink);text-shadow:0 0 18px rgba(255,79,216,.38)}.theme-cyan .title strong,.theme-cyan .accent{color:var(--cyan);text-shadow:0 0 18px rgba(23,244,255,.38)}.theme-blue .title strong,.theme-blue .accent{color:var(--blue);text-shadow:0 0 18px rgba(32,168,255,.42)}.theme-bluegreen .title strong,.theme-bluegreen .accent{color:var(--green);text-shadow:0 0 18px rgba(89,255,141,.36)}.subtitle{font-size:17px;line-height:1.34;color:#edf5ff;margin-top:11px;max-width:98%}.runtime-core{height:150px;position:relative;display:grid;place-items:center}.core-halo{position:absolute;width:132px;height:132px;border-radius:50%;border:1px solid rgba(255,255,255,.26);box-shadow:0 0 38px rgba(23,244,255,.20),inset 0 0 22px rgba(255,255,255,.05)}.core-node{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,rgba(26,45,101,.96),rgba(7,12,35,.94));border:1px solid rgba(23,244,255,.42);box-shadow:0 0 32px rgba(23,244,255,.25);font-weight:900;font-size:16px;line-height:1.05}.core-node span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.n1{top:7px}.n2{right:8px}.n3{bottom:10px}.n4{left:8px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:2px}.panel{position:relative;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(180deg,rgba(10,18,47,.78),rgba(2,6,18,.66));padding:16px 15px 14px;box-shadow:inset 0 0 28px rgba(255,255,255,.035),0 15px 32px rgba(0,0,0,.23);overflow:hidden}.panel:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),transparent)}.right-panel:before{background:linear-gradient(90deg,var(--green),var(--cyan),transparent)}.panel h3{margin:0 28px 10px 0;font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.09em}.panel ul{margin:0;padding:0;list-style:none}.panel li{font-size:13.1px;line-height:1.26;color:#dbe8ff;margin:0 0 8px;padding-left:18px;position:relative}.panel li:before{content:"";position:absolute;left:0;top:.42em;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px var(--blue)}.right-panel li:before{background:var(--green);box-shadow:0 0 12px var(--green)}.capability-wrap{margin-top:auto}.capability-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;text-align:center}.capabilities{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.capabilities span{font-size:12px;padding:8px 10px;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);color:#eef5ff;box-shadow:0 0 16px rgba(23,244,255,.08)}.footer-line{font-size:13px;color:#e8f1ff;text-align:center;padding-top:2px;letter-spacing:.05em;text-shadow:0 0 12px rgba(23,244,255,.22)}
.theme-purple .glow-orb{background:radial-gradient(circle,rgba(255,79,216,.28),transparent 62%)}.theme-bluegreen .glow-orb{background:radial-gradient(circle,rgba(89,255,141,.24),transparent 62%)}.theme-bluegreen .aurora-two{background:radial-gradient(circle,rgba(89,255,141,.34),transparent 62%)}.theme-cyan .aurora-two{background:radial-gradient(circle,rgba(23,244,255,.28),transparent 62%)}
@media (min-width:980px){.page-shell{padding:36px}.slide-stage{width:min(58vh,650px)}}
@media (max-width:680px){.topbar{padding:6px 6px 8px}.topbar-kicker{font-size:9px;margin-bottom:5px}.tabs{gap:4px}.tabs a{font-size:9px;padding:5px 6px;min-height:25px;max-width:98px}.page-shell{padding:12px}.slide-stage{border-radius:21px;width:100%;min-height:calc(100svh - 152px);aspect-ratio:auto}.slide-content{padding:20px 18px}.hero-visual{grid-template-columns:1fr}.runtime-core{display:none}.compare{grid-template-columns:1fr;gap:10px}.title{font-size:36px}.subtitle{font-size:15.5px}.panel{padding:13px}.panel li{font-size:12.8px}.slide-logo{width:155px}.floating-chip,.floating-ring{display:none}}

/* Adaptive slide device graphic */
.slide-adaptive .slide-header{align-items:flex-start;gap:14px}
.slide-adaptive .slide-logo{flex:0 0 166px;max-width:40%;margin-top:2px}
.device-showcase{flex:1;min-width:0;height:118px;display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;padding:5px 2px 0;position:relative}
.device-showcase:before{content:"";position:absolute;left:0;right:0;bottom:3px;height:64px;border-radius:20px;background:linear-gradient(90deg,rgba(32,168,255,.15),rgba(255,255,255,.08),rgba(23,244,255,.13));filter:blur(.2px);box-shadow:0 0 34px rgba(23,244,255,.18);opacity:.85}
.device{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;border:2px solid rgba(225,241,255,.86);background:linear-gradient(145deg,#eaf5ff,#a7c3ff 55%,#6f5df6);box-shadow:0 0 20px rgba(32,168,255,.26),inset 0 0 10px rgba(255,255,255,.36);overflow:visible}
.device-screen{position:absolute;inset:5px;border-radius:inherit;background:linear-gradient(180deg,#f9fbff,#e9f1ff);overflow:hidden;padding:8px}
.device-screen:before{content:"Sales Dashboard";display:block;color:#3c4c6e;font-size:7px;font-weight:800;margin-bottom:6px}
.device-screen span{display:block;width:52%;height:8px;border-radius:5px;background:linear-gradient(90deg,#43a5ff,#b45cff);margin-bottom:7px}
.device-screen b{display:block;height:24px;border-radius:6px;background:linear-gradient(135deg,rgba(32,168,255,.18),rgba(168,85,247,.20));position:relative}
.device-screen b:after{content:"";position:absolute;left:5px;right:5px;bottom:6px;height:13px;background:linear-gradient(135deg,transparent 0 16%,#6849ff 17% 19%,transparent 20% 36%,#9f5bff 37% 39%,transparent 40% 58%,#20a8ff 59% 61%,transparent 62%);}
.device-screen i{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px;font-style:normal}
.device-screen i:before,.device-screen i:after{content:"";height:7px;border-radius:4px;background:rgba(71,98,150,.18)}
.device-phone{width:42px;height:86px;border-radius:10px;margin-bottom:5px}.device-phone .device-screen{inset:4px;border-radius:7px;padding:5px}.device-phone .device-screen:before{font-size:5px}.device-phone .device-screen span{height:5px}.device-phone .device-screen b{height:18px}.device-phone .device-screen i{gap:2px;margin-top:4px}.device-phone .device-screen i:before,.device-phone .device-screen i:after{height:5px}
.device-tablet{width:80px;height:94px;border-radius:12px;margin-bottom:2px}.device-laptop{width:105px;height:76px;border-radius:8px;margin-bottom:13px}.device-laptop em{position:absolute;left:-9px;right:-9px;bottom:-11px;height:10px;border-radius:0 0 13px 13px;background:linear-gradient(180deg,#b9cbef,#6c7fa9);box-shadow:0 7px 12px rgba(0,0,0,.28)}
.device-desktop{width:126px;height:75px;border-radius:5px;margin-bottom:26px}.device-desktop em{position:absolute;width:48px;height:25px;bottom:-27px;border-bottom:8px solid #91a6ce;border-left:11px solid transparent;border-right:11px solid transparent}.device-desktop:after{content:"";position:absolute;width:72px;height:7px;border-radius:999px;background:#9db4db;bottom:-36px}
.slide-adaptive .hero-visual{grid-template-columns:1fr 128px;margin-top:-4px}
@media (max-width:680px){
    .slide-adaptive .slide-header{
        display:grid;
        grid-template-columns:102px minmax(0,1fr);
        align-items:center;
        gap:8px;
    }
    .slide-adaptive .slide-logo{
        width:102px;
        max-width:102px;
        flex:0 0 102px;
    }
    .device-showcase{
        height:96px;
        min-width:0;
        gap:4px;
        justify-content:flex-end;
        padding-right:0;
        overflow:visible;
    }
    .device-showcase:before{
        left:4px;
        right:0;
        height:58px;
        bottom:5px;
        border-radius:16px;
    }
    .device-phone{width:38px;height:76px;border-radius:10px;margin-bottom:5px;flex:0 0 38px}
    .device-tablet{width:52px;height:72px;border-radius:11px;margin-bottom:6px;flex:0 0 52px}
    .device-laptop{width:68px;height:50px;border-radius:7px;margin-bottom:16px;flex:0 0 68px}
    .device-desktop{width:74px;height:47px;border-radius:6px;margin-bottom:22px;flex:0 0 74px}
    .device-screen{inset:3px;padding:4px}
    .device-phone .device-screen{inset:3px;border-radius:7px;padding:4px}
    .device-screen:before{font-size:4px;margin-bottom:3px;white-space:nowrap;transform:scale(.9);transform-origin:left center}
    .device-screen span{height:4px;margin-bottom:4px}
    .device-screen b{height:13px}
    .device-phone .device-screen b{height:17px}
    .device-screen i{display:none}
    .device-laptop em{left:-7px;right:-7px;bottom:-8px;height:7px}
    .device-desktop em{bottom:-20px;height:17px;width:34px;border-bottom-width:6px;border-left-width:8px;border-right-width:8px}
    .device-desktop:after{bottom:-25px;width:48px;height:5px}
}

.contact-panel {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.contact-item {
    padding: 22px 24px;
    border-radius: 20px;
    background: rgba(10,20,40,.72);
    border: 1px solid rgba(77,227,255,.22);
    box-shadow: inset 0 0 30px rgba(255,255,255,.02), 0 0 24px rgba(77,227,255,.08);
}

.contact-label {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #7ddcff;
    margin-bottom: 8px;
}

.contact-value {
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
    word-break: break-word;
}

.contact-footer {
    margin-top: 42px;
    font-size: 18px;
    font-weight: 600;
    color: #9ecbff;
    text-align: center;
    letter-spacing: .5px;
}

.nav-pill-contact {
    border: 1px solid #4de3ff !important;
    background: linear-gradient(135deg,#13233d 0%, #1a1440 100%);
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(77,227,255,.25), 0 0 24px rgba(177,91,255,.18);
}

.nav-pill-contact:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 16px rgba(77,227,255,.45), 0 0 32px rgba(177,91,255,.28);
}

.contact-shell {
    display: flex;
    justify-content: center;
    padding: 40px 20px 80px 20px;
}

.contact-shell .slide-card {
    width: 100%;
    max-width: 1100px;
    border-radius: 32px;
    overflow: hidden;
}



/* Desktop lower-half ambient visuals */
.ambient-visual{
    position:relative;
    flex:1 1 auto;
    min-height:165px;
    margin:2px 0 0;
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 22% 18%,rgba(32,168,255,.14),transparent 34%),
        radial-gradient(circle at 78% 72%,rgba(255,79,216,.11),transparent 36%),
        linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
    box-shadow:inset 0 0 36px rgba(255,255,255,.025),0 14px 32px rgba(0,0,0,.20);
}
.ambient-visual:before{
    content:"";position:absolute;inset:0;opacity:.45;
    background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:28px 28px;
    mask-image:radial-gradient(circle at 50% 50%,#000 0,rgba(0,0,0,.65) 45%,transparent 85%);
}
.ambient-visual:after{content:"";position:absolute;inset:auto 8% 14px 8%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--pink),transparent);opacity:.55;box-shadow:0 0 18px rgba(23,244,255,.28)}
.visual-frame{position:absolute;inset:0;transform-style:preserve-3d}.visual-core-dot{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:24px;background:linear-gradient(145deg,rgba(16,31,72,.95),rgba(3,7,22,.9));border:1px solid rgba(23,244,255,.45);box-shadow:0 0 38px rgba(23,244,255,.24),inset 0 0 24px rgba(255,255,255,.045)}
.visual-core-dot:after{content:"OnPro";position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:900;color:#fff;letter-spacing:.04em}.visual-orbit{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 22px rgba(23,244,255,.12)}.orbit-a{width:190px;height:92px;margin:-46px 0 0 -95px;transform:rotate(-13deg)}.orbit-b{width:275px;height:122px;margin:-61px 0 0 -137px;transform:rotate(16deg);border-color:rgba(255,79,216,.22)}
.visual-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.55;transform-origin:center}.line-a{left:13%;right:13%;top:47%;transform:rotate(-9deg)}.line-b{left:17%;right:17%;top:57%;transform:rotate(11deg);background:linear-gradient(90deg,transparent,var(--green),transparent)}
.visual-card{position:absolute;width:118px;height:62px;border-radius:15px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(8,18,48,.88),rgba(4,8,23,.70));box-shadow:0 0 24px rgba(32,168,255,.12),inset 0 0 18px rgba(255,255,255,.025);padding:12px}.visual-card span{display:block;width:58%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--purple));margin-bottom:8px}.visual-card b{display:block;width:85%;height:5px;border-radius:999px;background:rgba(255,255,255,.20);margin-bottom:6px}.visual-card i{display:block;width:62%;height:5px;border-radius:999px;background:rgba(255,255,255,.13)}.card-a{left:9%;top:16%;transform:rotate(-4deg)}.card-b{right:8%;top:18%;transform:rotate(5deg)}.card-c{left:36%;bottom:13%;transform:rotate(1deg)}
.visual-node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.node-a{left:28%;top:37%}.node-b{right:29%;top:38%;background:var(--pink);box-shadow:0 0 16px var(--pink)}.node-c{left:43%;bottom:35%;background:var(--green);box-shadow:0 0 16px var(--green)}.node-d{right:42%;bottom:28%;background:var(--blue);box-shadow:0 0 16px var(--blue)}

/* Per-slide visual language */
.visual-topics .visual-core-dot{border-radius:50%;background:conic-gradient(from 180deg,var(--blue),var(--purple),var(--green),var(--blue))}.visual-topics .visual-core-dot:after{content:"15";font-size:24px}.visual-topics .visual-card{width:92px;height:44px}.visual-topics .card-a{left:8%;top:18%}.visual-topics .card-b{right:8%;top:18%}.visual-topics .card-c{left:42%;bottom:14%}
.visual-future .visual-core-dot:after{content:"Future"}.visual-future .orbit-a{width:230px}.visual-future .orbit-b{height:150px}.visual-future .card-a:before{content:"OLD";color:#9fb0ce;font-size:10px;font-weight:900}.visual-future .card-b:before{content:"RUNTIME";color:var(--green);font-size:10px;font-weight:900}
.visual-ai-code .visual-core-dot:after{content:"AI → App"}.visual-ai-code .line-a,.visual-ai-code .line-b{height:3px}.visual-ai-code .card-a:before{content:"Code";color:var(--cyan);font-size:10px;font-weight:900}.visual-ai-code .card-b:before{content:"Runtime";color:#fff;font-size:10px;font-weight:900}.visual-ai-code .card-c:before{content:"System";color:var(--green);font-size:10px;font-weight:900}
.visual-zero-hardcoded .visual-core-dot:after{content:"0";font-size:34px;color:var(--green)}.visual-zero-hardcoded .visual-card{border-style:dashed}.visual-zero-hardcoded .card-a,.visual-zero-hardcoded .card-b{opacity:.55}.visual-zero-hardcoded .line-a{background:linear-gradient(90deg,transparent,var(--green),transparent)}
.visual-database-schema .visual-core-dot:after{content:"Schema"}.visual-database-schema .visual-card{height:72px}.visual-database-schema .card-a,.visual-database-schema .card-b,.visual-database-schema .card-c{border-radius:10px}.visual-database-schema .visual-line{background:linear-gradient(90deg,transparent,var(--pink),var(--cyan),transparent)}
.visual-model-explorer .visual-core-dot:after{content:"Explorer";font-size:10px}.visual-model-explorer .orbit-a{width:310px;height:86px}.visual-model-explorer .visual-card{width:104px}.visual-model-explorer .node-a,.visual-model-explorer .node-b,.visual-model-explorer .node-c,.visual-model-explorer .node-d{width:16px;height:16px}
.visual-data-exploration .visual-core-dot:after{content:"Search"}.visual-data-exploration .visual-card{width:130px}.visual-data-exploration .card-a:before{content:"Filter";color:var(--cyan);font-size:10px;font-weight:900}.visual-data-exploration .card-b:before{content:"Sort";color:var(--pink);font-size:10px;font-weight:900}.visual-data-exploration .card-c:before{content:"View";color:var(--green);font-size:10px;font-weight:900}
.visual-runtime-ui .visual-core-dot:after{content:"UI";font-size:28px}.visual-runtime-ui .visual-card{width:90px;height:92px}.visual-runtime-ui .card-a{left:13%;top:13%}.visual-runtime-ui .card-b{right:13%;top:12%}.visual-runtime-ui .card-c{left:42%;bottom:10%}
.visual-recursive .visual-core-dot:after{content:"Graph"}.visual-recursive .orbit-a{width:260px;height:260px;margin:-130px 0 0 -130px}.visual-recursive .orbit-b{width:170px;height:170px;margin:-85px 0 0 -85px}.visual-recursive .visual-card{width:88px;height:48px}
.visual-security .visual-core-dot{border-radius:50%;border-color:rgba(89,255,141,.62)}.visual-security .visual-core-dot:after{content:"Lock";color:var(--green)}.visual-security .visual-card{border-color:rgba(89,255,141,.25)}.visual-security .line-a,.visual-security .line-b{background:linear-gradient(90deg,transparent,var(--green),transparent)}
.visual-audit .visual-core-dot:after{content:"Audit"}.visual-audit .visual-card{width:134px;height:48px}.visual-audit .visual-card span{width:28%}.visual-audit .visual-card b{width:92%}.visual-audit .visual-card i{width:78%}
.visual-workflow .visual-core-dot:after{content:"Flow"}.visual-workflow .visual-line{height:3px}.visual-workflow .card-a{left:6%;top:34%}.visual-workflow .card-b{right:6%;top:34%}.visual-workflow .card-c{left:39%;bottom:10%}.visual-workflow .line-a{top:42%;transform:rotate(0deg)}.visual-workflow .line-b{top:62%;transform:rotate(0deg)}
.visual-one-engine .visual-core-dot:after{content:"1";font-size:34px;color:var(--green)}.visual-one-engine .orbit-a{width:320px;height:155px}.visual-one-engine .orbit-b{width:220px;height:220px;margin:-110px 0 0 -110px}.visual-one-engine .visual-card{width:98px}
.visual-performance .visual-core-dot:after{content:"Fast"}.visual-performance .visual-line{height:4px}.visual-performance .line-a{background:linear-gradient(90deg,transparent,var(--cyan),#fff,var(--cyan),transparent)}.visual-performance .visual-card{height:46px}.visual-performance .card-c{left:45%;bottom:10%}
.visual-adaptive .visual-core-dot:after{content:"Any"}.visual-adaptive .visual-card{background:linear-gradient(180deg,#f7fbff,#dbeaff);border-color:rgba(255,255,255,.7)}.visual-adaptive .visual-card span{background:linear-gradient(90deg,var(--blue),var(--purple))}.visual-adaptive .visual-card b,.visual-adaptive .visual-card i{background:rgba(65,82,130,.18)}.visual-adaptive .card-a{width:54px;height:88px;border-radius:14px;left:12%;top:20%}.visual-adaptive .card-b{width:98px;height:74px;border-radius:14px;left:33%;top:27%}.visual-adaptive .card-c{width:142px;height:82px;border-radius:10px;left:auto;right:10%;bottom:22%}

@media (max-width:680px){
    .ambient-visual{min-height:170px;margin-top:4px;order:20;flex:0 0 auto}
    .visual-card{transform:scale(.82)}
    .visual-core-dot{width:58px;height:58px;margin:-29px 0 0 -29px}.orbit-a{width:150px;height:78px;margin:-39px 0 0 -75px}.orbit-b{width:214px;height:102px;margin:-51px 0 0 -107px}.card-a{left:4%;top:18%}.card-b{right:4%;top:18%}.card-c{left:34%;bottom:12%}
}


/* Approved cinematic graphics replace the old CSS-drawn lower visuals */
.ambient-visual{
    padding:0 !important;
}

.ambient-visual .visual-frame,
.ambient-visual .visual-core-dot,
.ambient-visual .visual-orbit,
.ambient-visual .visual-line,
.ambient-visual .visual-card,
.ambient-visual .visual-node{
    display:none !important;
}

.ambient-visual-image{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
    border-radius:inherit;
}


/* No-crop version: fit the full approved image inside the existing lower visual section */
/* Final sharp 1:1 image rendering */
.ambient-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 300px !important;
    height: min(320px, 42vw) !important;
    padding: 14px !important;
    background: radial-gradient(circle at 20% 20%, rgba(68, 179, 255, .18), transparent 32%), radial-gradient(circle at 80% 80%, rgba(255, 78, 216, .15), transparent 35%), #06111f !important;
}

.ambient-visual-image {
    width: auto !important;
    height: auto !important;
    max-width: 92% !important;
    max-height: 92% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 18px !important;
    image-rendering: auto !important;
    transform: translateZ(0);
    filter: drop-shadow(0 18px 50px rgba(0,0,0,.45));
}



.tabs a[href$="contact-us.aspx"] {
    border: 1px solid #4de3ff !important;
    background: linear-gradient(135deg, #10304a 0%, #2a1658 100%) !important;
    color: #ffffff !important;
    font-weight: 800;
    box-shadow: 0 0 14px rgba(77,227,255,.45), 0 0 28px rgba(177,91,255,.30), inset 0 0 16px rgba(77,227,255,.10) !important;
}

    .tabs a[href$="contact-us.aspx"]:hover,
    .tabs a[href$="contact-us.aspx"].active {
        border-color: #17f4ff !important;
        box-shadow: 0 0 20px rgba(23,244,255,.60), 0 0 36px rgba(255,79,216,.35), inset 0 0 20px rgba(23,244,255,.16) !important;
    }