@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&family=Share+Tech+Mono&family=Oswald:wght@400;600&family=Bebas+Neue&family=Inter:wght@300;400;500&display=swap";
:root{--body-base:#111;--body-raised:#1c1c1c;--body-grip:#0d0d0d;--body-chrome:#3a3a3a;--metal-dark:#1a1a1a;--metal-mid:#242424;--metal-light:#2e2e2e;--metal-shine:#404040;--metal-shadow:#0a0a0a;--brushed-h:linear-gradient(180deg, #1e1e1e 0%, #2a2a2a 20%, #1f1f1f 40%, #262626 60%, #1c1c1c 80%, #222 100%);--brushed-v:linear-gradient(90deg, #181818 0%, #2c2c2c 30%, #1e1e1e 50%, #282828 70%, #1a1a1a 100%);--engrave-shadow:#0a0a0a;--engrave-shine:#3a3a3a;--accent:#e8a020;--accent-dim:#7a4a00;--accent-glow:#e8a02026;--lcd-bg:#0a0f0a;--lcd-text:#a8ff60;--lcd-dim:#3a6020;--warning:#c20;--bezel-outer:#141414;--bezel-inner:#0a0a0a;--bezel-chrome:#2a2a2a;--bg-primary:#0d0d0d;--font-ui:"Rajdhani", sans-serif;--font-mono:"Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{color:#e5e5e5;font-family:var(--font-ui);background:#080808}body:has(.camera-shell){width:100vw;height:100dvh;overflow:hidden}.camera-shell{width:100vw;height:100dvh}.camera-body{background:#111;flex-direction:column;height:100%;display:flex;overflow:hidden}@media (min-width:640px){body:has(.camera-shell){background:#060606;flex-direction:column;align-items:center;width:auto;height:auto;padding:48px 20px 80px;display:flex;overflow:hidden auto}.camera-shell{border-radius:20px;flex-shrink:0;width:440px;height:760px;overflow:hidden;box-shadow:0 0 0 1px #1e1e1e,0 0 0 3px #080808,0 32px 100px #000000f2,0 8px 24px #000000b3}.camera-body{border-radius:20px;height:760px}}.seo-section{display:none}.landing-root .seo-section{width:100%;max-width:680px;margin-top:56px;display:block}@media (min-width:640px){.seo-section{width:100%;max-width:680px;margin-top:72px;display:block}.seo-section h1{font-family:var(--font-ui);color:#e0e0e0;letter-spacing:1px;margin-bottom:10px;font-size:24px;font-weight:700}.seo-lead{color:#666;border-left:2px solid #1a1a1a;margin-bottom:52px;padding-left:16px;font-family:Georgia,serif;font-size:14px;line-height:1.8}.seo-h2{font-family:var(--font-ui);color:var(--accent);letter-spacing:1px;align-items:center;gap:12px;margin-top:52px;margin-bottom:12px;font-size:18px;font-weight:700;display:flex}.seo-h2:after{content:"";background:#181818;flex:1;height:1px}.seo-p{color:#888;margin-bottom:12px;font-family:Georgia,serif;font-size:13.5px;line-height:1.82}.seo-p strong{color:#ccc;font-style:normal}.seo-example{font-family:var(--font-mono);color:#555;background:#0a0a0a;border:1px solid #161616;border-left:3px solid #252525;border-radius:4px;margin:18px 0 28px;padding:14px 18px;font-size:11px;line-height:2}.seo-label{color:var(--accent);width:120px;display:inline-block}.seo-val{color:#6a9bba}.seo-note{color:#444;font-size:10px}.seo-triangle{grid-template-columns:1fr 1fr 1fr;gap:10px;margin:24px 0 40px;display:grid}.seo-tri-card{text-align:center;background:#0a0a0a;border:1px solid #181818;border-radius:6px;padding:16px 12px}.seo-tri-icon{margin-bottom:8px;font-size:24px;display:block}.seo-tri-name{font-family:var(--font-ui);color:#ccc;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.seo-tri-desc{font-family:var(--font-mono);color:#444;font-size:9.5px;line-height:1.7}.seo-footer{font-family:var(--font-mono);color:#2a2a2a;text-align:center;letter-spacing:2px;text-transform:uppercase;border-top:1px solid #111;margin-top:64px;padding-top:24px;font-size:9px}}.landing-root{background:#080808;flex-direction:column;align-items:center;min-height:100dvh;padding:80px 24px 48px;display:flex;position:relative;overflow-x:hidden}.landing-root:before{content:"";pointer-events:none;background:radial-gradient(#e8a02012 0%,#0000 65%);width:600px;height:600px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.landing-grain{pointer-events:none;z-index:0;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.landing-header{z-index:1;align-items:center;gap:10px;display:flex;position:absolute;top:24px;left:24px;right:24px}.landing-logo-mark{border:2px solid var(--accent);width:22px;height:22px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:6px;line-height:1;display:flex}.landing-logo-text{letter-spacing:4px;color:#555;font-family:Bebas Neue,Oswald,sans-serif;font-size:15px}.landing-blog-link{letter-spacing:2px;color:#888;text-transform:uppercase;margin-left:auto;font-family:Share Tech Mono,monospace;font-size:10px;text-decoration:none;transition:color .15s}.landing-blog-link:hover{color:var(--accent)}.landing-hero{text-align:center;z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:24px 0 0;display:flex}.landing-badge{letter-spacing:3px;color:var(--accent);border:1px solid var(--accent-dim);background:#e8a0200d;border-radius:2px;margin-bottom:28px;padding:5px 12px;font-family:Share Tech Mono,monospace;font-size:10px}.landing-h1{letter-spacing:-1px;flex-direction:column;align-items:center;gap:0;margin-bottom:24px;font-size:clamp(56px,18vw,120px);line-height:.92;display:flex}.landing-h1-thin{color:#383838;letter-spacing:10px;text-transform:uppercase;margin-bottom:4px;font-family:Inter,Rajdhani,sans-serif;font-size:.52em;font-weight:300;display:block}.landing-h1-bold{color:#e8e8e8;letter-spacing:2px;font-family:Bebas Neue,Oswald,sans-serif;font-weight:400;display:block}.landing-sub{color:#4a4a4a;max-width:480px;margin-bottom:36px;font-family:Inter,sans-serif;font-size:clamp(13px,3.5vw,17px);font-weight:300;line-height:1.7}.landing-br{display:none}@media (min-width:480px){.landing-br{display:inline}}.landing-cta{margin-bottom:16px;text-decoration:none;display:inline-block}.landing-cta-inner{background:var(--accent);color:#0d0d0d;letter-spacing:3px;border-radius:3px;align-items:center;gap:12px;padding:15px 36px;font-family:Bebas Neue,Oswald,sans-serif;font-size:18px;transition:background .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 0 32px #e8a02040,0 2px 8px #0009}.landing-cta:hover .landing-cta-inner{background:#f0b030;transform:translateY(-1px);box-shadow:0 0 48px #e8a02066,0 4px 16px #000000b3}.landing-cta:active .landing-cta-inner{transform:translateY(0)}.landing-cta-icon{opacity:.7;font-size:12px}.landing-hint{letter-spacing:2px;color:#2a2a2a;text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:10px}.landing-features{z-index:1;background:#0c0c0c;border:1px solid #161616;border-radius:6px;align-items:center;gap:0;width:100%;max-width:400px;margin-top:48px;display:flex;overflow:hidden}.landing-feat{flex-direction:column;flex:1;align-items:center;gap:5px;padding:18px 0;display:flex}.landing-feat-div{background:#1a1a1a;flex-shrink:0;width:1px;height:44px}.landing-feat-icon{color:var(--accent);font-size:18px;line-height:1}.landing-feat-label{letter-spacing:2px;color:#ccc;font-family:Bebas Neue,Oswald,sans-serif;font-size:14px}.landing-feat-desc{letter-spacing:1px;color:#333;text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:9px}.landing-footer{letter-spacing:2px;color:#1e1e1e;text-transform:uppercase;z-index:1;text-align:center;margin-top:40px;font-family:Share Tech Mono,monospace;font-size:9px}.blog-root{color:#e0e0e0;background:#080808;flex-direction:column;min-height:100dvh;font-family:Inter,Rajdhani,sans-serif;display:flex}.blog-site-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080808eb;border-bottom:1px solid #161616;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.blog-logo{letter-spacing:4px;color:#555;align-items:center;gap:10px;font-family:Bebas Neue,Oswald,sans-serif;font-size:15px;text-decoration:none;transition:color .15s;display:flex}.blog-logo:hover{color:var(--accent)}.blog-logo-dot{color:var(--accent);font-size:10px}.blog-nav{gap:24px;display:flex}.blog-nav-link{letter-spacing:2px;color:#444;text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:11px;text-decoration:none;transition:color .15s}.blog-nav-link:hover,.blog-nav-active{color:var(--accent)}.blog-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:60px 24px 80px}.blog-hero{text-align:center;margin-bottom:72px}.blog-hero-badge{letter-spacing:3px;color:var(--accent);border:1px solid var(--accent-dim);background:#e8a0200d;border-radius:2px;margin-bottom:24px;padding:5px 14px;font-family:Share Tech Mono,monospace;font-size:10px;display:inline-block}.blog-hero-title{letter-spacing:2px;color:#e8e8e8;margin-bottom:16px;font-family:Bebas Neue,Oswald,sans-serif;font-size:clamp(40px,8vw,72px)}.blog-hero-sub{color:#484848;max-width:480px;margin:0 auto;font-family:Inter,sans-serif;font-size:16px;font-weight:300;line-height:1.7}.blog-section{margin-bottom:64px}.blog-section-title{letter-spacing:3px;color:var(--accent);align-items:center;gap:12px;margin-bottom:28px;font-family:Bebas Neue,Oswald,sans-serif;font-size:20px;display:flex}.blog-section-title:after{content:"";background:#161616;flex:1;height:1px}.blog-section-icon{font-size:18px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.blog-card{cursor:pointer;background:#0c0c0c;border:1px solid #161616;border-radius:8px;flex-direction:column;padding:28px 24px 20px;text-decoration:none;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex}.blog-card:hover{border-color:#2a2a2a;transform:translateY(-2px);box-shadow:0 8px 32px #00000080}.blog-card-badge{letter-spacing:2px;text-transform:uppercase;border-radius:2px;width:fit-content;margin-bottom:14px;padding:3px 10px;font-family:Share Tech Mono,monospace;font-size:9px;display:inline-block}.badge-photo{color:var(--accent);border:1px solid var(--accent-dim);background:#e8a0201a}.badge-dev{color:#64b5f6;background:#64b5f614;border:1px solid #64b5f633}.blog-card-title{color:#d0d0d0;flex:1;margin-bottom:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;line-height:1.5}.blog-card-desc{color:#484848;margin-bottom:16px;font-family:Inter,sans-serif;font-size:13px;font-weight:300;line-height:1.65}.blog-card-meta{color:#2e2e2e;gap:12px;margin-bottom:14px;font-family:Share Tech Mono,monospace;font-size:10px;display:flex}.blog-card-cta{letter-spacing:1px;color:var(--accent);opacity:0;font-family:Share Tech Mono,monospace;font-size:10px;transition:opacity .15s}.blog-card:hover .blog-card-cta{opacity:1}.blog-footer{text-align:center;border-top:1px solid #0f0f0f;flex-direction:column;align-items:center;gap:10px;padding:32px 24px;display:flex}.blog-footer-logo{letter-spacing:4px;color:#2a2a2a;font-family:Bebas Neue,Oswald,sans-serif;font-size:13px;text-decoration:none;transition:color .15s}.blog-footer-logo:hover{color:var(--accent)}.blog-footer-copy{letter-spacing:2px;color:#1e1e1e;text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:9px}.post-main{flex:1;width:100%;max-width:740px;margin:0 auto;padding:40px 24px 80px}.post-breadcrumb{letter-spacing:1px;color:#333;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:32px;font-family:Share Tech Mono,monospace;font-size:10px;display:flex}.post-breadcrumb a{color:#444;text-decoration:none;transition:color .15s}.post-breadcrumb a:hover{color:var(--accent)}.post-header{margin-bottom:40px}.post-title{color:#e8e8e8;letter-spacing:-.3px;margin-bottom:16px;font-family:Inter,sans-serif;font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.25}.post-meta{color:#333;align-items:center;gap:10px;font-family:Share Tech Mono,monospace;font-size:11px;display:flex}.post-meta-dot{color:#222}.post-body{margin-bottom:56px}.post-h2{letter-spacing:2px;color:var(--accent);border-bottom:1px solid #141414;margin:48px 0 16px;padding-bottom:10px;font-family:Bebas Neue,Oswald,sans-serif;font-size:22px}.post-h3{color:#ccc;margin:32px 0 12px;font-family:Inter,sans-serif;font-size:17px;font-weight:600}.post-p{color:#686868;margin-bottom:18px;font-family:Inter,sans-serif;font-size:15px;font-weight:300;line-height:1.85}.post-ul{flex-direction:column;gap:10px;margin:0 0 20px;padding-left:0;list-style:none;display:flex}.post-li{color:#606060;padding-left:20px;font-family:Inter,sans-serif;font-size:14.5px;font-weight:300;line-height:1.7;position:relative}.post-li:before{content:"▸";color:var(--accent);font-size:10px;position:absolute;top:4px;left:0}.post-code-wrap{border:1px solid #161616;border-left:3px solid var(--accent-dim);background:#080808;border-radius:6px;margin:20px 0 28px;overflow:hidden}.post-code-lang{letter-spacing:2px;color:var(--accent);text-transform:uppercase;background:#0a0a0a;border-bottom:1px solid #111;padding:8px 16px;font-family:Share Tech Mono,monospace;font-size:10px}.post-code{color:#7cb8e8;white-space:pre;margin:0;padding:20px;font-family:Share Tech Mono,monospace;font-size:12.5px;line-height:1.8;overflow-x:auto}.post-table-wrap{border:1px solid #161616;border-radius:6px;margin:20px 0 28px;overflow-x:auto}.post-table{border-collapse:collapse;width:100%;font-family:Inter,sans-serif;font-size:13.5px}.post-table th{color:var(--accent);letter-spacing:2px;text-transform:uppercase;text-align:left;background:#0d0d0d;border-bottom:1px solid #1a1a1a;padding:12px 16px;font-family:Share Tech Mono,monospace;font-size:10px}.post-table td{color:#686868;border-bottom:1px solid #0f0f0f;padding:11px 16px;font-weight:300;line-height:1.5}.post-table tr:last-child td{border-bottom:none}.post-table tr:nth-child(2n) td{background:#ffffff03}.post-table td:first-child{color:#64b5f6;font-family:Share Tech Mono,monospace;font-size:12px}.post-callout{border:1px solid #e8a02026;border-left:3px solid var(--accent);color:#888;background:#e8a0200f;border-radius:4px;margin:24px 0 32px;padding:18px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:300;line-height:1.7}.post-cta-box{text-align:center;background:#0c0c0c;border:1px solid #1a1a1a;border-radius:8px;margin-bottom:64px;padding:36px 32px}.post-cta-label{letter-spacing:3px;color:var(--accent);text-transform:uppercase;margin-bottom:14px;font-family:Share Tech Mono,monospace;font-size:10px}.post-cta-text{color:#484848;max-width:400px;margin:0 auto 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:300;line-height:1.7}.post-cta-btn{background:var(--accent);color:#0d0d0d;letter-spacing:3px;border-radius:3px;padding:14px 32px;font-family:Bebas Neue,Oswald,sans-serif;font-size:16px;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-block;box-shadow:0 0 24px #e8a02033}.post-cta-btn:hover{background:#f0b030;box-shadow:0 0 40px #e8a02059}.post-more{margin-top:8px}@keyframes rec-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes lcd-flash{0%{color:#a8ff60}40%{color:#e8a020}to{color:#a8ff60}}