/* Srilex Buditra Premium Case Study v2 */
:root{--bg:#06111f;--panel:rgba(10,25,42,.82);--line:rgba(132,184,230,.16);--text:#edf7ff;--muted:#9bb1c7;--cyan:#55d7ff;--blue:#5b8cff;--gold:#f4c96b;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% 0%,#14375a33,transparent 32%),radial-gradient(circle at 90% 15%,#38d9ff18,transparent 28%),linear-gradient(180deg,#06111f,#081321 55%,#06101b);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:42px 42px}
a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 36px),var(--max));margin:auto}
.nav{position:sticky;top:0;z-index:50;background:#050f1bcc;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.navin{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:.04em}.mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101c;font-weight:950;box-shadow:0 0 28px #55d7ff33}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.15em}.links{display:flex;gap:18px;color:var(--muted);font-size:12px}.links a:hover{color:var(--text)}.menu{display:none;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);padding:8px 11px}
.hero{padding:82px 0 55px}.heroGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.eyebrow,.kicker{color:var(--cyan);font-size:11px;font-weight:850;letter-spacing:.18em}.hero h1{font-size:clamp(40px,5.5vw,68px);line-height:1.04;letter-spacing:-.045em;margin:13px 0 19px}.hero h1 span{color:var(--cyan)}.hero p,.sectionHead p,.card p{color:var(--muted)}.hero p{font-size:17px;max-width:680px}.heroCard{padding:14px;border:1px solid var(--line);background:#0a1a2ac7;border-radius:26px;box-shadow:0 25px 70px #0005}.heroCard img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;border-radius:17px}
.pills,.actions,.stack{display:flex;flex-wrap:wrap;gap:9px}.pill{border:1px solid var(--line);background:#ffffff08;border-radius:999px;padding:7px 11px;font-size:11px;color:#cfe4f5}.actions{margin-top:25px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 16px;border-radius:12px;border:1px solid var(--line);font-size:12px;font-weight:800}.primary{border:0;background:linear-gradient(135deg,var(--cyan),#6b8cff);color:#03111e}
section{padding:67px 0}.sectionHead{margin-bottom:27px;display:flex;justify-content:space-between;gap:30px;align-items:end}.sectionHead h2{font-size:clamp(28px,4vw,44px);line-height:1.1;letter-spacing:-.035em;margin:7px 0}.sectionHead p{max-width:570px;margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{border:1px solid var(--line);background:var(--panel);border-radius:21px;padding:23px;box-shadow:0 13px 45px #0002}.card h3{margin:7px 0;font-size:19px}.num{color:var(--cyan);font-size:11px;font-weight:850;letter-spacing:.12em}.feature{min-height:145px}.feature:after{content:"";position:absolute}.stack span{border:1px solid var(--line);background:#fff7;padding:9px 12px;border-radius:10px;font-size:12px;color:#d8ebfa}
.gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:17px}.shot{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#081827}.shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.shot figcaption{padding:13px 15px;color:var(--muted);font-size:11px}.shot.tall{grid-row:span 2}.shot.tall img{height:100%;min-height:340px}
.mock{min-height:300px;padding:17px;background:linear-gradient(135deg,#0b2238,#07121e)}.mocktop{display:flex;justify-content:space-between;margin-bottom:16px}.dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px #55d7ff}.bar{width:43%;height:11px;border-radius:8px;background:#29475f}.mockgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.box{height:70px;border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff4}.line{height:7px;background:#29475f;border-radius:5px;margin-bottom:9px}.short{width:55%}.chart{height:105px;margin-top:10px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(160deg,#55d7ff18,#5b8cff08)}
.result{background:linear-gradient(135deg,#55d7ff14,#5b8cff0b);border-color:#55d7ff33}.result strong{display:block;font-size:27px;margin-bottom:8px}.cta{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:45px;border:1px solid #55d7ff33;border-radius:27px;background:linear-gradient(135deg,#0b2035,#08131f)}.cta h2{font-size:clamp(28px,4vw,44px);margin:7px 0}.cta p{color:var(--muted);max-width:640px}footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:11px}.foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.top{position:fixed;right:16px;bottom:16px;width:41px;height:41px;border-radius:50%;border:1px solid var(--line);background:#050f1ddd;color:var(--text);z-index:45}
@media(max-width:850px){.heroGrid,.grid2,.gallery{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.links{display:none}.menu{display:block}.links.open{position:absolute;left:18px;right:18px;top:70px;display:grid;gap:0;padding:7px;background:#071522;border:1px solid var(--line);border-radius:15px}.links.open a{padding:11px}.sectionHead{display:block}.hero{padding-top:55px}.cta{display:block;padding:31px}}
@media(max-width:560px){.container{width:calc(100% - 26px)}.grid3{grid-template-columns:1fr}.hero h1{font-size:41px}.hero p{font-size:15px}.actions .btn{width:100%}.card{padding:18px}.mockgrid{grid-template-columns:1fr 1fr}.shot.tall img{min-height:250px}}