/* Authority Lumen — shared case-study (subfolder) styles */
:root{
 --navy:#1B2845; --navy-deep:#0C1A2B; --ink:#23314C; --slate:#5A6B89; --text-muted:#465674; --slate-light:#AEBED6;
 --cyan:#1F9DB8; --cyan-bright:#34D3EE; --green:#1FA86E; --green-dark:#17855a;
 --white:#fff; --paper:#FBFCFE; --hair:rgba(120,140,175,.32); --hair-soft:rgba(120,140,175,.16);
 --rubik:'Rubik',system-ui,sans-serif; --heebo:'Heebo',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--heebo);color:var(--ink);background:var(--white);font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding:0 32px}
h1,h2,h3{font-family:var(--rubik);font-weight:300;line-height:1.16;color:var(--navy);letter-spacing:-.012em}
em{font-style:normal;color:var(--cyan);font-weight:500}
.skip{position:absolute;top:8px;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;background:var(--navy);color:#fff;border-radius:4px;z-index:200}
.skip:focus{width:auto;height:auto;padding:10px 18px;clip:auto;inset-inline-start:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;font-family:var(--heebo);font-weight:600;font-size:1rem;border:none;cursor:pointer;border-radius:3px;padding:15px 30px;transition:.25s}
.btn svg{width:18px;height:18px;flex:none}
.btn-wa{background:var(--green);color:#fff}.btn-wa:hover{background:var(--green-dark)}
.btn-cyan{background:var(--cyan);color:#fff}.btn-cyan:hover{background:#18839a}
.btn-line{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1px var(--slate)}.btn-line:hover{background:var(--navy);color:#fff}

header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--hair-soft)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--rubik);font-weight:400;font-size:1.3rem;color:var(--navy)}
.logo b{font-weight:500;color:var(--cyan)}
.nav .btn{padding:10px 22px;font-size:.9rem}

.crumb{font-size:.84rem;color:var(--text-muted);padding:22px 0 0}
.crumb a:hover{color:var(--cyan)}
.crumb span{margin:0 6px;opacity:.6}

.case-hero{padding:36px 0 64px}
.eyebrow{display:block;font-family:var(--heebo);font-weight:700;font-size:.74rem;letter-spacing:.26em;color:var(--text-muted);margin-bottom:18px}
.eyebrow .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);vertical-align:middle;margin-left:8px;margin-bottom:2px}
.case-hero h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:16px}
.case-hero .sub{color:var(--text-muted);font-size:1.14rem;max-width:60ch;margin-bottom:30px}
.case-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.livehint{font-size:.85rem;color:var(--text-muted)}

.preview{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 30px 70px rgba(27,40,69,.22);color:#fff;min-height:300px;margin-top:8px}
.preview>img{width:100%;display:block;min-height:300px;object-fit:cover;object-position:top}
.preview .pnav{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;font-size:.9rem}
.preview .pbrand{font-weight:700;letter-spacing:.03em}
.preview .pbody{padding:18px 26px 56px}
.preview .ph{font-family:var(--rubik);font-weight:300;font-size:clamp(1.6rem,3.6vw,2.6rem);line-height:1.15;margin-bottom:18px}
.preview .pbtn{display:inline-block;font-weight:700;font-size:.82rem;border-radius:4px;padding:9px 20px}
.preview .pcards{display:flex;gap:12px;padding:0 26px 26px}
.preview .pc{flex:1;height:64px;border-radius:6px;background:rgba(255,255,255,.16)}

.section{padding:64px 0;border-top:1px solid var(--hair-soft)}
.section h2{font-size:clamp(1.7rem,3.4vw,2.3rem);margin-bottom:10px}
.section .lead{color:var(--text-muted);max-width:60ch;margin-bottom:30px}
.deliv{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.deliv .d{background:#fff;padding:30px 28px}
.deliv .d .abbr{font-family:var(--rubik);font-weight:300;font-size:1.5rem;color:var(--cyan);letter-spacing:.04em}
.deliv .d h3{font-family:var(--heebo);font-weight:600;font-size:1.1rem;margin:8px 0 6px;color:var(--navy)}
.deliv .d p{color:var(--text-muted);font-size:.96rem}

.live-box{background:var(--paper);border:1px solid var(--hair);border-radius:8px;padding:30px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.live-box .t{font-family:var(--rubik);font-weight:400;font-size:1.25rem;color:var(--navy)}
.live-box .u{color:var(--text-muted);font-size:.92rem;margin-top:4px}

.partner{background:var(--navy);color:#fff;border-radius:8px;padding:34px 34px}
.partner h2{color:#fff;font-weight:300;font-size:1.5rem;margin-bottom:12px}
.partner p{color:var(--slate-light);font-size:1rem;max-width:64ch}
.partner em{color:var(--cyan-bright)}

.siblings{display:flex;gap:14px;flex-wrap:wrap}
.sib{border:1px solid var(--hair);border-radius:24px;padding:9px 18px;font-size:.92rem;color:var(--ink)}
.sib:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

footer{background:var(--navy-deep);color:#fff;padding:54px 0 36px;margin-top:64px}
.foot-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.12)}
.foot-logo{font-family:var(--rubik);font-size:1.4rem}.foot-logo b{color:var(--cyan-bright)}
.foot-tag{color:var(--slate-light);font-size:.92rem;margin-top:8px;max-width:340px}
.foot-links{display:flex;gap:12px;flex-wrap:wrap}
.foot-links a{font-size:.9rem;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:8px 16px}
.foot-bot{padding-top:22px;color:var(--slate-light);font-size:.8rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

.wa-float{position:fixed;bottom:24px;left:24px;width:58px;height:58px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(31,168,110,.45);z-index:60}
.wa-float svg{width:30px;height:30px}

@media(max-width:760px){
 .deliv{grid-template-columns:1fr}
 .section{padding:48px 0}
 .live-box{flex-direction:column;align-items:flex-start}
}