.page-header{text-align:center;background:linear-gradient(180deg,var(--background)0%,var(--background-warm)100%);padding:60px 0 32px;position:relative;overflow:hidden}.page-header:before{content:"";pointer-events:none;background:radial-gradient(#2f594008 0%,#0000 70%);width:40%;height:200%;position:absolute;top:-50%;left:-10%}.page-header:after{content:"";pointer-events:none;background:radial-gradient(#d4965a0d 0%,#0000 70%);width:50%;height:200%;position:absolute;bottom:-50%;right:-10%}.page-header h1{color:var(--primary);letter-spacing:-1.2px;margin-bottom:12px;font-size:42px;font-weight:700;position:relative}.page-header p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:17px;font-weight:400;line-height:1.6;position:relative}.blog-section{padding:80px 0 120px}.blog-section .container{max-width:800px;margin:0 auto;padding:0 24px}.blog-post{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #2f594014;margin-bottom:32px;transition:all .3s;overflow:hidden}.blog-post:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blog-post-header{background:linear-gradient(135deg,var(--primary-dark)0%,var(--primary)100%);padding:56px 48px;position:relative;overflow:hidden}.blog-post-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5 L35 15 L30 25 L25 15 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");position:absolute;inset:0}.blog-post-header.announcement,.blog-post-header.gradient-header,.blog-post-header.header-gradient{background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)50%,var(--accent)100%)}.blog-post-header.header-bold{background:var(--primary-dark);padding:72px 48px}.blog-post-header.header-bold h2{letter-spacing:-1.5px;font-size:44px;font-weight:800}.blog-post-header.header-minimal{background:var(--card-bg);border-bottom:3px solid var(--primary);padding:40px 48px}.blog-post-header.header-minimal:before{display:none}.blog-post-header.header-minimal h2{color:var(--primary);font-size:32px;font-weight:600}.blog-post-header.header-minimal .post-meta{color:var(--text-secondary)}.blog-post-header.header-minimal .post-badge{color:var(--primary);background:#2f59401a}.blog-post-header.header-accent{background:linear-gradient(135deg,var(--accent)0%,var(--accent-light)100%)}.blog-post-header.header-accent h2{font-size:38px}.post-badge{color:#fff;letter-spacing:.3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:100px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.post-badge svg{width:14px;height:14px}.blog-post-header h2{color:#fff;letter-spacing:-1px;margin-bottom:14px;font-size:36px;font-weight:700;line-height:1.2;position:relative}.post-meta{color:#fffc;align-items:center;gap:16px;font-size:14px;display:flex;position:relative}.post-meta span{align-items:center;gap:6px;display:flex}.post-meta svg{opacity:.8;width:16px;height:16px}.blog-post-image{border-radius:0;width:100%;margin-bottom:0;overflow:hidden}.blog-post-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;max-height:500px;display:block}.blog-post-content{padding:48px}.blog-post-content p{color:var(--text);margin-bottom:20px;font-size:16px;font-weight:400;line-height:1.8}.blog-post-content p:last-child{margin-bottom:0}.blog-post-content h2{color:var(--primary);letter-spacing:-.5px;margin:32px 0 16px;font-size:26px;font-weight:700;line-height:1.3}.blog-post-content h2:first-child{margin-top:0}.blog-post-content h3{color:var(--primary);letter-spacing:-.3px;margin:28px 0 14px;font-size:20px;font-weight:600;line-height:1.4}.blog-post-content h3:first-child{margin-top:0}.blog-post-content ul{margin:20px 0;padding-left:0;list-style:none}.blog-post-content ul li{color:var(--text);margin-bottom:12px;padding-left:28px;font-size:16px;line-height:1.8;position:relative}.blog-post-content ul li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:0}.blog-post-content a{color:var(--primary);text-underline-offset:3px;font-weight:500;text-decoration:underline;transition:color .2s}.blog-post-content a:hover{color:var(--primary-light)}.blog-post-content blockquote{border-left:4px solid var(--primary);color:var(--text);background:linear-gradient(135deg,#2f594014,#4a7c590d);border-radius:0 12px 12px 0;margin:24px 0;padding:20px 24px;font-size:16px;font-style:italic;line-height:1.8}.blog-post-content .highlight-box{background:linear-gradient(135deg,#d4965a1f,#d4965a0f);border:1px solid #d4965a33;border-radius:16px;margin:28px 0;padding:24px}.blog-post-content .highlight-box p{color:var(--text);margin-bottom:0;font-size:16px;line-height:1.8}.blog-post-content .highlight-box strong{color:var(--accent)}.blog-post-footer{background:var(--background);border-top:1px solid #2f59401f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 40px;display:flex}.post-tags{flex-wrap:wrap;gap:8px;display:flex}.post-tag{color:var(--primary);background:#2f59401a;border-radius:100px;padding:6px 12px;font-size:13px;font-weight:500}.blog-post-actions{align-items:center;gap:12px;display:flex}.back-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.back-link:hover{color:var(--primary);background:var(--background-warm)}.blog-cta{background:var(--card-bg);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-md);border:1px solid #2f594014;padding:40px}.blog-cta h3{color:var(--primary);margin-bottom:12px;font-size:24px;font-weight:700}.blog-cta p{color:var(--text-secondary);margin-bottom:24px;font-size:16px}.blog-cta .app-store-btn{transition:all .3s;display:inline-block}.blog-cta .app-store-btn:hover{transform:translateY(-3px)}.blog-cta .app-store-btn img{height:50px}.image-block{justify-content:center;align-items:center;margin:32px 0;display:flex}.image-block.image-single{max-width:100%}.image-block.image-single img{border-radius:12px;max-width:100%;height:auto;box-shadow:0 4px 12px #0000001a}.iphone-frame{background:linear-gradient(145deg,#2a2a2a,#1f1f1f);border-radius:24px;flex-shrink:0;width:200px;padding:6px;box-shadow:0 0 0 1px #ffffff1a,0 8px 24px #0003,inset 0 1px #ffffff0d}.iphone-screen{background:#000;border-radius:20px;position:relative;overflow:hidden}.iphone-screen img{width:100%;height:auto;display:block}.screenshots-container{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:20px;display:flex}.iphone-screenshot-container{justify-content:center;margin:24px 0;display:flex}.iphone-screenshot-comparison{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:20px;margin:24px 0;display:flex}.text-accent{color:var(--accent)}.text-primary{color:var(--primary)}.text-large{font-size:1.25em}.text-small{font-size:.875em}@media (max-width:768px){.page-header{padding:60px 0 48px}.page-header h1{font-size:36px}.blog-post-header{padding:32px 24px}.blog-post-header h2{font-size:24px}.post-meta{flex-direction:column;align-items:flex-start;gap:8px}.blog-post-content{padding:28px 24px}.blog-post-footer{flex-direction:column;align-items:flex-start;padding:20px 24px}.blog-cta{padding:32px 24px}.screenshots-container{flex-direction:column;align-items:center;gap:16px}.iphone-frame{width:160px}.image-block{margin:24px 0}}.read-more-link:hover{background:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #2f59404d;color:#fff!important}.back-link-prominent{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:24px;padding:0;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.back-link-prominent:hover{color:var(--primary)}.back-link-prominent svg{flex-shrink:0;width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px;transition:transform .2s}.back-link-prominent:hover svg{transform:translate(-2px)}