:root{--color-accent-dt:#00e5a0}.blog-wrapper{max-width:800px;padding:0 var(--space-6);margin:0 auto}#blog-hero{padding:calc(var(--space-16) + 40px)0 var(--space-12);position:relative;overflow:hidden}#blog-hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#00e5a012 0%,#0000 70%);position:absolute;inset:0}.blog-hero__eyebrow{align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-accent-dt);margin-bottom:var(--space-5);display:inline-flex}.blog-hero__eyebrow-dot{border-radius:var(--radius-full);background-color:var(--color-accent-dt);width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.blog-hero__title{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,var(--text-5xl));font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:var(--space-6)}.blog-hero__title em{background:linear-gradient(90deg,var(--color-accent-dt),var(--color-brand-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.blog-hero__lead{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:640px;margin-bottom:var(--space-8)}.blog-hero__meta{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.blog-hero__meta-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.blog-hero__meta-item svg{opacity:.6}.blog-hero__divider{background:var(--color-border-default);width:100%;height:1px;margin:var(--space-10)0}#blog-content{padding-bottom:var(--space-20)}.blog-content__body h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);color:var(--color-text-primary);margin-top:var(--space-12);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:var(--border-width-thin)solid var(--color-border-subtle)}.blog-content__body h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-top:var(--space-8);margin-bottom:var(--space-4)}.blog-content__body p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.blog-content__body strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.blog-content__body ul,.blog-content__body ol{padding-left:var(--space-6);margin-bottom:var(--space-5)}.blog-content__body li{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.callout{border-left:3px solid var(--color-accent-dt);border-radius:0 var(--radius-lg)var(--radius-lg)0;padding:var(--space-6)var(--space-8);margin:var(--space-8)0;background:linear-gradient(135deg,#00e5a00f 0%,#1a479326 100%)}.callout__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-accent-dt);margin-bottom:var(--space-3)}.callout__text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin:0}.callout--warning{border-left-color:var(--color-warning);background:linear-gradient(135deg,#f59e0b0f 0%,#1a47931f 100%)}.callout--warning .callout__label{color:var(--color-warning)}.methods-compare{gap:var(--space-4);margin:var(--space-8)0;grid-template-columns:repeat(3,1fr);display:grid}.method-col{border-radius:var(--radius-xl);border:var(--border-width-thin)solid var(--color-border-default);transition:var(--transition-default);overflow:hidden}.method-col:hover{box-shadow:var(--shadow-card);border-color:var(--color-border-strong);transform:translateY(-3px)}.method-col__header{padding:var(--space-6)var(--space-5);text-align:center;border-bottom:var(--border-width-thin)solid var(--color-border-subtle);position:relative}.method-col--qr .method-col__header{background:#00e5a014}.method-col--nfc .method-col__header{background:#3b82f614}.method-col--wp .method-col__header{background:#25d36614}.method-col__emoji{font-size:var(--text-3xl);margin-bottom:var(--space-3);line-height:1;display:block}.method-col__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.method-col--qr .method-col__name{color:var(--color-accent-dt)}.method-col--nfc .method-col__name{color:var(--color-brand-light)}.method-col--wp .method-col__name{color:var(--color-success)}.method-col__tagline{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}.method-col__body{padding:var(--space-5)}.method-col__row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3)0;border-bottom:var(--border-width-thin)solid var(--color-border-subtle);font-size:var(--text-sm);display:flex}.method-col__row:last-child{border-bottom:none}.method-col__row-label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;flex-shrink:0;padding-top:2px}.method-col__row-val{color:var(--color-text-secondary);text-align:right;line-height:var(--leading-snug)}.badge{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-full);letter-spacing:var(--tracking-wide);display:inline-block}.badge--green{color:var(--color-accent-dt);background:#00e5a026}.badge--blue{color:var(--color-brand-light);background:#3b82f626}.badge--yellow{color:var(--color-warning);background:#f59e0b26}.badge--gray{color:var(--color-text-muted);background:#b4b7d91a}.steps-list{margin:var(--space-6)0 var(--space-8);gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.steps-list__item{gap:var(--space-5);background:var(--color-bg-subtle);border:var(--border-width-thin)solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)var(--space-6);transition:var(--transition-default);align-items:flex-start;display:flex}.steps-list__item:hover{border-color:var(--color-border-default);background:#1a479333;transform:translate(4px)}.steps-list__number{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent-dt),#00e5a080);width:32px;height:32px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.steps-list__text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.steps-list__text strong{color:var(--color-text-primary);margin-bottom:var(--space-1);display:block}.case-real{border:var(--border-width-thin)solid #f59e0b40;border-radius:var(--radius-xl);margin:var(--space-8)0;background:#f59e0b0a;overflow:hidden}.case-real__header{padding:var(--space-5)var(--space-6);align-items:center;gap:var(--space-3);border-bottom:var(--border-width-thin)solid #f59e0b26;display:flex}.case-real__badge{font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-warning);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);background:#f59e0b1f}.case-real__title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.case-real__body{padding:var(--space-6)}.case-real__body p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.case-real__body p:last-child{margin-bottom:0}.context-table{border-collapse:collapse;width:100%;margin:var(--space-8)0;font-size:var(--text-sm)}.context-table th{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-3)var(--space-4);text-align:left;border-bottom:var(--border-width-thin)solid var(--color-border-default)}.context-table td{padding:var(--space-4);border-bottom:var(--border-width-thin)solid var(--color-border-subtle);color:var(--color-text-secondary);line-height:var(--leading-relaxed);vertical-align:top}.context-table tr:last-child td{border-bottom:none}.context-table tr:hover td{background:var(--color-bg-subtle)}.context-table td:first-child{color:var(--color-text-primary);font-weight:var(--font-weight-medium);white-space:nowrap}#reading-progress{background:linear-gradient(90deg,var(--color-accent-dt),var(--color-brand-mid));z-index:999;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#blog-hero .blog-hero__eyebrow{animation:fade-up .5s var(--ease-out).1s both}#blog-hero .blog-hero__title{animation:fade-up .5s var(--ease-out).2s both}#blog-hero .blog-hero__lead{animation:fade-up .5s var(--ease-out).3s both}#blog-hero .blog-hero__meta{animation:fade-up .5s var(--ease-out).4s both}@media (max-width:768px){.blog-wrapper{padding:0 var(--space-4)}#blog-hero{padding:calc(var(--space-10) + 40px)0 var(--space-8)}.methods-compare{grid-template-columns:1fr}.context-table{font-size:var(--text-xs)}.context-table td,.context-table th{padding:var(--space-3)}}@media (max-width:480px){.blog-hero__meta{gap:var(--space-3);flex-direction:column;align-items:flex-start}.context-table td:first-child{white-space:normal}}