:root{--primary: #1e62c8;--primary-dark: #1751a8;--accent: #1e62c8;--accent-dark: #1751a8;--accent-glow: rgba(30, 98, 200, .28);--blue: var(--blue);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--btn-radius: 12px;--btn-pad-sm: 10px 22px;--btn-pad-md: 14px 32px;--shadow-btn: 0 4px 16px var(--accent-glow);--shadow-btn-hover: 0 8px 24px var(--accent-glow);--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--bg-color: #f7f9fb;--text-main: #3d4852;--text-light: #8795a1;--card-bg: #ffffff;--border-color: #e3e8ee;--success: #48c774;--error: #f14668;--rx-navy-900: #071734;--rx-navy-800: #0a1733;--rx-navy-700: #0c2a63;--rx-navy-600: #163a82;--rx-blue: #2f6fe0;--rx-blue-600: #2356b8;--rx-blue-400: #3b7be8;--rx-blue-300: #5b9dff;--rx-ink: #15264f;--rx-ink-2: #16357f;--rx-muted: #5b6b8c;--rx-muted-2: #8493b3;--rx-green: #15b87a;--rx-green-600: #0c9d6a;--rx-surface: #ffffff;--rx-soft: #f5f8fe;--rx-soft-2: #eef4fd;--rx-border: #e6ecf7;--rx-radius: 18px;--rx-radius-sm: 14px;--rx-grad-action: linear-gradient(135deg, var(--rx-blue-400), var(--rx-blue-600));--rx-grad-hero: linear-gradient(180deg, #071734 0%, #0c2a63 34%, #1a4796 64%, #9db8e6 90%, #eef3fb 100%);--rx-grad-band: linear-gradient(135deg, #0a1d4a, #163a82);--rx-shadow-card: 0 10px 34px rgba(8, 28, 70, .08);--rx-shadow-pop: 0 24px 60px rgba(8, 24, 60, .18);--rx-font-display:"Poppins", system-ui, sans-serif;--rx-font-body: "Plus Jakarta Sans", system-ui, sans-serif}@keyframes spin{to{transform:rotate(360deg)}}.hero{min-height:580px}.features-section,.how-it-works-section,.faq-section,.pricing-section{contain:layout}img{max-width:100%;height:auto;display:block}.upload-zone{will-change:transform;contain:layout style}.feature-card,.persona-card,.step-card{contain:layout style}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--rx-font-body);background-color:var(--rx-surface);color:var(--rx-ink);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 40px;background:var(--rx-navy-800);border-bottom:1px solid rgba(255,255,255,.08)}.navbar--overlay{position:absolute;top:0;left:0;right:0;padding:26px 40px;background:transparent;border-bottom:none}.nav-menu{display:flex;gap:34px;align-items:center}.nav-link{color:#ffffffd9;text-decoration:none;font-weight:500;font-size:.97rem;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{display:none}.nav-btn{font-family:var(--rx-font-body);background:#ffffff1f;border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;padding:10px 26px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.95rem;transition:background .2s;box-shadow:none}.nav-btn:hover{background:#ffffff3d;transform:none;box-shadow:none}.brand{font-family:var(--rx-font-display);font-size:1.6rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.5px}.brand:hover{transform:none;color:#fff}.profile-dropdown-container{position:relative}.profile-button{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-color);padding:6px 12px 6px 6px;border-radius:24px;cursor:pointer;transition:all .2s;font-size:.9rem;color:var(--text-main);font-weight:500}.profile-button:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000014}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#48c774 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.profile-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{transition:transform .2s;color:var(--text-light)}.dropdown-icon.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:180px;padding:8px;animation:dropdownFadeIn .2s ease-out;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text-main);font-size:.9rem;font-weight:500;transition:all .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.dropdown-item:hover{background:var(--bg-color);color:var(--primary)}.dropdown-item.logout{color:var(--error);border-top:1px solid var(--border-color);margin-top:4px;padding-top:12px}.dropdown-item.logout:hover{background:#fff5f5;color:var(--error)}.logo-icon{font-size:1.8rem}.hero{background-color:#0a1628;background-image:linear-gradient(to right,#06102afa,#06102af0 28%,#06102a99 52%,#06102a2e 72%,#06102a00 88%),url(/hero-bg.png);background-size:cover;background-position:right top;background-repeat:no-repeat;min-height:580px;padding:5rem 3rem 7rem;position:relative;overflow:hidden}.hero-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;min-height:480px}.hero-left{width:52%;max-width:560px}.hero-title{font-size:3rem;font-weight:800;color:#fff;line-height:1.15;margin-bottom:1rem;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.05rem;color:#ffffffbf;margin-bottom:2rem;line-height:1.6;max-width:460px}.upload-zone{background:#ffffff12;border:2px dashed rgba(255,255,255,.45);border-radius:12px;padding:2rem 1.5rem;max-width:420px;cursor:pointer;transition:all .25s ease;position:relative;will-change:transform;contain:layout style}.upload-zone:hover{background:#ffffff1c;border-color:#ffffffb3;transform:translateY(-2px)}.upload-zone.dragover{background:#ffffff29;border-color:#fff;transform:scale(.99)}.upload-zone.global-drag-active{border-color:#fff;background:#ffffff24;animation:none}.dotted-border{border:none;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;background:none}.upload-icon{color:#fff;margin-bottom:.4rem}.drop-text{font-size:1rem;font-weight:600;color:#fff;margin-bottom:0;text-shadow:none}.upload-file-btn{background:#1e62c8;color:#fff;border:none;padding:10px 28px;border-radius:50px;font-size:.92rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:background .2s;pointer-events:none}.upload-zone:hover .upload-file-btn{background:#1751a8}.limit-text{color:#ffffff8c;font-size:.8rem;margin-top:.25rem}.format-toggles-container{display:flex}.format-toggle-checkbox-container{margin-bottom:10px}.format-toggle-checkbox-container label{display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:#ffffffe6;font-size:.88rem;font-weight:500;-webkit-user-select:none;user-select:none}.format-toggle-checkbox-container input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:17px;height:17px;border:2px solid rgba(255,255,255,.5);border-radius:4px;background:#ffffff1a;cursor:pointer;position:relative;flex-shrink:0;transition:background .15s,border-color .15s}.format-toggle-checkbox-container input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.format-toggle-checkbox-container input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:5px;height:9px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.format-toggle-checkbox-container input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hidden-input{display:none}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff3;transition:.3s;border-radius:24px;border:1px solid rgba(255,255,255,.4)}.slider-round:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider-round{background-color:var(--primary)}input:checked+.slider-round:before{transform:translate(20px)}input:disabled+.slider-round{opacity:.5;cursor:not-allowed}.results-container{max-width:680px;margin:2rem auto;padding:0 10px}.hidden{display:none}.result-item{background:#fff;border-radius:12px;padding:1.2rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000000f;animation:slideInUp .4s cubic-bezier(.16,1,.3,1);transition:all .3s;border:1px solid var(--border-color)}.result-item:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.file-info{display:flex;align-items:center;gap:1rem;flex:1}.file-icon{background:linear-gradient(135deg,#667eea,#764ba2);width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.75rem;box-shadow:0 4px 8px #667eea33}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{font-weight:600;color:var(--text-main);font-size:.95rem}.file-size{font-size:.85rem;color:var(--text-light)}.status-area{display:flex;align-items:center;gap:1.5rem}.progress-bar{width:140px;height:6px;background:#e3e8ee;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#48c774 100%);width:0%;transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:10px;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.success-badge{color:var(--success);font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:4px}.success-badge:before{content:"✓";display:inline-block;width:18px;height:18px;background:var(--success);color:#fff;border-radius:50%;font-size:12px;line-height:18px;text-align:center}.download-btn{border:none;background:var(--primary);color:#fff;text-decoration:none;font-size:.85rem;padding:.6rem 1.2rem;border-radius:8px;transition:all .2s;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00d1b233}.download-btn:disabled{opacity:.6;cursor:not-allowed}.download-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00d1b24d}.error-msg{color:var(--error);font-size:.9rem;font-weight:500}.footer{padding:64px 40px 28px;color:#ffffffb3;font-size:.9rem;margin-top:0;border-top:none;background:var(--rx-navy-800)}.footer-top{max-width:1080px;margin:0 auto 40px}.footer-brand-mark{font-family:var(--rx-font-display);font-weight:700;font-size:1.55rem;color:#fff;text-decoration:none;letter-spacing:-.5px}.footer-brand-tagline{margin-top:8px;color:#ffffff8c;font-size:.95rem;max-width:360px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:32px;max-width:1080px;margin:0 auto 40px}.footer-col{display:flex;flex-direction:column;gap:11px}.footer-col-heading{font-family:var(--rx-font-display);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:4px}.footer-col a{color:#ffffffb8;text-decoration:none;font-size:.9rem;transition:color .15s}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;max-width:1080px;margin:0 auto;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);font-size:.84rem;color:#ffffff73}.footer-bottom p{margin:0}.footer-tagline{font-size:.82rem;color:#fff6}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.footer-links a{color:var(--text-light);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--blue)}.pricing-section{padding:4rem 1rem;max-width:1000px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-header h2{font-size:2rem;color:var(--text-main);margin-bottom:.5rem;font-weight:700}.pricing-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.pricing-card{background:#fff;border-radius:16px;padding:2rem;width:300px;box-shadow:0 4px 12px #0000000f;border:2px solid var(--border-color);display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001f}.pricing-card.featured{border:2px solid var(--primary);box-shadow:0 8px 20px #00d1b226}.popular-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary) 0%,#48c774 100%);color:#fff;padding:5px 16px;border-radius:20px;font-size:.75rem;font-weight:700;box-shadow:0 4px 8px #00d1b24d}.card-header{text-align:center;margin-bottom:2rem}.card-header h3{font-size:1.5rem;margin-bottom:.8rem;font-weight:700}.price{font-size:2.8rem;font-weight:700;color:var(--text-main)}.price small{font-size:1.1rem;color:var(--text-light);font-weight:400}.features{list-style:none;margin-bottom:2rem;flex-grow:1}.features li{margin-bottom:1rem;color:var(--text-main);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.plan-btn{width:100%;padding:14px;border-radius:10px;border:2px solid var(--border-color);background:#fff;color:var(--text-main);font-weight:600;cursor:pointer;transition:all .2s;font-size:.95rem}.plan-btn:hover{background:var(--bg-color);border-color:var(--primary)}.plan-btn.primary{background:linear-gradient(135deg,var(--primary) 0%,#48c774 100%);color:#fff;border:none;box-shadow:0 4px 12px #00d1b24d}.plan-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00d1b266}.plan-btn.current{background:var(--bg-color);color:var(--text-light);cursor:default;border-color:var(--border-color)}.faq-section{padding:4rem 1rem;max-width:800px;margin:0 auto}.faq-header{text-align:center;margin-bottom:3rem}.faq-header h2{font-size:2rem;color:var(--text-main);margin-bottom:.5rem;font-weight:700}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border-radius:12px;border:1px solid var(--border-color);padding:1.5rem;cursor:pointer;transition:all .3s}.faq-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000f}.faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-main);font-size:1.05rem}.faq-answer{margin-top:1rem;color:var(--text-light);font-size:.95rem;line-height:1.7;border-top:1px solid var(--border-color);padding-top:1rem;animation:fadeInDown .3s ease-in}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-block;padding:var(--btn-pad-md);border-radius:var(--btn-radius);font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,#48c774 100%);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-btn-hover)}.btn-secondary{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.35)}.btn-secondary:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-2px)}.new-hero{background:var(--gradient-hero);padding:5rem 2rem 8rem;position:relative;overflow:hidden;color:#fff}.new-hero p,.new-hero span,.new-hero li{color:#ffffffe6}.new-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');opacity:.3}.new-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto 3rem;text-align:center}.new-hero h1{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-1px;text-shadow:0 2px 20px rgba(0,0,0,.2)}.sub-headline{font-size:1.35rem;color:#fffffff2;margin-bottom:1rem;line-height:1.6}.supporting-line{font-size:1.1rem;color:#ffffffd9;margin-bottom:2.5rem;line-height:1.6}.hero-cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-upload-area{position:relative;z-index:2;max-width:680px;margin:0 auto}.trust-signal{background:linear-gradient(to bottom,#f7f9fb,#fff);padding:3rem 2rem}.trust-container{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;padding:2rem 2.5rem;display:flex;align-items:center;gap:2rem;box-shadow:0 4px 20px #00000014;border:1px solid var(--border-color)}.trust-icon{font-size:3rem;flex-shrink:0}.trust-content h3{font-size:1.5rem;color:var(--text-main);margin-bottom:.5rem;font-weight:700}.trust-content p{color:var(--text-light);line-height:1.7;font-size:1rem}.problem-section{padding:6rem 2rem;background:#fff}.problem-section h2{font-size:2.5rem;color:var(--text-main);margin-bottom:2rem;text-align:center;font-weight:800;line-height:1.2}.problem-content{max-width:800px;margin:0 auto;text-align:center}.problem-content p{font-size:1.15rem;color:var(--text-light);margin-bottom:1.5rem;line-height:1.8}.highlight-text{font-size:1.3rem;color:var(--primary);font-weight:700;margin-top:2rem}.solution-section{padding:6rem 2rem;background:var(--gradient-hero);color:#fff;position:relative;overflow:hidden}.solution-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%)}.solution-section h2{font-size:2.5rem;margin-bottom:2rem;text-align:center;font-weight:800;position:relative;z-index:2}.solution-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}.solution-content p{font-size:1.15rem;line-height:1.8;margin-bottom:1.5rem;color:#fffffff2}.tagline{font-size:1.25rem;font-weight:600;margin-top:2rem;color:#fff}.how-it-works-section{padding:6rem 2rem;background:#fff}.how-it-works-section h2{font-size:2.5rem;color:var(--text-main);margin-bottom:4rem;text-align:center;font-weight:800}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1100px;margin:0 auto}.step-card{background:#fff;border-radius:16px;padding:2.5rem;border:2px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.step-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001a;border-color:var(--primary)}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0%,#48c774 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;margin-bottom:1.5rem;box-shadow:0 4px 16px #00d1b24d}.step-card h3{font-size:1.4rem;color:var(--text-main);margin-bottom:1rem;font-weight:700}.step-card p{color:var(--text-light);line-height:1.7;font-size:1rem}.features-section{padding:6rem 2rem;background:var(--bg-color)}.features-section h2{font-size:2.5rem;color:var(--text-main);margin-bottom:4rem;text-align:center;font-weight:800}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:#fff;border-radius:16px;padding:2rem;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:var(--primary)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;color:var(--text-main);margin-bottom:.75rem;font-weight:700}.feature-card p{color:var(--text-light);line-height:1.7;font-size:.95rem}.who-its-for-section{padding:6rem 2rem;background:#fff}.who-its-for-section h2{font-size:2.5rem;color:var(--text-main);margin-bottom:4rem;text-align:center;font-weight:800}.personas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.persona-card{background:linear-gradient(135deg,#f7f9fb,#fff);border-radius:16px;padding:2.5rem 2rem;text-align:center;border:2px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.persona-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001a;border-color:var(--primary);background:#fff}.persona-icon{font-size:3.5rem;margin-bottom:1.5rem}.persona-card h3{font-size:1.3rem;color:var(--text-main);margin-bottom:1rem;font-weight:700}.persona-card p{color:var(--text-light);line-height:1.7;font-size:.95rem}.api-section{padding:6rem 2rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff}.api-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}.api-text h2{font-size:2.5rem;margin-bottom:1.5rem;font-weight:800}.api-text p{font-size:1.15rem;line-height:1.8;margin-bottom:2rem;color:#fffffff2}.api-benefits{list-style:none;margin-bottom:2.5rem}.api-benefits li{font-size:1.1rem;margin-bottom:1rem;padding-left:2rem;position:relative;color:#fffffff2}.api-benefits li:before{content:"✓";position:absolute;left:0;color:#48c774;font-weight:700;font-size:1.3rem}.code-block{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.code-header{background:#0003;padding:.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.code-lang{color:#ffffffb3;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.code-block pre{margin:0;padding:1.5rem;overflow-x:auto}.code-block code{font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.6;color:#e0e0e0}.privacy-section{padding:6rem 2rem;background:var(--bg-color)}.privacy-section h2{font-size:2.5rem;color:var(--text-main);margin-bottom:1.5rem;text-align:center;font-weight:800}.privacy-intro{text-align:center;font-size:1.15rem;color:var(--text-light);margin-bottom:3rem}.privacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1100px;margin:0 auto 3rem}.privacy-item{background:#fff;border-radius:12px;padding:2rem;text-align:center;border:1px solid var(--border-color);transition:all .3s}.privacy-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.privacy-icon{font-size:2.5rem;margin-bottom:1rem}.privacy-item h3{font-size:1.1rem;color:var(--text-main);font-weight:600;line-height:1.5}.privacy-tagline{text-align:center;font-size:1.15rem;color:var(--text-light);max-width:700px;margin:0 auto;font-style:italic}.positioning-section{padding:6rem 2rem;background:#fff;text-align:center}.positioning-section h2{font-size:2.5rem;color:var(--text-main);margin-bottom:2rem;font-weight:800}.positioning-section p{font-size:1.15rem;color:var(--text-light);line-height:1.8;max-width:800px;margin:0 auto 1.5rem}.pricing-preview-section{padding:6rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.pricing-preview-section h2{font-size:2.5rem;margin-bottom:1.5rem;font-weight:800}.pricing-preview-text{font-size:1.15rem;margin-bottom:2.5rem;color:#fffffff2}.final-cta-section{padding:6rem 2rem;background:#fff;text-align:center}.final-cta-section h2{font-size:2.5rem;color:var(--text-main);margin-bottom:1.5rem;font-weight:800}.final-cta-section p{font-size:1.15rem;color:var(--text-light);margin-bottom:2.5rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.new-hero h1{font-size:2.5rem}.sub-headline{font-size:1.1rem}.supporting-line{font-size:1rem}.trust-container{flex-direction:column;text-align:center}.api-content{grid-template-columns:1fr;gap:3rem}.steps-grid,.features-grid,.personas-grid,.privacy-grid{grid-template-columns:1fr}.section-container{padding:0 1rem}.problem-section h2,.solution-section h2,.how-it-works-section h2,.features-section h2,.who-its-for-section h2,.privacy-section h2,.positioning-section h2,.pricing-preview-section h2,.final-cta-section h2{font-size:2rem}}.api-docs-page{display:flex;min-height:calc(100vh - 70px);background:var(--bg-color)}.api-docs-nav{width:280px;background:#fff;border-right:1px solid var(--border-color);position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto;padding:2rem 0}.api-docs-nav-header{padding:0 2rem 1.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.api-docs-nav-header h3{font-size:1.25rem;color:var(--text-main);font-weight:700}.api-docs-nav-list{list-style:none;padding:0;margin:0}.api-docs-nav-list li{margin:0}.api-docs-nav-list a{display:block;padding:.75rem 2rem;color:var(--text-light);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s;border-left:3px solid transparent}.api-docs-nav-list a:hover{color:var(--primary);background:#00d1b20d}.api-docs-nav-list a.active{color:var(--primary);background:#00d1b21a;border-left-color:var(--primary);font-weight:600}.api-docs-content{flex:1;max-width:900px;padding:3rem 4rem}.api-docs-content h1{font-size:2.5rem;color:var(--text-main);margin-bottom:1rem;font-weight:800}.api-intro{font-size:1.15rem;color:var(--text-light);line-height:1.8;margin-bottom:2.5rem}.api-section{margin-bottom:4rem;scroll-margin-top:100px}.api-section h2{font-size:2rem;color:var(--text-main);margin-bottom:1.5rem;font-weight:700;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.api-section h3{font-size:1.4rem;color:var(--text-main);margin:2rem 0 1rem;font-weight:700}.api-section h4{font-size:1.1rem;color:var(--text-main);margin:1.5rem 0 .75rem;font-weight:600}.api-section p{color:var(--text-light);line-height:1.8;margin-bottom:1rem}.api-section ul,.api-section ol{color:var(--text-light);line-height:1.8;margin-bottom:1.5rem;padding-left:1.5rem}.api-section li{margin-bottom:.5rem}.api-section code{background:#0000000d;padding:.2rem .4rem;border-radius:4px;font-family:Fira Code,Courier New,monospace;font-size:.9em;color:#e83e8c}.api-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.api-feature-item{display:flex;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid var(--border-color)}.feature-icon{font-size:2rem;flex-shrink:0}.api-feature-item h4{font-size:1rem;color:var(--text-main);margin:0 0 .25rem;font-weight:600}.api-feature-item p{font-size:.9rem;color:var(--text-light);margin:0;line-height:1.5}.endpoint-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;background:#fff;border-radius:8px;border:1px solid var(--border-color)}.http-method{padding:.4rem .8rem;border-radius:6px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.http-method.post{background:#48c774;color:#fff}.http-method.get{background:#3b82f6;color:#fff}.endpoint-url{font-family:Fira Code,Courier New,monospace;font-size:1rem;color:var(--text-main);font-weight:600}.params-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.params-table thead{background:var(--bg-color)}.params-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-main);font-size:.9rem;border-bottom:2px solid var(--border-color)}.params-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-light);font-size:.95rem}.params-table tbody tr:last-child td{border-bottom:none}.params-table code{background:#0000000d;padding:.2rem .4rem;border-radius:4px;font-family:Fira Code,Courier New,monospace;font-size:.85em;color:#e83e8c}.code-example{margin:1.5rem 0}.code-example-title{font-size:1.1rem;color:var(--text-main);margin-bottom:1rem;font-weight:600}.code-tabs{display:flex;gap:.5rem;margin-bottom:0;border-bottom:2px solid var(--border-color);overflow-x:auto}.code-tab{padding:.75rem 1.25rem;background:none;border:none;color:var(--text-light);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;white-space:nowrap}.code-tab:hover{color:var(--primary);background:#00d1b20d}.code-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.code-block-wrapper{position:relative;background:#1e1e1e;border-radius:0 0 8px 8px;overflow:hidden}.copy-button{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;z-index:10}.copy-button:hover{background:#fff3;border-color:#ffffff4d}.code-block{margin:0;padding:1.5rem 6rem 1.5rem 1.5rem;overflow-x:auto;background:#1e1e1e;color:#d4d4d4;font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.6}.code-block code{background:none;padding:0;color:#d4d4d4;font-size:inherit}.alert{padding:1rem 1.5rem;border-radius:8px;margin:1.5rem 0;border-left:4px solid}.alert-warning{background:#fff3cd;border-left-color:#ffc107;color:#856404}.alert strong{font-weight:700}.upgrade-cta{text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;margin:2rem 0;font-size:1.1rem}.upgrade-cta a{color:var(--primary);font-weight:700;text-decoration:none;border-bottom:2px solid var(--primary);transition:all .2s}.upgrade-cta a:hover{color:var(--primary-dark);border-bottom-color:var(--primary-dark)}@media (max-width: 1024px){.api-docs-page{flex-direction:column}.api-docs-nav{width:100%;position:static;height:auto;border-right:none;border-bottom:1px solid var(--border-color)}.api-docs-content{padding:2rem}}@media (max-width: 768px){.api-docs-content{padding:1.5rem 1rem}.api-docs-content h1{font-size:2rem}.api-section h2{font-size:1.5rem}.api-section h3{font-size:1.2rem}.endpoint-header{flex-direction:column;align-items:flex-start}.code-tabs{flex-wrap:wrap}.code-block{font-size:.8rem;padding-right:1.5rem}.copy-button{position:static;width:100%;margin-bottom:.5rem}.params-table{font-size:.85rem}.params-table th,.params-table td{padding:.75rem .5rem}}.nav-dropdown{position:relative}.nav-dropdown-toggle,.nav-dropdown-btn{background:none;border:none;padding:0;font-family:var(--rx-font-body);display:flex;align-items:center;gap:5px;cursor:pointer;color:#ffffffd9;font-weight:500;font-size:.97rem;transition:color .2s}.nav-dropdown-btn:hover,.nav-dropdown-btn.active{color:#fff}.nav-dropdown-divider{height:1px;background:#e3e8ee;margin:4px 8px}.nav-chevron{font-size:.7rem;display:inline-block;transition:transform .2s;line-height:1}.nav-chevron.open{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--rx-border);border-radius:var(--rx-radius-sm);box-shadow:var(--rx-shadow-pop);padding:8px;min-width:220px;z-index:1000}.nav-dropdown-item{display:block;padding:10px 14px;color:var(--rx-ink);text-decoration:none;border-radius:9px;font-size:.9rem;font-weight:500;transition:background .12s,color .12s;white-space:nowrap}.nav-dropdown-item:hover,.nav-dropdown-item.active{background:var(--rx-soft);color:var(--rx-blue)}.nav-dropdown-divider{background:var(--rx-border)}.format-hero-content{text-align:center;margin-bottom:28px}.format-h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:#fff;margin-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1.2}.format-subheading{font-size:1.05rem;color:#ffffffe6;max-width:540px;margin:0 auto;line-height:1.6}.format-stats-strip{background:#fff;border-bottom:1px solid #e3e8ee;padding:24px 0}.format-stats-strip .container{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.format-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.format-stat-value{font-size:1.6rem;font-weight:800;color:var(--blue);line-height:1}.format-stat-label{font-size:.8rem;color:#7a8694;text-align:center;max-width:100px}.format-section{padding:56px 0}.format-section:nth-of-type(odd){background:#f7f9fb}.format-section .container{max-width:800px}.format-section h2{font-size:clamp(1.3rem,3vw,1.75rem);font-weight:700;color:#1a2332;margin-bottom:20px;line-height:1.3}.format-section p{font-size:1rem;line-height:1.8;color:#4a5568;margin-bottom:16px;max-width:720px}.format-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:28px;max-width:680px}.format-step{display:flex;gap:20px;align-items:flex-start}.format-step-num{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;margin-top:2px}.format-step h3{font-size:1rem;font-weight:700;color:#1a2332;margin:0 0 6px}.format-step p{font-size:.95rem;color:#4a5568;margin:0;line-height:1.7}.format-tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;max-width:720px}.format-tips-list li{padding:14px 18px;background:#fff;border-radius:8px;border-left:3px solid var(--blue);font-size:.95rem;line-height:1.65;color:#4a5568;box-shadow:0 1px 4px #0000000d}.format-tips-list li strong{color:#1a2332}.format-faq-list{display:flex;flex-direction:column;gap:10px;max-width:720px}.format-faq-item{border:1px solid #e3e8ee;border-radius:8px;overflow:hidden;background:#fff}.format-faq-item summary{padding:16px 20px;font-weight:600;font-size:.97rem;cursor:pointer;list-style:none;color:#1a2332;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .12s}.format-faq-item summary:hover{background:#f7f9fb}.format-faq-item summary::-webkit-details-marker{display:none}.format-faq-item summary:after{content:"+";font-size:1.2rem;color:var(--blue);flex-shrink:0;font-weight:400}.format-faq-item[open] summary:after{content:"−"}.format-faq-item p{padding:0 20px 18px;font-size:.93rem;color:#4a5568;line-height:1.75;margin:0}.format-cta{background:linear-gradient(135deg,var(--blue) 0%,#2356b4 100%);padding:72px 0;text-align:center}.format-cta .container{max-width:600px}.format-cta h2{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3}.format-cta p{color:#ffffffd9;margin-bottom:28px;font-size:1rem}.format-btn-primary{display:inline-block;padding:14px 36px;background:#fff;color:var(--blue);font-weight:700;font-size:1rem;border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:inherit}.format-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.format-related-links{display:flex;flex-wrap:wrap;gap:10px}.format-related-link{padding:9px 18px;border:1.5px solid var(--blue);border-radius:8px;color:var(--blue);text-decoration:none;font-weight:600;font-size:.88rem;transition:background .15s,color .15s}.format-related-link:hover{background:var(--blue);color:#fff}.format-blog-section{background:#f4f8ff}.format-blog-links{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.format-blog-card{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem 1.5rem;background:#fff;border:1px solid #dce9ff;border-radius:10px;text-decoration:none;transition:box-shadow .2s,border-color .2s}.format-blog-card:hover{box-shadow:0 4px 16px #1e62c81a;border-color:#1e62c8}.format-blog-category{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1e62c8}.format-blog-title{font-size:.92rem;font-weight:600;color:#0a1628;line-height:1.4}.format-blog-read{font-size:.8rem;color:#1e62c8;font-weight:500}@media (max-width: 600px){.format-stats-strip .container{gap:28px}.format-stat-value{font-size:1.3rem}.format-step{gap:14px}.format-step-num{width:32px;height:32px;font-size:.9rem}.format-cta{padding:48px 0}}.stats-bar-section{background:#f4f8ff;padding:0 3rem 3rem;display:flex;justify-content:center}.stats-bar{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;align-items:stretch;max-width:560px;width:100%;margin-top:-2rem;position:relative;z-index:10;overflow:hidden;border:1px solid #e8eef8}.stat-item{flex:1;padding:1.6rem 2rem;display:flex;flex-direction:column;gap:3px}.stat-divider{width:1px;background:#e8eef8;margin:1rem 0}.stat-number{font-size:2.4rem;font-weight:800;color:#0a1628;line-height:1}.stat-pct{font-size:1.4rem}.stat-label-top{font-size:1rem;font-weight:700;color:#0a1628}.stat-big{font-size:1.2rem}.stat-label-sub{font-size:.82rem;color:#8795a1;margin-top:2px}.features-section{background:#fff;padding:4rem 3rem}.features-section .section-container{max-width:1000px;margin:0 auto;text-align:center}.features-section h2{font-size:1.8rem;color:#0a1628;font-weight:700;margin-bottom:2.5rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:#f8faff;border-radius:14px;padding:2rem 1.5rem;text-align:left;border:1px solid #e8eef8;contain:layout style}.feature-icon{width:48px;height:48px;background:#1e62c8;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1rem}.feature-card h3{font-size:1rem;font-weight:700;color:#0a1628;margin-bottom:.5rem}.feature-card p{font-size:.88rem;color:#5a6a7e;line-height:1.6}.cta-section{background:#f4f8ff;padding:4rem 1rem;text-align:center}.cta-main-btn{display:inline-block;background:#1e62c8;color:#fff;padding:16px 48px;border-radius:50px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;box-shadow:0 4px 20px #1e62c84d}.cta-main-btn:hover{background:#1751a8;transform:translateY(-2px)}.cta-sub{margin-top:.75rem;color:#8795a1;font-size:.9rem}.hero-wave{position:absolute;bottom:0;left:0;right:0;height:90px;pointer-events:none;line-height:0}.hero-wave svg{width:100%;height:100%;display:block}.trust-signals-section{padding:4rem 2rem;background:#fff}.trust-signals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:960px;margin:0 auto}.trust-signal-card{text-align:center;padding:2rem 1.5rem;border-radius:12px;background:#f4f8ff;border:1px solid #dce9ff}.trust-signal-icon{font-size:2rem;margin-bottom:.75rem}.trust-signal-card h3{font-size:1.05rem;font-weight:700;color:#0a1628;margin:0 0 .5rem}.trust-signal-card p{font-size:.9rem;color:#5a6a7a;line-height:1.6;margin:0}.format-support-section{padding:5rem 2rem;background:#f4f8ff}.format-support-section h2{text-align:center;font-size:2rem;font-weight:800;color:#0a1628;margin-bottom:.5rem}.section-subtitle{text-align:center;color:#5a6a7a;font-size:1rem;margin-bottom:2.5rem}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.format-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.75rem 1.5rem;background:#fff;border:1px solid #dce9ff;border-radius:12px;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s}.format-tile:hover{box-shadow:0 6px 24px #1e62c81f;transform:translateY(-3px);border-color:#1e62c8}.format-ext{display:inline-block;background:#1e62c8;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.08em;padding:3px 10px;border-radius:6px}.format-tile p{font-size:.875rem;color:#5a6a7a;line-height:1.55;margin:0}.api-callout-section{padding:5rem 2rem;background:#0a1628}.api-callout-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1100px;margin:0 auto}.api-callout-text h2{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.75rem}.api-callout-text p{color:#a8bbd4;font-size:1rem;line-height:1.7;margin-bottom:1.25rem}.api-callout-list{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:.5rem}.api-callout-list li{color:#c8d8ea;font-size:.9rem;padding-left:1.25rem;position:relative}.api-callout-list li:before{content:"✓";color:#1e62c8;position:absolute;left:0;font-weight:700}.api-callout-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-ghost{display:inline-block;padding:12px 28px;border-radius:var(--btn-radius);border:1px solid rgba(255,255,255,.25);color:#c8d8ea;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s}.btn-ghost:hover{background:#ffffff14;border-color:#ffffff73;color:#fff}.api-callout-code .code-block{background:#0d1f38;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.code-header{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.code-dot{width:11px;height:11px;border-radius:50%}.code-dot.red{background:#ff5f57}.code-dot.yellow{background:#ffbd2e}.code-dot.green{background:#28c840}.code-lang{margin-left:auto;font-size:.75rem;color:#6a8aaa;font-family:monospace}.api-callout-code pre{margin:0;padding:1.5rem;overflow-x:auto}.api-callout-code code{font-family:Fira Code,JetBrains Mono,monospace;font-size:.82rem;color:#c8d8ea;line-height:1.8}.blog-tag{display:inline-block;font-size:.72rem;font-weight:600;color:#1e62c8;background:#e8f0fe;border:1px solid #c7d9f9;border-radius:20px;padding:2px 10px;white-space:nowrap}.blog-page{background:#f4f8ff}.blog-hero{background:#0a1628;padding:3.5rem 2rem 2.5rem}.blog-hero h1{color:#fff;font-size:2.2rem;font-weight:800;margin:.5rem 0}.blog-hero p{color:#a8bbd4;font-size:1rem;margin:0}.blog-hero-count{color:#6a8aaa;font-size:.82rem;margin-top:.5rem!important}.blog-featured-section{padding:3rem 2rem 0;background:#f4f8ff}.blog-section-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8795a1;margin-bottom:1rem}.blog-list-section{padding:2.5rem 2rem 4rem;background:#f4f8ff}.blog-filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.blog-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:20px;border:1px solid #dce9ff;background:#fff;color:#3d4852;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.blog-filter-btn:hover{border-color:#1e62c8;color:#1e62c8}.blog-filter-btn.active{background:#1e62c8;border-color:#1e62c8;color:#fff}.blog-filter-count{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#0000001f;font-size:.7rem;font-weight:700}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.blog-grid--small{grid-template-columns:repeat(2,1fr)}.blog-card{display:flex;flex-direction:column;gap:.6rem;background:#fff;border:1px solid #dce9ff;border-radius:14px;padding:1.75rem;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;color:inherit}.blog-card:hover{box-shadow:0 8px 28px #1e62c821;transform:translateY(-3px);border-color:#1e62c8}.blog-card--featured{grid-column:1 / -1;flex-direction:row;gap:2rem;align-items:flex-start;padding:2rem 2.5rem}.blog-card-top{display:flex;align-items:center;gap:.5rem}.blog-card-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#1e62c8;color:#fff;padding:2px 8px;border-radius:4px}.blog-card-category{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1e62c8}.blog-card-title{font-size:1.05rem;font-weight:700;color:#0a1628;line-height:1.4;margin:0}.blog-card--featured .blog-card-title{font-size:1.35rem}.blog-card-excerpt{font-size:.875rem;color:#5a6a7a;line-height:1.6;margin:0;flex:1}.blog-card-tags{display:flex;gap:.4rem;flex-wrap:wrap}.blog-card-meta{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#8795a1;margin-top:.25rem}.blog-card-dot{color:#c8d8ea}.blog-card-read-link{font-size:.82rem;font-weight:600;color:#1e62c8;margin-top:auto}.blog-newsletter-section{padding:5rem 2rem;background:#0a1628}.blog-newsletter-inner{max-width:560px;margin:0 auto;text-align:center}.blog-newsletter-inner h2{color:#fff;font-size:1.6rem;font-weight:800;margin-bottom:.5rem}.blog-newsletter-inner>p{color:#a8bbd4;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.blog-newsletter-form{display:flex;gap:.75rem;margin-bottom:1rem}.blog-newsletter-input{flex:1;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s}.blog-newsletter-input::placeholder{color:#6a8aaa}.blog-newsletter-input:focus{border-color:#1e62c8}.blog-newsletter-note{font-size:.8rem;color:#6a8aaa}.blog-newsletter-note a{color:#a8bbd4}.blog-post-page{background:#f4f8ff;min-height:100vh}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(to right,#1e62c8,#60a5fa);z-index:1000;transition:width .1s linear;pointer-events:none}.blog-post-layout{display:grid;grid-template-columns:1fr 260px;gap:3rem;max-width:1160px;margin:0 auto;padding:3rem 2rem 4rem;align-items:start}.blog-article{background:#fff;border-radius:16px;padding:3rem 3.5rem;min-width:0}.blog-breadcrumb{font-size:.82rem;color:#8795a1;margin-bottom:1.75rem;display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.blog-breadcrumb a{color:#1e62c8;text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}.blog-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e8eef6}.blog-header-meta-top{margin-bottom:.5rem}.blog-header h1{font-size:2rem;font-weight:800;color:#0a1628;line-height:1.3;margin:0 0 .75rem}.blog-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.82rem;color:#8795a1;margin-bottom:1rem}.blog-meta-sep{color:#c8d8ea}.blog-lead{font-size:1.05rem;color:#3d4852;line-height:1.7;margin:0 0 1rem}.blog-header-tags{display:flex;gap:.4rem;flex-wrap:wrap}.blog-toc{background:#f4f8ff;border:1px solid #dce9ff;border-left:3px solid #1e62c8;border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:2.5rem}.blog-toc-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#5a6a7a;margin:0 0 .75rem}.blog-toc-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem}.blog-toc-list li{font-size:.88rem}.blog-toc-list a{color:#1e62c8;text-decoration:none}.blog-toc-list a:hover{text-decoration:underline}.blog-body{font-size:.975rem;color:#3d4852;line-height:1.85}.blog-body section{margin-bottom:.5rem}.blog-body h2{font-size:1.35rem;font-weight:700;color:#0a1628;margin:2.75rem 0 1rem;scroll-margin-top:80px}.blog-body p{margin:0 0 1.25rem}.blog-body strong{color:#0a1628;font-weight:700}.blog-inline-cta{background:#edf5ff;border:1px solid #c7d9f9;border-radius:8px;padding:1rem 1.25rem;font-size:.9rem;color:#2c4a72;margin:0 0 1.5rem}.blog-inline-cta a{color:#1e62c8;font-weight:600}.blog-code-wrap{background:#0d1f38;border-radius:10px;overflow:hidden;margin:0 0 1.5rem}.blog-code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.blog-code-lang{font-size:.72rem;color:#6a8aaa;font-family:monospace;text-transform:lowercase}.blog-code-copy{font-size:.75rem;font-weight:600;color:#a8bbd4;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:3px 10px;cursor:pointer;transition:background .15s,color .15s}.blog-code-copy:hover{background:#ffffff1a;color:#fff}.blog-code-copy.copied{color:#28c840;border-color:#28c840}.blog-code{margin:0;padding:1.25rem 1.5rem;overflow-x:auto;font-family:Fira Code,JetBrains Mono,monospace;font-size:.82rem;color:#c8d8ea;line-height:1.75}.blog-inline-code{background:#edf2ff;color:#1e62c8;padding:1px 6px;border-radius:4px;font-family:monospace;font-size:.88em}.blog-table-wrap{overflow-x:auto;margin:0 0 1.5rem;border-radius:8px;border:1px solid #dce9ff}.blog-table{width:100%;border-collapse:collapse;font-size:.88rem}.blog-table th{background:#f4f8ff;color:#0a1628;font-weight:700;padding:10px 14px;text-align:left;border-bottom:2px solid #dce9ff;white-space:nowrap}.blog-table td{padding:9px 14px;border-bottom:1px solid #edf2f7;color:#3d4852}.blog-table tr:last-child td{border-bottom:none}.blog-table tr:nth-child(2n) td{background:#fafcff}.blog-faq{margin-top:3rem;padding-top:2rem;border-top:1px solid #e8eef6}.blog-faq h2{font-size:1.3rem;font-weight:700;color:#0a1628;margin-bottom:1.25rem}.blog-faq-list{display:flex;flex-direction:column;gap:1rem}.blog-faq-item{background:#f4f8ff;border:1px solid #dce9ff;border-radius:10px;padding:1.25rem}.blog-faq-item h3{font-size:.95rem;font-weight:700;color:#0a1628;margin:0 0 .4rem}.blog-faq-item p{font-size:.9rem;color:#5a6a7a;line-height:1.6;margin:0}.blog-author-box{display:flex;align-items:flex-start;gap:1rem;margin-top:3rem;padding:1.5rem;background:#f4f8ff;border-radius:12px;border:1px solid #dce9ff}.blog-author-avatar{width:44px;height:44px;border-radius:50%;background:#1e62c8;color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-author-name{font-size:.9rem;font-weight:700;color:#0a1628;margin:0 0 .25rem}.blog-author-bio{font-size:.82rem;color:#5a6a7a;line-height:1.6;margin:0}.blog-post-tags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.blog-post-tags-label{font-size:.82rem;color:#8795a1}.blog-social-share{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e8eef6}.blog-social-label{font-size:.82rem;font-weight:600;color:#5a6a7a;display:block;margin-bottom:.75rem}.blog-social-btns{display:flex;gap:.75rem;flex-wrap:wrap}.blog-social-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.82rem;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:opacity .15s,transform .15s}.blog-social-btn:hover{opacity:.85;transform:translateY(-1px)}.blog-social-btn--twitter{background:#000;color:#fff}.blog-social-btn--linkedin{background:#0077b5;color:#fff}.blog-social-btn--copy{background:#fff;border-color:#dce9ff;color:#3d4852}.blog-social-btn--copy.copied{color:#28c840;border-color:#28c840}.blog-cta-tools{margin-top:2.5rem;padding:1.75rem;background:#f4f8ff;border-radius:12px;text-align:center}.blog-cta-tools h2{font-size:1.1rem;font-weight:700;color:#0a1628;margin-bottom:1rem}.blog-tool-links{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.blog-tool-btn{display:inline-block;padding:9px 20px;background:#1e62c8;color:#fff;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s}.blog-tool-btn:hover{background:#1751a8}.blog-post-nav{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e8eef6}.blog-post-nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.blog-nav-link{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.25rem;border:1px solid #dce9ff;border-radius:10px;text-decoration:none;transition:border-color .15s,box-shadow .15s}.blog-nav-link:hover{border-color:#1e62c8;box-shadow:0 2px 12px #1e62c81a}.blog-nav-link--next{text-align:right}.blog-nav-dir{font-size:.75rem;font-weight:700;color:#8795a1;text-transform:uppercase;letter-spacing:.06em}.blog-nav-title{font-size:.88rem;font-weight:600;color:#0a1628;line-height:1.4}.blog-toc-sidebar{position:sticky;top:80px;align-self:start}.blog-toc-sticky{display:flex;flex-direction:column;gap:1rem}.blog-toc-sidebar .blog-toc{margin:0;background:#fff}.blog-toc-progress{width:3px;height:120px;background:#e8eef6;border-radius:3px;margin:0 auto;position:relative;overflow:hidden}.blog-toc-progress-bar{width:100%;background:#1e62c8;border-radius:3px;transition:height .1s linear;position:absolute;top:0}.blog-related{padding:4rem 2rem;background:#f4f8ff}.blog-related h2{text-align:center;font-size:1.4rem;font-weight:700;color:#0a1628;margin-bottom:2rem}@media (max-width: 1100px){.blog-post-layout{grid-template-columns:1fr}.blog-toc-sidebar{display:none}}@media (max-width: 768px){.hero{padding:3rem 1.5rem 4rem;background-position:70% center}.hero-left{width:100%;max-width:100%}.hero-title{font-size:2rem}.navbar{padding:1rem 1.5rem}.features-grid{grid-template-columns:1fr}.stats-bar{margin-top:0;border-radius:0}.stats-bar-section{padding:1.5rem}.nav-menu{gap:16px}.trust-signals-grid{grid-template-columns:1fr;gap:1rem}.format-grid{grid-template-columns:repeat(2,1fr)}.api-callout-inner{grid-template-columns:1fr;gap:2rem}.api-callout-text h2{font-size:1.5rem}.blog-grid,.blog-grid--small{grid-template-columns:1fr}.blog-card--featured{flex-direction:column}.blog-post-layout{padding:1.5rem 1rem}.blog-article{padding:1.75rem 1.25rem}.blog-header h1{font-size:1.5rem}.blog-post-nav-inner{grid-template-columns:1fr}.blog-newsletter-form,.blog-social-btns{flex-direction:column}}