.blog-art{--petrol:#0B3B42;--petrol-deep:#062A30;--teal:#0D9488;--teal-soft:#14B8A6;--mint:#A7F3D0;--mint-soft:#ECFDF5;--ink:#0F172A;--slate:#475569;--mist:#64748B;--paper:#F6FAF9;--card:#fff;--line:#DCE7E4;--amber:#B45309;--amber-soft:#FFFBEB}.blog-art *{box-sizing:border-box}.blog-art{scroll-behavior:smooth;margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-inter),system-ui,sans-serif;line-height:1.75;font-size:17px}.blog-art h1,.blog-art h2,.blog-art h3{font-family:var(--font-sora),sans-serif;line-height:1.2;color:var(--petrol-deep)}.blog-art a{color:var(--teal);text-decoration:none}.blog-art .wrap{max-width:860px;margin:0 auto;padding:0 24px}.blog-art header.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 15% -10%,rgba(20,184,166,.22),transparent 60%),linear-gradient(200deg,var(--petrol-deep),var(--petrol) 55%,#0E4A50);color:#EAF6F3;padding:88px 0 96px}.blog-art .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin-bottom:20px}.blog-art .eyebrow:before{content:"";width:26px;height:2px;background:var(--mint)}.blog-art header.hero h1{font-size:clamp(30px,4.6vw,48px);margin:0 0 20px;color:#fff;font-weight:800;letter-spacing:-.02em}.blog-art header.hero p.lede{font-size:19px;max-width:660px;color:#C8E4DE;margin:0 0 26px}.blog-art .meta{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#8FC7BE;font-weight:600}.blog-art article{padding:72px 0}.blog-art article h2{font-size:clamp(23px,3vw,30px);margin:60px 0 18px;position:relative;padding-left:18px}.blog-art article h2:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:4px;background:linear-gradient(var(--teal),var(--mint))}.blog-art article h3{font-size:19px;margin:34px 0 10px;color:var(--petrol)}.blog-art article p{margin:0 0 18px;color:#243043}.blog-art article strong{color:var(--petrol-deep)}.blog-art .dropcap:first-letter{font-family:var(--font-sora),sans-serif;font-size:56px;line-height:.9;font-weight:800;color:var(--teal);float:left;padding:6px 12px 0 0}.blog-art .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.blog-art .reveal.in{opacity:1;transform:none}.blog-art .arch{background:linear-gradient(180deg,#fff,var(--mint-soft));border:1px solid var(--line);border-radius:22px;padding:38px 26px;margin:44px 0}.blog-art .arch h3{margin:0 0 6px;text-align:center;font-size:20px}.blog-art .arch .sub{font-size:14px;color:var(--mist);text-align:center;margin:0 auto 28px;max-width:520px}.blog-art .split{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.blog-art .col{padding:26px 22px 22px}.blog-art .col.reg{background:#F8FAFC}.blog-art .col.med{background:linear-gradient(180deg,#F0FDFA,#E6FBF6)}.blog-art .col h4{font-family:var(--font-sora),sans-serif;margin:0 0 4px;font-size:16px;color:var(--petrol-deep);display:flex;align-items:center;gap:8px}.blog-art .col .role{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;display:block}.blog-art .col.reg .role{color:#94A3B8}.blog-art .col.med .role{color:var(--teal)}.blog-art .chip{display:block;background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 14px;font-size:13.5px;font-weight:600;color:var(--slate);margin-bottom:10px;opacity:0;transform:translateX(-14px);transition:all .55s ease}.blog-art .col.med .chip{border-color:#99F6E4;transform:translateX(14px)}.blog-art .arch.in .chip{opacity:1;transform:none}.blog-art .chip:nth-child(3){transition-delay:.1s}.blog-art .chip:nth-child(4){transition-delay:.2s}.blog-art .chip:nth-child(5){transition-delay:.3s}.blog-art .chip:nth-child(6){transition-delay:.4s}.blog-art .chip:nth-child(7){transition-delay:.5s}.blog-art .divider{position:absolute;left:50%;top:0;bottom:0;width:2px;background:repeating-linear-gradient(180deg,var(--teal) 0 8px,transparent 8px 16px);transform:translateX(-50%);opacity:.5}.blog-art .vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--petrol-deep);color:var(--mint);font-family:var(--font-sora),sans-serif;font-weight:800;font-size:13px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 18px rgba(6,42,48,.35);z-index:2;animation:vsPulse 2.6s ease-in-out infinite}@keyframes vsPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.blog-art .comp-layer{margin-top:0;background:var(--amber-soft);border-radius:0 0 16px 16px;border:1px solid #fde68a;border-top:none;padding:14px 20px;display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:600;color:#78350F}.blog-art .comp-layer .scan{flex:none;width:26px;height:26px;border-radius:8px;background:var(--amber);position:relative;overflow:hidden}.blog-art .comp-layer .scan:after{content:"";position:absolute;left:0;right:0;height:3px;background:#FDE68A;animation:scanline 1.8s linear infinite}@keyframes scanline{0%{top:-3px}to{top:26px}}@media(max-width:680px){.blog-art .split{grid-template-columns:1fr}.blog-art .divider,.blog-art .vs{display:none}}.blog-art table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14.5px;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.blog-art th{background:var(--petrol-deep);color:#CFF5EE;font-family:var(--font-sora),sans-serif;font-size:13px;text-align:left;padding:13px 16px;letter-spacing:.04em}.blog-art td{padding:12px 16px;border-top:1px solid var(--line);color:#243043;vertical-align:top}.blog-art td:first-child{font-weight:700;color:var(--petrol);width:26%}.blog-art tr:nth-child(2n) td{background:#FBFDFC}.blog-art .callout{border:1px solid #99f6e4;background:var(--mint-soft);border-radius:16px;padding:22px 24px;margin:30px 0;display:flex;gap:14px}.blog-art .callout p{margin:0;font-size:15.5px}.blog-art details{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:12px;overflow:hidden}.blog-art summary{cursor:pointer;padding:18px 22px;font-weight:700;font-family:var(--font-sora),sans-serif;font-size:15.5px;color:var(--petrol-deep);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.blog-art summary::-webkit-details-marker{display:none}.blog-art summary:after{content:"+";font-size:22px;color:var(--teal);transition:transform .3s;flex:none}.blog-art details[open] summary:after{transform:rotate(45deg)}.blog-art details p{padding:0 22px 18px;margin:0;font-size:15.5px;color:var(--slate)}.blog-art .cta{background:linear-gradient(140deg,var(--petrol-deep),var(--petrol) 60%,#0E4A50);border-radius:26px;color:#fff;padding:54px 40px;text-align:center;margin:70px 0 40px;position:relative;overflow:hidden}.blog-art .cta:before{content:"";position:absolute;inset:0;background:radial-gradient(500px 220px at 15% 0,rgba(20,184,166,.35),transparent 70%)}.blog-art .cta h2{color:#fff;margin:0 0 12px;font-size:clamp(24px,3.4vw,32px);position:relative}.blog-art .cta p{color:#BFE0DA;max-width:560px;margin:0 auto 26px;position:relative}.blog-art .btn{display:inline-block;background:var(--teal-soft);color:#04241F;font-weight:700;font-family:var(--font-sora),sans-serif;padding:15px 30px;border-radius:12px;position:relative;transition:transform .25s,box-shadow .25s}.blog-art .btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(13,148,136,.4)}@media (prefers-reduced-motion:reduce){.blog-art .comp-layer .scan:after,.blog-art .vs{animation:none}.blog-art .chip,.blog-art .reveal{opacity:1;transform:none;transition:none}}.blog-art{display:block}