/* =========================================================
   BLIxty GLOBAL CASE STUDY SYSTEM
========================================================= */
:root{
 --p:#7826EC;--b:#0195FC;--r:#F81360;--o:#FE7C01;--ink:#101116;--muted:#70717A;
 --soft:#F7F8FA;--line:rgba(16,17,22,.08);--grad:linear-gradient(110deg,#F81360,#FE7C01 46%,#7826EC);
 --shadow:0 28px 90px rgba(16,17,22,.10)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;width:100%}
a{text-decoration:none;color:inherit}
.vinsta-container{width:min(1180px,calc(100% - 40px));margin:auto}
.vinsta-logo,.vinsta-hero h1,.vinsta-info h2,.vinsta-story-header h2,.vinsta-showcase-heading h2,.vinsta-features-heading h2,.vinsta-tech h2,.vinsta-process-heading h2,.vinsta-cta-box h2,.vinsta-footer-logo,.vinsta-story-card h3,.vinsta-feature h3,.vinsta-process-item h3{font-family:"Plus Jakarta Sans",Inter,sans-serif}
.vinsta-logo{font-size:18px;font-weight:800;letter-spacing:-.6px;display:flex;align-items:center;white-space:nowrap}
.vinsta-logo img{width:34px;height:34px;object-fit:contain;margin-right:9px}
.vinsta-logo span{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vinsta-nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 40px));min-height:64px;padding:10px 14px 10px 22px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(24px);border:1px solid var(--line);border-radius:100px;z-index:9999;box-shadow:0 12px 40px rgba(0,0,0,.06)}
.vinsta-nav-links{display:flex;align-items:center;gap:28px}
.vinsta-nav-links>a{color:#686971;font-size:13px;font-weight:600;transition:.25s}
.vinsta-nav-links>a:hover{color:var(--p)}
.vinsta-nav-btn,.vinsta-cta-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:100px;background:var(--grad);color:#fff!important;font-weight:700;box-shadow:0 12px 30px rgba(120,38,236,.16);transition:.25s}
.vinsta-nav-btn:hover,.vinsta-cta-button:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(248,19,96,.22)}
.vinsta-hero{padding:175px 0 100px}
.vinsta-hero-content{max-width:860px;margin:auto;text-align:center}
.vinsta-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;margin-bottom:25px;background:linear-gradient(110deg,rgba(248,19,96,.08),rgba(120,38,236,.07));border:1px solid rgba(120,38,236,.1);border-radius:100px;color:var(--r);font-size:12px;font-weight:800}
.vinsta-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--r);box-shadow:0 0 0 5px rgba(248,19,96,.08)}
.vinsta-hero h1{margin:0 0 28px;font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-4px;font-weight:800}
.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vinsta-hero-description{max-width:700px;margin:auto;color:var(--muted);font-size:18px;line-height:1.7}
.vinsta-hero-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:30px}
.vinsta-meta-pill{padding:9px 14px;background:#f7f7f8;border:1px solid var(--line);border-radius:100px;color:#55565e;font-size:12px;font-weight:700}
.vinsta-main-image{position:relative;margin-top:70px;padding:12px;overflow:hidden;border-radius:42px;background:linear-gradient(135deg,rgba(248,19,96,.09),rgba(1,149,252,.09),rgba(120,38,236,.08));border:1px solid var(--line);box-shadow:var(--shadow)}
.vinsta-main-image img{height:650px;object-fit:cover;border-radius:32px}
.vinsta-floating-card{position:absolute;right:35px;bottom:35px;padding:17px 21px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.12)}
.vinsta-floating-card small{display:block;margin-bottom:3px;color:#777;font-size:11px}
.vinsta-floating-card strong{font-family:"Plus Jakarta Sans";font-size:15px}
.vinsta-section-label{margin-bottom:18px;color:var(--p);font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.vinsta-info{padding:100px 0}
.vinsta-info-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}
.vinsta-info h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-2px}
.vinsta-info-text{color:var(--muted);font-size:17px;line-height:1.85}
.vinsta-info-text+.vinsta-info-text{margin-top:22px}
.vinsta-stats{padding:20px 0 100px}
.vinsta-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vinsta-stat{padding:35px 25px;border-right:1px solid var(--line)}
.vinsta-stat:last-child{border-right:0}
.vinsta-stat strong{display:block;margin-bottom:5px;font-size:32px;letter-spacing:-1.5px}
.vinsta-stat span{color:#777;font-size:13px}
.vinsta-story,.vinsta-process{background:#f8f8fa}
.vinsta-story{padding:110px 0}
.vinsta-story-header{max-width:720px;margin-bottom:65px}
.vinsta-story-header h2,.vinsta-showcase-heading h2,.vinsta-features-heading h2,.vinsta-tech h2,.vinsta-process-heading h2{margin:0 0 20px;font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-2.5px}
.vinsta-story-header p,.vinsta-showcase-heading p,.vinsta-tech-layout p{color:var(--muted);font-size:17px;line-height:1.7}
.vinsta-story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.vinsta-story-card{padding:40px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 12px 50px rgba(0,0,0,.035);transition:.3s}
.vinsta-story-card:hover,.vinsta-process-item:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.07)}
.vinsta-story-number{width:45px;height:45px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;border-radius:14px;background:rgba(120,38,236,.08);color:var(--p);font-size:13px;font-weight:800}
.vinsta-story-card h3{margin:0 0 13px;font-size:25px;letter-spacing:-.8px}
.vinsta-story-card p,.vinsta-feature p,.vinsta-process-item p{color:#73747c;font-size:15px;line-height:1.75}
.vinsta-showcase{padding:120px 0}
.vinsta-showcase-heading{text-align:center;max-width:720px;margin:0 auto 65px}
.vinsta-screen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.vinsta-screen{padding:10px;overflow:hidden;background:#f7f7f8;border:1px solid var(--line);border-radius:30px;transition:.4s}
.vinsta-screen:hover{transform:translateY(-8px);box-shadow:0 25px 70px rgba(0,0,0,.09)}
.vinsta-screen img{aspect-ratio:16/10;object-fit:cover;border-radius:23px}
.vinsta-features{padding:110px 0;background:#101116;color:#fff}
.vinsta-features-heading{max-width:720px;margin-bottom:60px}
.vinsta-features-heading .vinsta-section-label{color:#ff7aab}
.vinsta-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vinsta-feature{min-height:210px;padding:30px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:24px;transition:.3s}
.vinsta-feature:hover{transform:translateY(-6px);background:rgba(255,255,255,.08)}
.vinsta-feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;border-radius:14px;background:linear-gradient(135deg,rgba(248,19,96,.18),rgba(120,38,236,.20));font-size:18px}
.vinsta-feature h3{margin:0 0 9px;font-size:18px}
.vinsta-feature p{color:#a5a5ab;font-size:14px}
.vinsta-tech{padding:110px 0}
.vinsta-tech-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.vinsta-tech-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.vinsta-tech-pill{padding:13px 17px;background:#f7f7f8;border:1px solid var(--line);border-radius:100px;font-size:13px;font-weight:700}
.vinsta-tech-image{padding:10px;border-radius:32px;background:linear-gradient(135deg,rgba(248,19,96,.08),rgba(1,149,252,.08))}
.vinsta-tech-image img{aspect-ratio:1/1;object-fit:cover;border-radius:24px}
.vinsta-process{padding:110px 0}
.vinsta-process-heading{max-width:680px;margin-bottom:60px}
.vinsta-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vinsta-process-item{padding:28px;background:#fff;border:1px solid var(--line);border-radius:24px;transition:.3s}
.vinsta-process-item span{display:block;margin-bottom:30px;color:var(--r);font-size:12px;font-weight:800}
.vinsta-process-item h3{margin:0 0 10px;font-size:18px}
.vinsta-process-item p{font-size:13px}
.vinsta-cta{padding:110px 0}
.vinsta-cta-box{position:relative;overflow:hidden;padding:80px 50px;text-align:center;border-radius:38px;background:radial-gradient(circle at 10% 15%,rgba(248,19,96,.12),transparent 30%),radial-gradient(circle at 90% 85%,rgba(1,149,252,.12),transparent 32%),linear-gradient(135deg,#fff,#faf8ff);border:1px solid rgba(120,38,236,.1)}
.vinsta-cta-content{position:relative;z-index:2}
.vinsta-cta-box h2{margin:0 0 20px;font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-3px}
.vinsta-cta-box p{max-width:600px;margin:0 auto 32px;color:var(--muted);font-size:16px}
.vinsta-footer{padding:30px 0 40px;border-top:1px solid var(--line)}
.vinsta-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.vinsta-footer-logo{font-size:17px;font-weight:800}
.vinsta-footer-copy,.vinsta-back{color:#888;font-size:12px}
.vinsta-back{font-weight:700}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}
.reveal.active{opacity:1;transform:translateY(0)}
.vinsta-story-grid .reveal:nth-child(2),.vinsta-feature-grid .reveal:nth-child(2),.vinsta-process-grid .reveal:nth-child(2){transition-delay:.08s}
.vinsta-story-grid .reveal:nth-child(3),.vinsta-feature-grid .reveal:nth-child(3),.vinsta-process-grid .reveal:nth-child(3){transition-delay:.16s}
.vinsta-story-grid .reveal:nth-child(4),.vinsta-feature-grid .reveal:nth-child(4),.vinsta-process-grid .reveal:nth-child(4){transition-delay:.24s}
@media(max-width:1000px){
 .vinsta-nav-links{gap:18px}.vinsta-info-grid{grid-template-columns:1fr 1.2fr;gap:50px}.vinsta-feature-grid{grid-template-columns:repeat(2,1fr)}.vinsta-process-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .vinsta-container{width:calc(100% - 28px)}.vinsta-nav{top:12px;width:calc(100% - 24px);padding:9px 10px 9px 17px}.vinsta-nav-links{display:none}.vinsta-logo{font-size:16px}.vinsta-nav-btn{padding:10px 15px}.vinsta-hero{padding-top:125px;padding-bottom:70px}.vinsta-hero h1{font-size:clamp(44px,13vw,62px);letter-spacing:-3px}.vinsta-hero-description{font-size:15px}.vinsta-main-image{margin-top:45px;padding:7px;border-radius:28px}.vinsta-main-image img{height:430px;border-radius:21px}.vinsta-floating-card{right:20px;bottom:20px;padding:13px 16px}.vinsta-info,.vinsta-showcase,.vinsta-tech,.vinsta-process,.vinsta-features,.vinsta-story,.vinsta-cta{padding-top:75px;padding-bottom:75px}.vinsta-stats{padding-bottom:75px}.vinsta-info-grid,.vinsta-tech-layout,.vinsta-story-grid,.vinsta-screen-grid,.vinsta-feature-grid,.vinsta-process-grid{grid-template-columns:1fr}.vinsta-stats-grid{grid-template-columns:1fr}.vinsta-stat{border-right:0;border-bottom:1px solid var(--line)}.vinsta-stat:last-child{border-bottom:0}.vinsta-cta-box{padding:60px 25px;border-radius:28px}.vinsta-footer-inner{flex-direction:column;text-align:center}
}