*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #0ea5e9;--color-primary-hover: #0284c7;--color-primary-light: #e0f2fe;--color-accent: #06b6d4;--color-text: #0f172a;--color-text-light: #64748b;--color-border: #e2e8f0;--color-bg: #ffffff;--color-bg-alt: #f8fafc;--color-success: #10b981;--color-success-light: #d1fae5;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}header{position:sticky;top:0;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0;z-index:100;transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center;text-decoration:none;padding:4px;border-radius:4px}.logo-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.logo-img{height:40px;width:auto;transition:transform .3s ease}.logo-link:hover .logo-img{transform:scale(1.05)}.btn{display:inline-block;padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-family:inherit;min-height:44px;min-width:44px;line-height:1.4;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.btn-large{padding:16px 40px;font-size:16px;font-weight:600}.link-secondary{color:var(--color-text-light);text-decoration:none;font-size:14px;padding:10px;min-height:44px;display:inline-flex;align-items:center}.link-secondary:hover{color:var(--color-primary);transform:translate(4px)}.link-secondary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.hero{padding:var(--spacing-2xl) 0;text-align:center;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-alt) 100%)}.hero-logo-wrapper{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);animation:fadeInScale .8s ease-out}.hero-logo{height:120px;width:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));transition:transform .3s ease}.hero-logo:hover{transform:scale(1.05)}.hero h1{font-size:32px;font-weight:700;line-height:1.15;margin-bottom:var(--spacing-sm);max-width:800px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out}.hero-subheading{font-size:20px;font-weight:500;line-height:1.4;color:var(--color-text);margin-bottom:var(--spacing-md);max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .1s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-subhead{font-size:18px;line-height:1.6;color:var(--color-text-light);margin-bottom:var(--spacing-lg);max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .2s backwards}.hero-actions{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;align-items:center;animation:fadeInUp .8s ease-out .4s backwards}.value-prop-visual{padding:var(--spacing-2xl) 0;background:var(--color-bg)}.visual-card{max-width:700px;margin:0 auto;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-xl);transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s ease-out;border:1px solid var(--color-border)}.visual-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px -12px #00000040,0 18px 36px -18px #0000004d}.visual-image{width:100%;height:auto;display:block;transition:transform .4s ease}.visual-card:hover .visual-image{transform:scale(1.05)}.social-proof{padding:var(--spacing-xl) 0;background:var(--color-bg-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.social-proof-caption{text-align:center;font-size:14px;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.logo-strip{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;align-items:center}.placeholder-logo{padding:12px 24px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-light);font-size:14px;font-weight:600;transition:all .3s ease;opacity:0;animation:fadeInScale .6s ease-out forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.placeholder-logo:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.tracking-preview{padding:var(--spacing-2xl) 0;background:var(--color-bg)}.tracking-preview h2{text-align:center;font-size:32px;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text)}.section-subtitle{text-align:center;font-size:16px;color:var(--color-text-light);margin-bottom:var(--spacing-xl)}.preview-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.preview-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all .3s ease}.preview-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.preview-badge{display:inline-block;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.screenshot-mockup{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.mockup-header{background:#2d3748;padding:8px 12px;display:flex;align-items:center;gap:var(--spacing-sm)}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:12px;height:12px;border-radius:50%;background:#4a5568}.mockup-dots span:nth-child(1){background:#ef4444}.mockup-dots span:nth-child(2){background:#f59e0b}.mockup-dots span:nth-child(3){background:#10b981}.mockup-title{color:#a0aec0;font-size:13px;font-weight:500}.mockup-content{padding:var(--spacing-md);min-height:200px;font-family:Monaco,Courier New,monospace;font-size:13px}.code-screen{background:#1e293b;color:#e2e8f0}.code-line{line-height:1.8;padding:2px 0}.code-keyword{color:#c792ea;font-weight:600}.code-string{color:#c3e88d}.code-tag{color:#89ddff}.screenshot-meta{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:#fff;border-top:1px solid var(--color-border);font-size:13px;color:var(--color-text-light)}.activity-high{background:#dcfce7;color:#166534;padding:4px 10px;border-radius:12px;font-weight:600;font-size:12px}.activity-timeline{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.timeline-row{display:flex;align-items:center;gap:var(--spacing-sm)}.timeline-label{font-size:13px;font-weight:600;color:var(--color-text-light);width:50px}.timeline-bar{flex:1;height:24px;background:var(--color-bg-alt);border-radius:4px;overflow:hidden}.bar-segment{height:100%;border-radius:4px;transition:width .3s ease}.bar-segment.active{background:linear-gradient(90deg,#10b981,#059669)}.bar-segment.idle{background:linear-gradient(90deg,#94a3b8,#64748b)}.activity-summary{display:flex;justify-content:space-around;padding:var(--spacing-md);background:var(--color-bg-alt);border-radius:var(--radius-sm);margin-top:var(--spacing-md)}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:24px;font-weight:700;color:var(--color-text)}.stat-label{font-size:12px;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.app-list{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) 0}.app-item{display:grid;grid-template-columns:40px 1fr 100px;gap:var(--spacing-sm);align-items:center}.app-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.app-icon.vscode{background:linear-gradient(135deg,#007acc,#005a9e)}.app-icon.browser{background:linear-gradient(135deg,#4285f4,#34a853)}.app-icon.slack{background:linear-gradient(135deg,#611f69,#4a154b)}.app-icon.figma{background:linear-gradient(135deg,#f24e1e,#a259ff)}.app-details{display:flex;flex-direction:column;gap:2px}.app-name{font-size:14px;font-weight:600;color:var(--color-text)}.app-time{font-size:13px;color:var(--color-text-light)}.app-bar{height:8px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:4px;transition:width .3s ease}.how-it-works{padding:var(--spacing-2xl) 0;background:var(--color-bg-alt)}.how-it-works h2{text-align:center;font-size:32px;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--color-text)}.steps{display:grid;gap:var(--spacing-lg)}.step{text-align:center}.step-number{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin:0 auto var(--spacing-sm);box-shadow:var(--shadow-lg);transition:transform .3s ease}.step:hover .step-number{transform:scale(1.1) rotate(5deg)}.step h3{font-size:20px;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text)}.step p{color:var(--color-text-light);line-height:1.6}.features{padding:var(--spacing-2xl) 0;background:var(--color-bg-alt)}.features h2{text-align:center;font-size:32px;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--color-text)}.feature-grid{display:grid;gap:var(--spacing-md)}.feature-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-light)}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.feature-card p{color:var(--color-text-light);line-height:1.6}.performance{padding:var(--spacing-xl) 0}.performance-text{text-align:center;font-size:14px;color:var(--color-text-light);max-width:700px;margin:0 auto;line-height:1.6}.pricing{padding:var(--spacing-2xl) 0;background:var(--color-bg-alt);text-align:center}.pricing h2{font-size:32px;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text)}.pricing-message{font-size:18px;color:var(--color-text-light)}.faq{padding:var(--spacing-2xl) 0}.faq h2{text-align:center;font-size:32px;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--color-text)}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0}.faq-item summary{font-weight:500;cursor:pointer;list-style:none;padding:var(--spacing-xs);min-height:44px;display:flex;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";margin-right:var(--spacing-sm);font-size:20px;font-weight:300}.faq-item[open] summary:before{content:"−"}.faq-item summary:hover{color:var(--color-primary)}.faq-item summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.faq-item p{padding:var(--spacing-sm) var(--spacing-xs) var(--spacing-xs) 36px;color:var(--color-text-light);line-height:1.6}.ai-digest-sample{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,var(--color-bg-alt) 0%,var(--color-bg) 100%)}.digest-intro{text-align:center;margin-bottom:var(--spacing-xl)}.digest-intro h2{font-size:32px;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text)}.digest-subtitle{font-size:16px;color:var(--color-text-light);max-width:600px;margin:0 auto}.digest-card{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-xl);overflow:hidden;transition:all .3s ease}.digest-card:hover{box-shadow:0 25px 50px -12px #00000040}.digest-header{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;padding:var(--spacing-lg)}.digest-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-sm);flex-wrap:wrap}.digest-header h3{font-size:24px;font-weight:700;margin:0}.digest-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.3)}.digest-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-md)}.meta-stat{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:12px;opacity:.9;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.meta-value{font-size:28px;font-weight:700}.digest-section{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);transition:background .2s ease}.digest-section:last-child{border-bottom:none}.digest-section:hover{background:var(--color-bg-alt)}.section-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.section-icon{font-size:24px;line-height:1}.section-header h4{font-size:20px;font-weight:700;margin:0;color:var(--color-text)}.digest-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.digest-item{padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all .2s ease}.digest-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translate(4px)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:var(--spacing-sm)}.item-header strong{color:var(--color-text);font-weight:600;font-size:15px}.item-header p,.digest-item>p{font-size:14px;line-height:1.5;color:var(--color-text-light);margin:0}.score{padding:4px 12px;border-radius:20px;font-weight:700;font-size:14px;min-width:48px;text-align:center}.score-excellent{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.score-good{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.score-caution{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.score-warning{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.anomaly-item{position:relative}.anomaly-badge{display:inline-block;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.suggestion-item{display:flex;gap:var(--spacing-sm);align-items:start}.suggestion-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0;margin-top:2px}.top-performers .section-header h4{color:#059669}.needs-attention .section-header h4{color:#dc2626}.anomalies .section-header h4{color:#7c3aed}.suggestions .section-header h4{color:#0284c7}.form-section{padding:var(--spacing-2xl) 0;background:var(--color-bg-alt)}.form-section-featured{background:linear-gradient(135deg,#0ea5e9,#06b6d4);position:relative;overflow:hidden}.form-section-featured:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 15s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,20px) scale(1.1)}}.form-header{text-align:center;margin-bottom:var(--spacing-xl);position:relative;z-index:1}.form-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:8px 20px;border-radius:24px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0000001a}.form-header h2{font-size:40px;font-weight:700;color:#fff;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px rgba(0,0,0,.1)}.form-intro{font-size:18px;color:#fffffff2;max-width:600px;margin:0 auto;line-height:1.6}.form-section h2{text-align:center;font-size:32px;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--color-text)}.noscript-message{text-align:center;color:#dc2626;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:#fee;border-radius:var(--radius)}.waitlist-form{max-width:600px;margin:0 auto;background:#fff;padding:var(--spacing-xl);border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;position:relative;z-index:1;transform:translateY(0);transition:all .3s ease}.waitlist-form:hover{transform:translateY(-4px);box-shadow:0 30px 80px #00000059,0 0 0 1px #ffffff1a}.form-grid{display:grid;gap:var(--spacing-sm)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:6px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;min-height:44px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);transform:translateY(-1px)}.form-group textarea{resize:vertical;min-height:80px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px}.btn-submit{width:100%;margin-top:var(--spacing-md);position:relative;font-size:18px;font-weight:700;padding:16px 32px;box-shadow:0 8px 20px #0ea5e966}.btn-submit:hover{box-shadow:0 12px 28px #0ea5e980}.btn-submit .btn-loading,.btn-submit .btn-success,.btn-submit.is-loading .btn-text{display:none}.btn-submit.is-loading .btn-loading{display:inline}.btn-submit.is-success{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%)}.btn-submit.is-success .btn-text{display:none}.btn-submit.is-success .btn-success{display:inline}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.form-note{text-align:center;font-size:12px;color:var(--color-text-light);margin-top:var(--spacing-sm)}.form-success,.form-error{max-width:600px;margin:0 auto;padding:var(--spacing-lg);border-radius:var(--radius);text-align:center}.form-success{background:var(--color-success-light);border:2px solid var(--color-success);box-shadow:var(--shadow-lg);animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-success h3{font-size:24px;margin-bottom:var(--spacing-sm);color:var(--color-success);font-weight:700}.form-error{background:#fee;border:1px solid #dc2626;color:#dc2626}.form-error a{color:#dc2626;font-weight:500}footer{padding:var(--spacing-xl) 0;border-top:1px solid var(--color-border);background:var(--color-bg)}.footer-content{text-align:center}.footer-links{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--color-text-light);text-decoration:none;font-size:14px;padding:var(--spacing-xs);min-height:44px;display:inline-flex;align-items:center}.footer-links a:hover{color:var(--color-text)}.footer-links a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.footer-copy{font-size:14px;color:var(--color-text-light)}@media (max-width: 639px){.form-header h2{font-size:32px}.form-intro{font-size:16px}.waitlist-form{padding:var(--spacing-lg)}.app-item{grid-template-columns:36px 1fr 80px}.app-icon{width:36px;height:36px}.mockup-content{font-size:11px;padding:var(--spacing-sm);min-height:160px}.digest-header h3{font-size:20px}.meta-value{font-size:24px}}@media (min-width: 640px){.container{padding:0 var(--spacing-lg)}.hero-logo{height:150px}.hero h1{font-size:52px}.hero-subheading{font-size:24px}.hero-subhead{font-size:22px}.form-grid{grid-template-columns:repeat(2,1fr)}.form-group:last-of-type{grid-column:1 / -1}.form-header h2{font-size:40px}.form-intro{font-size:18px}}@media (min-width: 768px){.steps{grid-template-columns:repeat(3,1fr)}.feature-grid,.preview-grid{grid-template-columns:repeat(2,1fr)}.screenshot-card{grid-column:1 / -1}}@media (min-width: 1024px){.hero{padding:80px 0}.hero-logo{height:180px}.hero h1{font-size:64px}.hero-subheading{font-size:28px}.visual-card{max-width:800px}.preview-grid{grid-template-columns:repeat(3,1fr)}.screenshot-card{grid-column:1 / 2}}.main-nav{display:flex;align-items:center;gap:var(--spacing-md)}.main-nav a{text-decoration:none;color:var(--color-text);font-weight:500;font-size:15px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s ease}.main-nav a:not(.btn):hover{color:var(--color-primary);background:var(--color-primary-light)}.main-nav a.active{color:var(--color-primary)}.main-nav a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.blog-container{max-width:800px}.blog-listing{padding:var(--spacing-2xl) 0}.blog-listing-header{text-align:center;margin-bottom:var(--spacing-2xl)}.blog-listing-header h1{font-size:48px;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text)}.blog-listing-subtitle{font-size:20px;color:var(--color-text-light);line-height:1.5}.blog-grid{display:grid;gap:var(--spacing-lg)}.blog-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);transition:all .3s ease}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blog-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:14px;color:var(--color-text-light)}.blog-card-category{background:var(--color-primary-light);color:var(--color-primary);padding:4px 12px;border-radius:16px;font-weight:500}.blog-card h2{font-size:24px;font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.3}.blog-card h2 a{color:var(--color-text);text-decoration:none;transition:color .2s ease}.blog-card h2 a:hover{color:var(--color-primary)}.blog-card p{color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-md)}.blog-card-footer{display:flex;justify-content:space-between;align-items:center}.blog-card-link{color:var(--color-primary);font-weight:600;text-decoration:none;transition:all .2s ease}.blog-card-link:hover{color:var(--color-primary-hover);transform:translate(4px)}.blog-card-reading-time{font-size:14px;color:var(--color-text-light)}.blog-post{padding:var(--spacing-2xl) 0}.blog-header{margin-bottom:var(--spacing-2xl)}.blog-breadcrumb{display:inline-flex;align-items:center;color:var(--color-primary);text-decoration:none;font-weight:500;margin-bottom:var(--spacing-md);transition:all .2s ease}.blog-breadcrumb:hover{color:var(--color-primary-hover);transform:translate(-4px)}.blog-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:14px;color:var(--color-text-light)}.blog-reading-time:before{content:"•";margin-right:var(--spacing-sm)}.blog-header h1{font-size:40px;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--color-text)}.blog-lead{font-size:20px;line-height:1.5;color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.blog-share{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl)}.blog-share-bottom{margin-top:var(--spacing-xl);margin-bottom:0}.share-label{font-weight:600;color:var(--color-text);margin-right:var(--spacing-xs)}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-bg-alt);color:var(--color-text);text-decoration:none;transition:all .2s ease}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-btn.twitter:hover{background:#1da1f2;color:#fff}.share-btn.linkedin:hover{background:#0077b5;color:#fff}.share-btn.facebook:hover{background:#1877f2;color:#fff}.blog-content{font-size:18px;line-height:1.8;color:var(--color-text)}.blog-content h2{font-size:32px;font-weight:700;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);line-height:1.3;color:var(--color-text)}.blog-content h2:first-child{margin-top:0}.blog-content h3{font-size:24px;font-weight:600;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);line-height:1.4;color:var(--color-text)}.blog-content p{margin-bottom:var(--spacing-md)}.blog-content strong{font-weight:600;color:var(--color-text)}.blog-content a{color:var(--color-primary);text-decoration:underline;transition:color .2s ease}.blog-content a:hover{color:var(--color-primary-hover)}.blog-content ul,.blog-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.blog-content li{margin-bottom:var(--spacing-xs)}.blog-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;font-style:italic;color:var(--color-text-light)}.blog-content code{background:var(--color-bg-alt);padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:16px}.blog-content pre{background:var(--color-bg-alt);padding:var(--spacing-md);border-radius:var(--radius-sm);overflow-x:auto;margin:var(--spacing-md) 0}.blog-content pre code{background:none;padding:0}.blog-cta{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-bg-alt) 100%);border:2px solid var(--color-primary);border-radius:var(--radius);padding:var(--spacing-xl);margin:var(--spacing-2xl) 0;text-align:center}.blog-cta-content h3{font-size:28px;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text)}.blog-cta-content p{font-size:18px;color:var(--color-text-light);margin-bottom:var(--spacing-lg);line-height:1.6}.blog-cta-section{padding:var(--spacing-2xl) 0;background:var(--color-bg-alt)}.blog-cta-section .blog-cta{margin:0}.blog-cta-section .blog-cta-content h2{font-size:32px;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text)}.privacy-trust{padding:var(--spacing-2xl) 0;background:var(--color-bg-alt)}.privacy-trust h2{font-size:36px;font-weight:700;text-align:center;margin-bottom:var(--spacing-md)}.privacy-trust .section-intro{font-size:18px;line-height:1.7;color:var(--color-text-light);text-align:center;max-width:900px;margin:0 auto var(--spacing-xl)}.privacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-xl)}.privacy-item h3{font-size:16px;font-weight:600;color:var(--color-text);padding:var(--spacing-md);background:#fff;border-radius:12px;border:1px solid var(--color-border);text-align:center}.why-choose{padding:var(--spacing-2xl) 0;background:#fff}.why-choose h2{font-size:36px;font-weight:700;text-align:center;margin-bottom:var(--spacing-xl);line-height:1.3}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.choice-card{padding:var(--spacing-xl);background:var(--color-bg-alt);border-radius:16px;border:1px solid var(--color-border)}.choice-card h3{font-size:24px;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.choice-card p{font-size:16px;line-height:1.7;color:var(--color-text-light)}.comparison-cta{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,#0ea5e9,#0284c7);text-align:center}.comparison-cta h2{font-size:36px;font-weight:700;color:#fff;margin-bottom:var(--spacing-md)}.comparison-cta p{font-size:18px;color:#fffffff2;margin-bottom:var(--spacing-xl);max-width:700px;margin-left:auto;margin-right:auto}.comparison-cta .btn-secondary{background:#fff;color:var(--color-primary);border:none}.comparison-cta .btn-secondary:hover{background:var(--color-bg-alt);transform:translateY(-2px)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);padding:var(--spacing-2xl) 0}.footer-section h4{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.footer-section a{display:block;font-size:14px;color:var(--color-text-light);text-decoration:none;margin-bottom:var(--spacing-sm);transition:color .2s}.footer-section a:hover{color:var(--color-primary)}.comparison-table{margin:var(--spacing-2xl) 0;overflow-x:auto}.comparison-table h3{font-size:24px;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.comparison-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.comparison-table th,.comparison-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table thead th{background:var(--color-primary);color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:var(--color-bg-alt)}.comparison-table td:first-child{font-weight:600;color:var(--color-text)}.testimonial-box{margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid var(--color-primary);border-radius:8px}.testimonial-quote{font-size:18px;font-style:italic;color:var(--color-text);line-height:1.7;margin-bottom:var(--spacing-sm)}.testimonial-author{font-size:14px;font-weight:600;color:var(--color-text-light);margin:0}.cta-box{margin:var(--spacing-2xl) 0;padding:var(--spacing-xl);background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:16px;text-align:center;color:#fff}.cta-box h3{font-size:28px;font-weight:700;color:#fff;margin-bottom:var(--spacing-sm)}.cta-box p{font-size:16px;color:#fffffff2;margin-bottom:var(--spacing-lg)}.cta-box .btn{background:#fff;color:var(--color-primary);border:none;padding:14px 32px;font-size:16px;font-weight:600}.cta-box .btn:hover{background:var(--color-bg-alt);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cta-box-secondary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid var(--color-border)}.cta-box-secondary h3{color:var(--color-text)}.cta-box-secondary p{color:var(--color-text-light)}.cta-box-secondary .btn{background:var(--color-primary);color:#fff}.blog-cta-final{margin:var(--spacing-2xl) 0;padding:var(--spacing-2xl);background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:20px;text-align:center;color:#fff}.blog-cta-final h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:var(--spacing-md)}.blog-cta-final p{font-size:18px;color:#fffffff2;margin-bottom:var(--spacing-xl)}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.cta-note{font-size:14px;color:#ffffffe6;margin-top:var(--spacing-md)}.btn-secondary{background:#fff;color:var(--color-primary);border:2px solid white}.btn-secondary:hover{background:#fffffff2;transform:translateY(-2px)}.faq-section{margin:var(--spacing-xl) 0}.faq-section .faq-item{margin-bottom:var(--spacing-md)}@media (max-width: 639px){.main-nav{gap:var(--spacing-xs)}.main-nav a,.main-nav .btn{padding:6px 12px;font-size:14px}.privacy-trust h2,.why-choose h2,.comparison-cta h2{font-size:28px}.choice-grid,.privacy-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.blog-header h1{font-size:32px}.blog-lead{font-size:18px}.blog-content{font-size:16px}.blog-content h2{font-size:26px}.blog-content h3{font-size:20px}.blog-listing-header h1{font-size:36px}.blog-listing-subtitle{font-size:18px}.blog-cta-content h3{font-size:24px}.blog-cta-content p{font-size:16px}}@media (min-width: 640px){.blog-header h1{font-size:48px}.blog-content h2{font-size:36px}}@media (min-width: 768px){.blog-listing-header h1{font-size:56px}.blog-grid{grid-template-columns:repeat(1,1fr)}}