@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');:root{--primary: #3F77AF;--primary-hover: #316091;--primary-light: #eaf2f9;--primary-glow: rgba(63,119,175,0.22);--secondary: #0ea5e9;--accent: #6366f1;--bg-main: #ffffff;--bg-subtle: #f8fafc;--bg-alt: #f1f5f9;--bg-dark: #090d16;--bg-card: #ffffff;--bg-card-hover: #fcfdfe;--surface: #ffffff;--surface-alt: #f8fafc;--text-main: #0f172a;--text-muted: #475569;--text-subtle: #64748b;--text-light: #94a3b8;--text-white: #ffffff;--border-subtle: #e2e8f0;--border-hover: #cbd5e1;--success: #10b981;--success-bg: #ecfdf5;--danger: #ef4444;--danger-bg: #fef2f2;--warning: #f59e0b;--font-sans: 'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading: 'Inter Tight','Inter',-apple-system,sans-serif;--font-mono: 'JetBrains Mono',monospace;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07),0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg: 0 10px 25px -5px rgba(15,23,42,0.08),0 8px 10px -6px rgba(15,23,42,0.04);--shadow-xl: 0 20px 35px -5px rgba(15,23,42,0.12),0 10px 15px -7px rgba(15,23,42,0.06);--shadow-blue: 0 10px 25px -5px rgba(63,119,175,0.25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition: all 0.22s cubic-bezier(0.16,1,0.3,1);--max-width: 1200px}[hidden]{display: none !important}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;font-size: 16px;-webkit-text-size-adjust: 100%;overflow-x: clip}body{font-family: var(--font-sans);color: var(--text-main);background-color: var(--bg-main);line-height: 1.6;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: clip;display: flex;flex-direction: column;min-height: 100vh}body.menu-open{overflow: hidden}img{max-width: 100%;height: auto;display: block}a{color: var(--primary);text-decoration: none;transition: var(--transition)}a:hover{color: var(--primary-hover)}h1,h2,h3,h4,h5,h6{font-family: var(--font-heading);color: var(--text-main);line-height: 1.25;font-weight: 700;letter-spacing: -0.02em}p{color: var(--text-muted)}.container{width: 100%;max-width: var(--max-width);margin: 0 auto;padding: 0 1.5rem}.container-sm{max-width: 800px}.container-xs{max-width: 480px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.7rem 1.4rem;font-family: var(--font-sans);font-weight: 600;font-size: 0.95rem;border-radius: var(--radius-md);border: 1px solid transparent;cursor: pointer;transition: var(--transition);text-decoration: none;white-space: nowrap}.btn-primary{background: linear-gradient(135deg,var(--primary) 0%,#2b537d 100%);color: var(--text-white);box-shadow: 0 4px 14px 0 rgba(63,119,175,0.35)}.btn-primary:hover{color: var(--text-white);transform: translateY(-1px);box-shadow: 0 6px 20px rgba(63,119,175,0.45)}.btn-secondary{background: var(--bg-card);color: var(--text-main);border-color: var(--border-subtle);box-shadow: var(--shadow-sm)}.btn-secondary:hover{background: var(--bg-subtle);border-color: var(--border-hover);transform: translateY(-1px)}.btn-ghost{background: transparent;color: var(--text-main)}.btn-ghost:hover{background: var(--bg-alt);color: var(--primary)}.btn-sm{padding: 0.45rem 0.9rem;font-size: 0.85rem;border-radius: var(--radius-sm)}.btn-lg{padding: 0.9rem 1.9rem;font-size: 1.05rem;border-radius: var(--radius-md)}.btn-full{width: 100%}.badge{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.35rem 0.85rem;border-radius: var(--radius-full);font-size: 0.8rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;background: var(--primary-light);color: var(--primary)}.badge-dark{background: rgba(255,255,255,0.12);color: #93c5fd;border: 1px solid rgba(255,255,255,0.15)}body{padding-top: 72px}body:has(.hero-video-section),body.has-hero-video{padding-top: 0}.site-header{position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 1000;border-radius: 0;background: linear-gradient( 180deg,rgba(255,255,255,0.78) 0%,rgba(244,248,255,0.52) 50%,rgba(228,240,255,0.65) 100% );backdrop-filter: blur(24px) saturate(210%) contrast(106%);-webkit-backdrop-filter: blur(24px) saturate(210%);border: none;border-bottom: 1.5px solid rgba(255,255,255,0.85);box-shadow:  inset 0 1.5px 1px 0 rgba(255,255,255,0.95),inset 0 -1.5px 2px 0 rgba(147,197,253,0.40),inset 0 -3px 4px 0 rgba(199,210,254,0.25),inset 0 0 32px 0 rgba(63,119,175,0.08),0 12px 36px -6px rgba(10,31,56,0.18),0 4px 14px -2px rgba(63,119,175,0.15);transition: all 0.3s cubic-bezier(0.16,1,0.3,1);overflow: visible}.site-header::before{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1.5px;background: linear-gradient( 90deg,rgba(255,255,255,0.5) 0%,rgba(147,197,253,0.9) 25%,rgba(63,119,175,0.85) 50%,rgba(216,180,254,0.9) 75%,rgba(255,255,255,0.5) 100% );pointer-events: none;z-index: 102}.site-header.scrolled{background: linear-gradient( 180deg,rgba(255,255,255,0.90) 0%,rgba(242,248,255,0.72) 50%,rgba(228,240,255,0.82) 100% );box-shadow: inset 0 1.5px 1px 0 rgba(255,255,255,1),inset 0 -1.5px 2px 0 rgba(147,197,253,0.50),inset 0 -3px 4px 0 rgba(199,210,254,0.30),inset 0 0 32px 0 rgba(63,119,175,0.12),0 16px 40px -6px rgba(10,31,56,0.22),0 6px 18px -2px rgba(63,119,175,0.20);border-bottom-color: rgba(255,255,255,0.95)}.nav-wrap{display: flex;align-items: center;justify-content: space-between;height: 64px;padding: 0 1.5rem}.brand-logo{display: flex;align-items: center;gap: 0.375rem;font-family: var(--font-heading);font-size: 1.25rem;font-weight: 800;color: var(--text-main);text-decoration: none;transition: transform 0.2s ease,filter 0.2s ease}.brand-logo:hover{transform: translateY(-0.5px);filter: drop-shadow(0 4px 12px rgba(63,119,175,0.25))}.brand-logo img{height: 32px;width: auto}.brand-logo .brand-name{color: var(--text-subtle)}.brand-xer{color: var(--primary)}.nav-menu{display: flex;align-items: center;gap: 0.35rem;list-style: none}.nav-link{font-weight: 500;font-size: 0.92rem;color: var(--text-main);transition: all 0.22s cubic-bezier(0.16,1,0.3,1);display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.45rem 1rem;border-radius: var(--radius-full);position: relative;text-decoration: none;border: 1px solid transparent}.nav-link:hover{color: var(--primary);background: rgba(255,255,255,0.70);border-color: rgba(63,119,175,0.25);box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.95),0 4px 12px rgba(63,119,175,0.15);transform: translateY(-1px)}.nav-link.active{color: var(--primary);background: linear-gradient(135deg,rgba(63,119,175,0.16) 0%,rgba(63,119,175,0.08) 100%);border-color: rgba(63,119,175,0.32);font-weight: 600;box-shadow: inset 0 1.5px 1px 0 rgba(255,255,255,0.95),0 4px 14px rgba(63,119,175,0.18)}.nav-item-dropdown{position: relative;padding: 0.5rem 0}.dropdown-menu{position: absolute;top: calc(100% + 12px);left: 50%;transform: translateX(-50%) translateY(4px);background: #ffffff;border: 1.5px solid rgba(63,119,175,0.22);border-radius: 24px;box-shadow: inset 0 1.5px 1px 0 rgba(255,255,255,0.95),0 24px 50px -10px rgba(10,31,56,0.28),0 8px 20px -4px rgba(63,119,175,0.20);min-width: 285px;padding: 0.75rem;display: none;flex-direction: column;gap: 0.3rem;z-index: 1010;animation: dropdownFadeIn 0.18s ease-out}.dropdown-menu::before{content: '';position: absolute;top: -16px;left: 0;right: 0;height: 16px;background: transparent}.nav-item-dropdown:hover .dropdown-menu,.nav-item-dropdown:focus-within .dropdown-menu,.nav-item-dropdown.open .dropdown-menu{display: flex}.dropdown-item{display: flex;flex-direction: column;padding: 0.75rem 1rem;border-radius: var(--radius-md);color: var(--text-main);transition: var(--transition);text-decoration: none;border-left: 3px solid transparent}.dropdown-item:hover{background: linear-gradient(90deg,rgba(63,119,175,0.10) 0%,rgba(63,119,175,0.03) 100%);color: var(--primary);border-left-color: var(--primary);transform: translateX(2px)}.dropdown-item strong{font-size: 0.9rem;font-weight: 600;color: var(--text-main)}.dropdown-item:hover strong{color: var(--primary)}.dropdown-item span{font-size: 0.78rem;color: var(--text-subtle);margin-top: 0.15rem}.nav-actions{display: flex;align-items: center;gap: 0.75rem}.auth-btn-login,.auth-btn-signup,.auth-btn-profile{visibility: hidden}.auth-resolved .auth-btn-login,.auth-resolved .auth-btn-signup,.auth-resolved .auth-btn-profile{visibility: visible}@keyframes auth-reveal-failsafe{to{visibility: visible}}.auth-btn-login,.auth-btn-signup{animation: auth-reveal-failsafe 0s linear 8s forwards}.nav-actions .btn-ghost{border-radius: var(--radius-full);padding: 0.45rem 1.15rem;background: rgba(255,255,255,0.65);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border: 1.5px solid rgba(255,255,255,0.85);box-shadow: inset 0 1.5px 1px rgba(255,255,255,0.95),inset 0 -1px 1px rgba(63,119,175,0.14),0 4px 12px rgba(10,31,56,0.10);color: var(--text-main);font-weight: 600;font-size: 0.88rem;transition: all 0.22s cubic-bezier(0.16,1,0.3,1)}.nav-actions .btn-ghost:hover{background: rgba(255,255,255,0.90);border-color: var(--primary);color: var(--primary);transform: translateY(-1.5px) scale(1.02);box-shadow: inset 0 1.5px 1px rgba(255,255,255,1),0 8px 20px rgba(63,119,175,0.24)}.nav-actions .btn-primary{border-radius: var(--radius-full);padding: 0.45rem 1.35rem;background: linear-gradient(135deg,#4d89c7 0%,#3F77AF 60%,#295179 100%);border: 1.5px solid rgba(255,255,255,0.45);box-shadow: inset 0 1.5px 1px rgba(255,255,255,0.55),0 6px 20px rgba(63,119,175,0.42);color: #ffffff;font-weight: 600;font-size: 0.88rem;transition: all 0.22s cubic-bezier(0.16,1,0.3,1)}.nav-actions .btn-primary:hover{transform: translateY(-1.5px) scale(1.02);box-shadow: inset 0 1.5px 1px rgba(255,255,255,0.75),0 8px 26px rgba(63,119,175,0.54)}.user-profile-badge{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.4rem 1rem;background: rgba(255,255,255,0.75);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1.5px solid rgba(255,255,255,0.85);border-radius: var(--radius-full);box-shadow: inset 0 1.5px 1px 0 rgba(255,255,255,0.95),0 4px 12px rgba(63,119,175,0.12);font-weight: 600;font-size: 0.88rem;color: var(--text-main);transition: var(--transition)}.user-profile-badge:hover{background: var(--primary-light);border-color: var(--primary);color: var(--primary);box-shadow: inset 0 1.5px 1px 0 rgba(255,255,255,1),0 6px 16px rgba(63,119,175,0.20)}.mobile-menu-btn{display: none;background: none;border: none;cursor: pointer;padding: 0.5rem;color: var(--text-main)}.mobile-nav-drawer{display: none;position: fixed;top: 72px;left: 0;right: 0;max-height: calc(100vh - 72px);background: rgba(255,255,255,0.96);backdrop-filter: blur(28px) saturate(200%);-webkit-backdrop-filter: blur(28px) saturate(200%);border-radius: 0 0 24px 24px;border-bottom: 1.5px solid rgba(63,119,175,0.20);box-shadow: inset 0 1.5px 1px 0 rgba(255,255,255,0.95),0 28px 56px -12px rgba(10,31,56,0.35),0 12px 24px -6px rgba(63,119,175,0.22);padding: 1.75rem;flex-direction: column;gap: 1rem;overflow-y: auto;z-index: 999}.mobile-nav-drawer.open{display: flex}.mobile-nav-drawer .nav-link{font-size: 1.1rem;padding: 0.75rem 0.5rem;border-bottom: 1px solid rgba(63,119,175,0.12)}.hero{padding: 5rem 0 4rem;background: radial-gradient(circle at 50% 0%,rgba(63,119,175,0.08) 0%,rgba(255,255,255,0) 70%);text-align: center;position: relative;z-index: 1}.hero-video-section{position: relative;z-index: 1;overflow: hidden;padding: 6.5rem 0 4.5rem;background: #0a1f38}.hero-video-container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 0;pointer-events: none}.hero-video-bg{width: 100%;height: 100%;object-fit: cover;object-position: center;filter: none}.hero-video-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(10,31,56,0.12)}.hero-video-section .hero-content{position: relative;z-index: 2}.hero-video-section .badge-hero{background: rgba(255,255,255,0.9);color: var(--primary);border: 1px solid rgba(255,255,255,0.95);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);box-shadow: 0 2px 8px rgba(0,0,0,0.15);font-weight: 700}.hero-video-section .hero-badge-wrap{margin-bottom: 1.25rem}.hero-split-copy .hero-title{margin-top: 0;margin-bottom: 0.85rem}.hero-video-section .hero-title{color: #ffffff;text-shadow: 0 2px 10px rgba(0,0,0,0.65),0 1px 3px rgba(0,0,0,0.8)}.hero-video-section .gradient-text-hero{color: #ffffff;-webkit-text-fill-color: #ffffff;text-shadow: 0 2px 10px rgba(0,0,0,0.65),0 1px 3px rgba(0,0,0,0.8)}.hero-video-section .hero-subtitle-video{color: #ffffff;text-shadow: 0 2px 8px rgba(0,0,0,0.7),0 1px 3px rgba(0,0,0,0.85);font-weight: 500}.hero-video-section .btn-hero-secondary{background: rgba(255,255,255,0.92);color: var(--text-main);border-color: #ffffff;box-shadow: 0 4px 14px rgba(0,0,0,0.18);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.hero-video-section .btn-hero-secondary:hover{background: #ffffff;color: var(--primary);transform: translateY(-1px);box-shadow: 0 6px 20px rgba(0,0,0,0.25)}.hero-video-section .hero-preview{background: rgba(255,255,255,0.25);border: 1px solid rgba(255,255,255,0.4);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: 0 20px 45px -10px rgba(0,0,0,0.4)}.hero-content{max-width: 820px;margin: 0 auto}.hero h1{font-size: clamp(2.16rem,4.5vw,3.42rem);font-weight: 800;line-height: 1.15;margin: 1.25rem 0;letter-spacing: -0.03em}.hero h1 .gradient-text{background: linear-gradient(135deg,#0f172a 30%,var(--primary) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.hero-subtitle{font-size: 1.25rem;color: var(--text-muted);line-height: 1.6;margin-bottom: 2.2rem;max-width: 680px;margin-left: auto;margin-right: auto}.hero-cta{display: flex;align-items: center;justify-content: center;gap: 1rem;flex-wrap: wrap;margin-bottom: 3.5rem}.hero-preview{position: relative;max-width: 1040px;margin: 0 auto;border-radius: var(--radius-xl);padding: 0.5rem;background: linear-gradient(135deg,rgba(63,119,175,0.2),rgba(226,232,240,0.6));box-shadow: var(--shadow-xl)}.hero-preview-window{border-radius: calc(var(--radius-xl) - 4px);overflow: hidden;background: var(--bg-card);border: 1px solid var(--border-subtle)}.hero-preview-window img{width: 100%;height: auto;display: block}@media (min-width:901px){.hero-video-section{min-height: 100vh;display: flex;align-items: center}.hero-video-section .hero-content{width: 100%}}.hero-split{max-width: 1500px;display: grid;grid-template-columns: 0.744fr 1.256fr;gap: 2.75rem;align-items: center;text-align: left}.hero-split-copy{min-width: 0}.hero-split .hero-subtitle{margin-left: 0;margin-right: 0;margin-bottom: 2rem;max-width: none}.hero-split .hero-cta{justify-content: flex-start;margin-bottom: 1.5rem}.hero-split .hero-trial-info{display: flex;justify-content: flex-start}.hero-split .hero-preview{max-width: 100%;margin: 0;min-width: 0}@media (max-width:900px){.hero-split{grid-template-columns: 1fr;gap: 2.5rem;text-align: center}.hero-split .hero-subtitle{margin-left: auto;margin-right: auto}.hero-split .hero-cta,.hero-split .hero-trial-info{justify-content: center}}.hero-carousel{position: relative;overflow: hidden}.hero-carousel-track{display: flex;will-change: transform}.hero-carousel-track.is-ready{transition: transform 700ms cubic-bezier(0.16,1,0.3,1)}.hero-carousel-track.is-jumping{transition: none}.hero-slide{flex: 0 0 100%;min-width: 0;margin: 0}.hero-slide img{width: 100%;height: auto;display: block}.hero-carousel-dots{position: absolute;left: 50%;bottom: 0.85rem;transform: translateX(-50%);display: flex;gap: 0.45rem;padding: 0.35rem 0.6rem;border-radius: 999px;background: rgba(15,23,42,0.28);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px)}.hero-carousel-dots:empty{display: none}.hero-dot{width: 8px;height: 8px;padding: 0;border: 0;border-radius: 50%;background: rgba(255,255,255,0.55);cursor: pointer;transition: background 0.25s ease,width 0.25s ease}.hero-dot:hover{background: rgba(255,255,255,0.85)}.hero-dot.is-active{width: 20px;border-radius: 999px;background: #ffffff}.hero-dot:focus-visible{outline: 2px solid #ffffff;outline-offset: 2px}@media (max-width:640px){.hero-carousel-dots{bottom: 0.5rem;gap: 0.3rem;padding: 0.3rem 0.45rem}.hero-dot{width: 6px;height: 6px}.hero-dot.is-active{width: 15px}}@media (prefers-reduced-motion:reduce){.hero-carousel-track,.hero-carousel-track.is-ready{transition: none}}.preview-bar{background: #f8fafc;padding: 0.65rem 1rem;display: flex;align-items: center;gap: 0.4rem;border-bottom: 1px solid var(--border-subtle)}.preview-dot{width: 10px;height: 10px;border-radius: 50%;display: inline-block}.dot-red{background: #ef4444}.dot-yellow{background: #f59e0b}.dot-green{background: #10b981}.preview-title{margin-left: 0.5rem;font-size: 0.75rem;font-weight: 500;color: var(--text-subtle);font-family: var(--font-mono)}.section{padding: 5rem 0}.section-alt{background-color: var(--bg-subtle);border-top: 1px solid var(--border-subtle);border-bottom: 1px solid var(--border-subtle)}.section-dark{background-color: #090d16;color: #f8fafc;border-top: 1px solid #1e293b;border-bottom: 1px solid #1e293b}.section-dark h2,.section-dark h3{color: #ffffff}.section-dark p{color: #94a3b8}.section-header{text-align: center;max-width: 700px;margin: 0 auto 3.5rem}.section-header h2{font-size: clamp(1.8rem,3.5vw,2.6rem);margin-bottom: 1rem}.section-header p{font-size: 1.1rem}.grid{display: grid;gap: 1.75rem}.grid-3{grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid-2{grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr))}.card{background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);padding: 2rem;box-shadow: var(--shadow-sm);transition: var(--transition);position: relative;display: flex;flex-direction: column}.card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--border-hover)}.card-icon{width: 52px;height: 52px;border-radius: var(--radius-md);background: var(--primary-light);color: var(--primary);display: flex;align-items: center;justify-content: center;margin-bottom: 1.25rem;font-size: 1.5rem}.card h3{font-size: 1.25rem;margin-bottom: 0.75rem}.card p{font-size: 0.95rem;line-height: 1.6}.persona-card{background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);padding: 2rem;transition: var(--transition)}.persona-card:hover{background: var(--bg-card-hover);border-color: rgba(63,119,175,0.4);box-shadow: var(--shadow-md);transform: translateY(-3px)}.persona-badge{display: inline-block;padding: 0.25rem 0.75rem;background: var(--primary-light);color: var(--primary);border-radius: var(--radius-full);font-size: 0.78rem;font-weight: 600;margin-bottom: 1rem}.split-feature{display: grid;grid-template-columns: 1fr 1fr;align-items: center;gap: 3.5rem;margin-bottom: 4.5rem}.split-feature.reverse{direction: rtl}.split-feature.reverse>*{direction: ltr}.split-feature-img{border-radius: var(--radius-lg);overflow: hidden;box-shadow: 0 16px 36px -10px rgba(15,23,42,0.12),0 0 0 1px var(--border-subtle);background: var(--bg-card);transition: transform 0.3s ease,box-shadow 0.3s ease}.split-feature-img:hover{transform: translateY(-4px);box-shadow: 0 24px 48px -12px rgba(63,119,175,0.18),0 0 0 1px rgba(63,119,175,0.25)}.split-feature-img img{width: 100%;height: auto;display: block}.split-feature-img video,video.feature-video{width: 100%;height: auto;display: block;aspect-ratio: 16 / 9;object-fit: cover}.product-hero-mockup{max-width: 860px;margin: 3rem auto 0;border-radius: var(--radius-xl);overflow: hidden;box-shadow: 0 20px 40px -15px rgba(15,23,42,0.15),0 0 0 1px var(--border-subtle);background: #ffffff;transition: var(--transition)}.product-hero-mockup:hover{transform: translateY(-3px);box-shadow: 0 25px 50px -12px rgba(63,119,175,0.2),0 0 0 1px rgba(63,119,175,0.3)}.product-hero-mockup img{width: 100%;height: auto;display: block}.product-plan-card{background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);padding: 2.25rem 2rem;display: flex;flex-direction: column;justify-content: space-between;text-align: center;transition: var(--transition);position: relative}.product-plan-card:hover{border-color: var(--primary);transform: translateY(-4px);box-shadow: var(--shadow-xl)}.product-plan-card h3{font-size: 1.4rem;margin-bottom: 1rem;color: var(--text-main)}.product-plan-card p{color: var(--text-muted);font-size: 0.96rem;line-height: 1.65;margin-bottom: 2rem;flex-grow: 1}.compare-cta-box{background: linear-gradient(135deg,var(--bg-subtle) 0%,var(--bg-card) 100%);border: 1px solid var(--border-subtle);border-radius: var(--radius-xl);padding: 3.5rem 2rem;text-align: center;margin: 4.5rem auto 2rem;max-width: 900px;box-shadow: var(--shadow-md);position: relative;overflow: hidden}.compare-cta-box::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg,var(--primary),#0ea5e9)}.compare-cta-box h3{font-size: 2rem;font-weight: 700;margin-bottom: 0.75rem}.compare-cta-box p{font-size: 1.1rem;color: var(--text-muted);max-width: 580px;margin: 0 auto 2rem}.split-feature-content h3{font-size: 1.8rem;margin-bottom: 1rem}.split-feature-content p{font-size: 1.05rem;margin-bottom: 1.5rem}.feature-checklist{list-style: none;display: flex;flex-direction: column;gap: 0.65rem}.feature-checklist li{display: flex;align-items: flex-start;gap: 0.75rem;font-size: 0.95rem;color: var(--text-main);line-height: 1.5}.feature-checklist li svg{color: var(--primary);flex-shrink: 0;margin-top: 0.2rem}.pricing-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));gap: 2rem;align-items: stretch}.pricing-card{background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-xl);padding: 2.5rem 2rem;display: flex;flex-direction: column;position: relative;transition: var(--transition);box-shadow: var(--shadow-md)}.pricing-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-xl)}.pricing-card.featured{border-color: var(--primary);box-shadow: 0 12px 30px -5px rgba(63,119,175,0.2)}.featured-ribbon{position: absolute;top: -12px;left: 50%;transform: translateX(-50%);background: linear-gradient(135deg,var(--primary),#2b537d);color: #fff;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;padding: 0.3rem 1rem;border-radius: var(--radius-full)}.pricing-header h3{font-size: 1.4rem;margin-bottom: 0.5rem}.cloud-plan-subtitle{font-size: 0.95rem;font-weight: 600;color: var(--primary);margin-left: 0.35rem;letter-spacing: normal}.pricing-price{margin: 1.25rem 0 0.4rem;display: flex;align-items: baseline;gap: 0.3rem}.pricing-price+.pricing-features{margin-top: 0.65rem}.pricing-price .prefix{font-size: 1.1rem;font-weight: 600;color: var(--text-muted)}.pricing-price .currency{font-size: 1.5rem;font-weight: 600;color: var(--text-main)}.pricing-price .amount{font-size: 2.8rem;font-weight: 800;color: var(--text-main);line-height: 1}.pricing-price .period{font-size: 0.95rem;color: var(--text-subtle)}.pricing-features{list-style: none;margin: 0.65rem 0 1.75rem;display: flex;flex-direction: column;gap: 0.8rem;flex-grow: 1}.pricing-features li{display: flex;align-items: flex-start;gap: 0.65rem;font-size: 0.92rem;color: var(--text-muted);line-height: 1.5}.pricing-features li span{flex: 1;text-align: left}.pricing-features li span strong{color: var(--text-main)}.pricing-features li.disabled{color: var(--text-light);text-decoration: line-through}.pricing-features li.dimmed-feature{color: var(--text-light);transition: color 0.2s ease}.pricing-features li.dimmed-feature>svg{opacity: 0.35;transition: opacity 0.2s ease}.pricing-features li.dimmed-feature span strong{color: var(--text-muted);font-weight: 600;transition: color 0.2s ease}.pricing-features li.dimmed-feature .pro-preview-badge{opacity: 1}.pricing-features svg{width: 18px;height: 18px;margin-top: 3px;flex-shrink: 0}.pro-preview-badge{display: inline-flex;align-items: center;font-size: 0.65rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;background: var(--primary-light,#eaf2f9);color: var(--primary,#3a7bbf);border: 1px solid rgba(58,123,191,0.3);padding: 0.15rem 0.45rem;border-radius: 9999px;margin-left: 0.35rem;vertical-align: middle;cursor: help;position: relative;white-space: nowrap;user-select: none;line-height: 1.1}.pro-preview-badge .tooltip-box{visibility: hidden;opacity: 0;position: absolute;bottom: calc(100% + 8px);right: -10px;background: #1e293b;color: #ffffff;padding: 0.55rem 0.75rem;border-radius: 6px;font-size: 0.75rem;font-weight: 400;text-transform: none;letter-spacing: normal;white-space: normal;width: 230px;line-height: 1.4;box-shadow: 0 10px 25px rgba(0,0,0,0.25);z-index: 1000;pointer-events: none;transition: opacity 0.2s ease,visibility 0.2s ease}.pro-preview-badge .tooltip-box::after{content: '';position: absolute;top: 100%;right: 25px;border-width: 5px 5px 0 5px;border-style: solid;border-color: #1e293b transparent transparent transparent}.pro-preview-badge:hover .tooltip-box{visibility: visible;opacity: 1}.feature-info-icon{display: inline-flex;align-items: center;justify-content: center;width: 15px;height: 15px;border-radius: 50%;background: rgba(58,123,191,0.12);color: var(--primary,#3a7bbf);border: 1px solid rgba(58,123,191,0.28);font-size: 0.65rem;font-weight: 700;font-family: var(--font-sans,system-ui,sans-serif);font-style: normal;margin-left: 0.35rem;vertical-align: middle;cursor: pointer;position: relative;user-select: none;line-height: 1;text-decoration: none;transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.feature-info-icon:hover,.feature-info-icon:focus-visible{background: var(--primary,#3a7bbf);color: #ffffff;border-color: var(--primary,#3a7bbf);box-shadow: 0 0 8px rgba(58,123,191,0.35);transform: scale(1.12);text-decoration: none}.feature-info-icon:focus:not(:focus-visible){outline: none;background: rgba(58,123,191,0.12);color: var(--primary,#3a7bbf);border-color: rgba(58,123,191,0.28);box-shadow: none;transform: none}.feature-info-icon:active{transform: scale(0.95)}.feature-info-icon .tooltip-box{visibility: hidden;opacity: 0;position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%);background: #1e293b;color: #ffffff;padding: 0.55rem 0.75rem;border-radius: 6px;font-size: 0.75rem;font-weight: 400;text-transform: none;letter-spacing: normal;white-space: normal;width: 230px;line-height: 1.4;box-shadow: 0 10px 25px rgba(0,0,0,0.25);z-index: 1000;pointer-events: none;transition: opacity 0.2s ease,visibility 0.2s ease;text-align: left}.feature-info-icon .tooltip-box::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-width: 5px 5px 0 5px;border-style: solid;border-color: #1e293b transparent transparent transparent}.feature-info-icon:hover .tooltip-box,.feature-info-icon:focus-visible .tooltip-box{visibility: visible;opacity: 1}@media (max-width:480px){.feature-info-icon .tooltip-box{left: auto;right: -20px;transform: none;width: 200px}.feature-info-icon .tooltip-box::after{left: auto;right: 23px;transform: none}}.select-cloud-plan{width: 100%;padding: 0.6rem 0.8rem;border: 1px solid var(--border-subtle);border-radius: var(--radius-md);margin-bottom: 1.25rem;font-family: var(--font-sans);font-size: 0.9rem;background: var(--bg-alt);color: var(--text-main)}.pricing-disclaimer-note{text-align: center;font-size: 0.85rem;color: var(--text-muted);line-height: 1.5;max-width: 860px;margin: 1.75rem auto 0;padding: 0 1rem}.pricing-disclaimer-note strong{color: var(--text-main);font-weight: 600}.custom-plan-banner{background: linear-gradient(135deg,var(--bg-card) 0%,var(--bg-subtle) 100%);border: 1px solid var(--border-subtle);border-radius: var(--radius-xl);padding: 3rem 2.5rem;margin-top: 2rem;position: relative;overflow: hidden;box-shadow: var(--shadow-md);display: flex;align-items: center;justify-content: space-between;gap: 2.5rem}.custom-plan-banner::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg,var(--primary),#0ea5e9,#6366f1)}.custom-plan-content{flex: 1 1 auto;max-width: 760px}.custom-plan-badge{display: inline-flex;align-items: center;gap: 0.4rem;background: rgba(58,123,191,0.1);color: var(--primary);border: 1px solid rgba(58,123,191,0.25);padding: 0.3rem 0.8rem;border-radius: 9999px;font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 0.85rem}.custom-plan-badge svg{width: 15px;height: 15px;color: var(--primary)}.custom-plan-content h3{font-size: 1.75rem;font-weight: 700;color: var(--text-main);margin-bottom: 0.65rem;line-height: 1.3}.custom-plan-content p{font-size: 1.02rem;color: var(--text-muted);line-height: 1.6;margin-bottom: 1.5rem}.custom-plan-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 0.75rem}.custom-plan-item{display: flex;align-items: center;gap: 0.6rem;font-size: 0.9rem;color: var(--text-main);background: var(--bg-card);border: 1px solid var(--border-subtle);padding: 0.6rem 0.85rem;border-radius: var(--radius-md)}.custom-plan-item svg{width: 17px;height: 17px;flex-shrink: 0}.custom-plan-actions{flex: 0 0 auto;display: flex;flex-direction: column;align-items: center;gap: 0.65rem;text-align: center}.custom-plan-actions .btn{white-space: nowrap;padding: 0.85rem 1.75rem;font-size: 1rem;font-weight: 600;width: 100%}.custom-plan-note{font-size: 0.8rem;color: var(--text-muted);white-space: nowrap}@media (max-width:900px){.custom-plan-banner{flex-direction: column;align-items: stretch;padding: 2.25rem 1.5rem;gap: 1.75rem;text-align: left}.custom-plan-actions{align-items: stretch}}.download-card{text-align: center;padding: 3rem 2rem;background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-xl);box-shadow: var(--shadow-md);transition: var(--transition);display: flex;flex-direction: column}.download-card h3{font-size: 1.4rem;margin-bottom: 0.75rem}.download-card p{flex-grow: 1;color: var(--text-muted);line-height: 1.6;margin-bottom: 2rem}.download-card .btn{margin-top: auto}.download-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-xl);border-color: var(--border-hover)}.download-icon{width: 76px;height: 76px;margin: 0 auto 1.5rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: var(--transition)}.download-icon.icon-windows{background: rgba(0,120,212,0.08);border: 1.5px solid rgba(0,120,212,0.22);color: #0078D4}.download-icon.icon-apple{background: rgba(15,23,42,0.06);border: 1.5px solid rgba(15,23,42,0.16);color: #0f172a}.download-icon.icon-web{background: rgba(63,119,175,0.08);border: 1.5px solid rgba(63,119,175,0.22);color: var(--primary)}.download-card:hover .download-icon{transform: scale(1.08)}.auth-wrapper{min-height: calc(100vh - 160px);display: flex;align-items: center;justify-content: center;padding: 3rem 1.5rem;background: radial-gradient(circle at 50% 10%,rgba(63,119,175,0.05) 0%,transparent 60%)}.auth-card{width: 100%;max-width: 440px;background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-xl);padding: 2.5rem 2rem;box-shadow: var(--shadow-xl)}.auth-header{text-align: center;margin-bottom: 2rem}.auth-header h1{font-size: 1.75rem;margin-bottom: 0.5rem}.form-group{margin-bottom: 1.25rem}.form-consent{display: flex;align-items: flex-start;gap: 0.6rem;margin-bottom: 1.25rem}.form-consent input[type="checkbox"]{flex: 0 0 auto;width: 1rem;height: 1rem;margin: 0;margin-top: 0.15rem;accent-color: var(--primary);cursor: pointer}.form-consent label{display: block;margin: 0;font-size: 0.85rem;font-weight: 400;line-height: 1.5;color: var(--text-muted);cursor: pointer}.form-consent label a{color: var(--primary);text-decoration: underline}.form-group label{display: block;font-size: 0.88rem;font-weight: 600;margin-bottom: 0.4rem;color: var(--text-main)}.form-input,.form-textarea,.form-select{width: 100%;padding: 0.75rem 1rem;font-size: 0.95rem;font-family: var(--font-sans);border: 1px solid var(--border-subtle);border-radius: var(--radius-md);background: #ffffff;color: var(--text-main);transition: var(--transition)}.form-input::placeholder,.form-textarea::placeholder,input::placeholder,textarea::placeholder{color: var(--text-light);opacity: 1}.form-input:focus,.form-textarea:focus,.form-select:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px var(--primary-glow)}.form-footer{text-align: center;margin-top: 1.5rem;font-size: 0.88rem;color: var(--text-muted)}.alert-box{padding: 0.85rem 1rem;border-radius: var(--radius-md);font-size: 0.9rem;margin-bottom: 1.25rem;display: none}.alert-danger{background: var(--danger-bg);border: 1px solid rgba(239,68,68,0.2);color: var(--danger)}.alert-success{background: var(--success-bg);border: 1px solid rgba(16,185,129,0.2);color: var(--success)}.dashboard-layout{display: grid;grid-template-columns: 240px 1fr;gap: 2.5rem;padding: 3rem 0;min-height: 600px}.dashboard-sidebar{background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);padding: 1rem;height: fit-content;box-shadow: var(--shadow-sm)}.sidebar-nav{list-style: none;display: flex;flex-direction: column;gap: 0.4rem}.sidebar-btn{display: flex;align-items: center;gap: 0.75rem;padding: 0.7rem 1rem;border-radius: var(--radius-md);font-weight: 600;font-size: 0.92rem;color: var(--text-muted);border: none;background: none;width: 100%;text-align: left;cursor: pointer;transition: var(--transition)}.sidebar-btn:hover{background: var(--bg-alt);color: var(--primary)}.sidebar-btn.active{background: var(--primary-light);color: var(--primary)}.dashboard-content{background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-xl);padding: 2.5rem;box-shadow: var(--shadow-sm)}.tab-content{display: none}.tab-content.active{display: block}.info-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 1.5rem;margin: 1.5rem 0}.info-card{background: var(--bg-subtle);border: 1px solid var(--border-subtle);border-radius: var(--radius-md);padding: 1.25rem}.info-label{font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-subtle);margin-bottom: 0.25rem}.info-value{font-size: 1.15rem;font-weight: 700;color: var(--text-main)}#subscription-error-area a{color: var(--primary);text-decoration: underline;font-weight: 600;cursor: pointer}#subscription-error-area a:hover{color: var(--primary-hover);text-decoration: underline}.legal-body{padding: 3.5rem 0 5rem;max-width: 820px;margin: 0 auto}.legal-body h1{font-size: 2.2rem;margin-bottom: 0.5rem}.legal-meta{color: var(--text-subtle);font-size: 0.9rem;margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 1px solid var(--border-subtle)}.legal-body h2{font-size: 1.45rem;margin: 3.25rem 0 1rem;padding-top: 1.5rem;border-top: 1px solid var(--border-subtle)}.legal-body h2:first-of-type{margin-top: 2rem;padding-top: 0;border-top: none}.legal-body h3{font-size: 1.12rem;margin: 2.25rem 0 0.7rem;color: var(--text-main)}.legal-body h4{font-size: 1.02rem;margin: 1.9rem 0 0.6rem}.legal-body h5,.legal-body h6{font-size: 0.97rem;margin: 1.6rem 0 0.5rem;letter-spacing: 0;text-transform: uppercase;color: var(--text-muted)}.legal-body p{margin-bottom: 1.25rem;line-height: 1.75}.legal-body ul,.legal-body ol{margin: 1rem 0 1.5rem 1.4rem;color: var(--text-muted);line-height: 1.75}.legal-body li{margin-bottom: 0.6rem;padding-left: 0.3rem}.legal-component-meta{font-size: 0.92rem;color: var(--text-subtle);margin-top: -0.4rem;margin-bottom: 0.9rem}.legal-licence{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 0.8rem;line-height: 1.6;color: var(--text-muted);background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: 8px;padding: 1rem 1.15rem;margin-bottom: 2rem;white-space: pre-wrap;overflow-wrap: anywhere}@media (max-width:640px){.legal-licence{font-size: 0.72rem;padding: 0.8rem 0.9rem}}.legal-defs p{margin-bottom: 1.1rem;padding: 0.85rem 1.1rem;background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: 8px}.legal-defs p>strong:first-child{display: block;margin-bottom: 0.3rem;color: var(--text-main);font-size: 1.02rem}@media (max-width:640px){.legal-body h1{font-size: 1.7rem}.legal-body h2{font-size: 1.25rem;margin-top: 2.5rem}.legal-body ul,.legal-body ol{margin-left: 1.1rem}.legal-defs p{padding: 0.75rem 0.9rem}}.site-footer{background: #090d16;color: #94a3b8;border-top: 1px solid #1e293b;padding: 4.5rem 0 2rem;margin-top: auto}.footer-grid{display: grid;grid-template-columns: 2fr 1fr 1fr 1.5fr;gap: 3rem;margin-bottom: 3.5rem}.footer-brand h4{color: #ffffff;font-size: 1.25rem;margin-bottom: 1rem}.footer-brand .footer-logo{display: flex;align-items: center;gap: 0.3rem;font-weight: 800;color: #334155}.footer-logo img{height: 28px;width: auto}.footer-brand p{color: #64748b;font-size: 0.92rem;line-height: 1.6;max-width: 320px}.footer-col h5{color: #ffffff;font-size: 0.95rem;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 1.25rem}.footer-links{list-style: none;display: flex;flex-direction: column;gap: 0.75rem}.footer-links a{color: #94a3b8;font-size: 0.92rem;transition: var(--transition)}.footer-links a:hover{color: #ffffff;transform: translateX(2px)}.footer-bottom{border-top: 1px solid #1e293b;padding-top: 2rem;display: flex;align-items: center;justify-content: space-between;font-size: 0.85rem;color: #64748b;flex-wrap: wrap;gap: 1rem}.footer-bottom a{color: #94a3b8;text-decoration: underline;text-underline-offset: 2px;transition: var(--transition)}.footer-bottom a:hover{color: #ffffff}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}@keyframes dropdownFadeIn{from{opacity: 0;transform: translateX(-50%) translateY(4px)}to{opacity: 1;transform: translateX(-50%) translateY(8px)}}@keyframes modalOverlayFadeIn{from{opacity: 0}to{opacity: 1}}@keyframes modalBoxPopIn{from{opacity: 0;transform: scale(0.97) translateY(-6px)}to{opacity: 1;transform: scale(1) translateY(0)}}.views-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));gap: 1.75rem;margin-top: 2.5rem}.view-card{background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-xl);padding: 2rem;transition: all 0.28s cubic-bezier(0.16,1,0.3,1);display: flex;flex-direction: column;position: relative;overflow: hidden;box-shadow: 0 4px 16px rgba(15,23,42,0.04)}.view-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3.5px;background: linear-gradient(90deg,var(--primary) 0%,#60a5fa 100%);opacity: 0;transition: opacity 0.25s ease}.view-card:hover{transform: translateY(-4px);border-color: rgba(63,119,175,0.35);box-shadow: 0 16px 36px -8px rgba(63,119,175,0.16),0 4px 12px rgba(10,31,56,0.06)}.view-card:hover::before{opacity: 1}.view-header{display: flex;align-items: center;gap: 1rem;margin-bottom: 1.25rem}.view-icon-badge{width: 52px;height: 52px;border-radius: 14px;background: linear-gradient(135deg,rgba(63,119,175,0.12) 0%,rgba(63,119,175,0.04) 100%);border: 1.5px solid rgba(63,119,175,0.20);display: flex;align-items: center;justify-content: center;font-size: 1.6rem;color: var(--primary);flex-shrink: 0}.view-title-wrap h3{margin: 0;font-size: 1.25rem;font-weight: 700;color: var(--text-main)}.view-subtitle,.view-shortcut{display: inline-block;font-size: 0.78rem;font-weight: 600;color: var(--primary);background: var(--primary-light);padding: 0.2rem 0.6rem;border-radius: 6px;margin-top: 0.25rem;border: 1px solid rgba(63,119,175,0.15)}.view-card p{color: var(--text-muted);font-size: 0.94rem;line-height: 1.6;margin-bottom: 1.25rem;flex-grow: 1}.view-tags{display: flex;flex-wrap: wrap;gap: 0.5rem}.view-tag{font-size: 0.78rem;font-weight: 600;background: #f1f5f9;color: #475569;padding: 0.3rem 0.65rem;border-radius: var(--radius-full);border: 1px solid #e2e8f0}.analyzer-dashboard-box{background: linear-gradient(145deg,#0d213a 0%,#0a1728 100%);border: 1px solid rgba(255,255,255,0.12);border-radius: var(--radius-2xl);padding: 2.5rem;color: #ffffff;box-shadow: 0 24px 60px -12px rgba(10,31,56,0.5);margin: 3rem 0}.analyzer-header-grid{display: grid;grid-template-columns: 1fr auto;gap: 2rem;align-items: center;border-bottom: 1px solid rgba(255,255,255,0.12);padding-bottom: 2rem;margin-bottom: 2rem}.analyzer-score-badge{text-align: center;background: rgba(255,255,255,0.08);border: 1.5px solid rgba(63,119,175,0.4);padding: 1rem 1.75rem;border-radius: 18px;backdrop-filter: blur(12px)}.analyzer-score-val{font-size: 2.75rem;font-weight: 800;color: #38bdf8;line-height: 1}.analyzer-score-lbl{font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.08em;color: #94a3b8;margin-top: 0.4rem;font-weight: 600}.analyzer-metrics-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 1rem}.analyzer-metric-card{background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 14px;padding: 1.1rem 1.25rem;transition: all 0.2s ease}.analyzer-metric-card:hover{background: rgba(255,255,255,0.08);border-color: rgba(63,119,175,0.5);transform: translateY(-2px)}.analyzer-metric-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.4rem}.analyzer-metric-title{font-weight: 600;font-size: 0.92rem;color: #f8fafc}.analyzer-pill-pass{background: rgba(34,197,94,0.2);color: #4ade80;border: 1px solid rgba(34,197,94,0.3);font-size: 0.72rem;padding: 0.15rem 0.5rem;border-radius: 9999px;font-weight: 700}.analyzer-pill-audit{background: rgba(56,189,248,0.2);color: #38bdf8;border: 1px solid rgba(56,189,248,0.3);font-size: 0.72rem;padding: 0.15rem 0.5rem;border-radius: 9999px;font-weight: 700}.analyzer-metric-desc{font-size: 0.8rem;color: #94a3b8;line-height: 1.45}.feature-spec-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 1.75rem;margin-top: 2rem}.spec-card{background: #ffffff;border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);padding: 1.75rem;box-shadow: var(--shadow-sm);transition: var(--transition)}.spec-card:hover{border-color: rgba(63,119,175,0.35);box-shadow: 0 10px 25px -5px rgba(63,119,175,0.12)}.spec-icon{font-size: 1.75rem;margin-bottom: 1rem}.spec-card h4{font-size: 1.15rem;font-weight: 700;color: var(--text-main);margin-bottom: 0.6rem}.spec-card p{font-size: 0.92rem;color: var(--text-muted);line-height: 1.55}.spec-list{list-style: none;padding: 0;margin: 1rem 0 0;display: flex;flex-direction: column;gap: 0.5rem}.spec-list li{display: flex;align-items: center;gap: 0.5rem;font-size: 0.88rem;color: #334155;font-weight: 500}.spec-list svg{color: var(--primary);flex-shrink: 0}.hero-formats-minimal{display: inline-flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 0.5rem;font-size: 0.84rem;color: rgba(255,255,255,0.95);background: rgba(255,255,255,0.16);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);padding: 0.45rem 1.25rem;border-radius: 9999px;border: 1px solid rgba(255,255,255,0.32);margin: 1.25rem auto 2.25rem;box-shadow: 0 4px 16px rgba(0,0,0,0.22)}.hero-formats-minimal strong{color: #ffffff;font-weight: 700;letter-spacing: 0.02em}.hero-formats-minimal .format-sep{opacity: 0.5;font-size: 0.75rem}.product-format-pills{display: flex;justify-content: center;flex-wrap: wrap;gap: 0.5rem;margin: 1.25rem 0}.product-format-pills .pill{font-size: 0.82rem;font-weight: 700;padding: 0.35rem 0.85rem;background: var(--primary-light);color: var(--primary);border: 1px solid rgba(63,119,175,0.2);border-radius: 9999px}.bento-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.75rem;margin-top: 2.5rem}.bento-card{background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 2rem;box-shadow: var(--shadow-sm);transition: transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;display: flex;flex-direction: column}.bento-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--primary-light)}.bento-card-icon{width: 48px;height: 48px;border-radius: 12px;background: var(--primary-light);color: var(--primary);font-size: 1.4rem;display: flex;align-items: center;justify-content: center;margin-bottom: 1.25rem;border: 1px solid rgba(63,119,175,0.15)}.bento-card h3{font-size: 1.2rem;margin-bottom: 0.5rem;color: var(--text-main)}.bento-card p{font-size: 0.92rem;color: var(--text-muted);line-height: 1.6;margin-bottom: 1rem;flex-grow: 1}.bento-tag{display: inline-block;font-size: 0.76rem;font-weight: 700;color: var(--primary);background: var(--primary-light);padding: 0.2rem 0.6rem;border-radius: 4px;align-self: flex-start;border: 1px solid rgba(63,119,175,0.12)}.products-suite-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 2rem;margin-top: 2.5rem}.product-suite-card{background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 2.25rem 2rem;display: flex;flex-direction: column;box-shadow: var(--shadow-sm);transition: transform 0.25s ease,box-shadow 0.25s ease}.product-suite-card.featured{border-color: var(--primary);box-shadow: 0 10px 30px rgba(63,119,175,0.15);position: relative}.product-suite-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg)}.product-suite-card h3{font-size: 1.35rem;margin-bottom: 0.35rem}.product-suite-card .suite-price{font-size: 1.6rem;font-weight: 800;color: var(--primary);margin: 0.75rem 0}.product-suite-card .suite-price span{font-size: 0.88rem;font-weight: 500;color: var(--text-muted)}.product-suite-card p{font-size: 0.92rem;color: var(--text-muted);line-height: 1.6;margin-bottom: 1.5rem;flex-grow: 1}.comparison-wrap{width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;margin: 3rem 0;border-radius: var(--radius-lg);border: 1px solid var(--border-subtle);background: var(--surface);box-shadow: var(--shadow-sm)}.comparison-table{width: 100%;border-collapse: collapse;font-size: 0.92rem;text-align: left}.comparison-table th,.comparison-table td{padding: 1rem 1.25rem;border-bottom: 1px solid var(--border-subtle)}.comparison-table th{background: var(--surface-alt);font-weight: 700;color: var(--text-main);font-size: 0.95rem}.comparison-table th.col-feature{width: 40%}.comparison-table th.col-edition{width: 20%;text-align: center}.comparison-table td.col-edition{text-align: center}.comparison-table tr.category-header td{background: rgba(63,119,175,0.05);font-weight: 700;color: var(--primary);text-transform: uppercase;font-size: 0.8rem;letter-spacing: 0.05em;padding: 0.85rem 1.25rem}.comparison-table tr:hover td{background: rgba(255,255,255,0.5)}.comparison-table .check-icon{color: var(--success);font-weight: bold}.comparison-table .dash-icon{color: var(--text-light)}.edition-deepdive{margin: 2.5rem 0 0}.edition-block{background: var(--surface);border: 1px solid var(--border-subtle);border-radius: var(--radius-xl);padding: 2.5rem;margin-bottom: 2.5rem;box-shadow: var(--shadow-md);transition: transform var(--transition-normal),box-shadow var(--transition-normal)}.edition-block:last-child{margin-bottom: 0}.edition-block:hover{box-shadow: var(--shadow-lg)}.edition-block.featured-block{border-color: var(--primary);background: linear-gradient(180deg,rgba(63,119,175,0.03) 0%,var(--surface) 100%)}.edition-block-header{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;gap: 1.5rem;margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid var(--border-subtle)}.edition-block-title h3{font-size: 1.8rem;margin-bottom: 0.4rem;color: var(--text-main)}.edition-block-title p{color: var(--text-muted);font-size: 1.05rem;max-width: 850px;line-height: 1.6}.edition-block-price{text-align: right}.edition-block-price .price-tag{font-size: 2rem;font-weight: 800;color: var(--primary)}.edition-block-price .price-period{color: var(--text-subtle);font-size: 0.9rem}.edition-features-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(280px,100%),1fr));gap: 1.5rem;margin-top: 1.5rem}.edition-feature-item{display: flex;gap: 0.85rem;align-items: flex-start;padding: 0.85rem;border-radius: var(--radius-md);border: 1.5px solid transparent;transition: all 0.25s cubic-bezier(0.16,1,0.3,1)}.edition-feature-item svg{flex-shrink: 0;color: var(--success);margin-top: 0.2rem}.edition-feature-item h4{font-size: 1rem;margin-bottom: 0.25rem;color: var(--text-main)}.edition-feature-item p{font-size: 0.88rem;color: var(--text-muted);line-height: 1.5}.cloud-sharing-guide-card{grid-column: 1 / -1;background: rgba(58,123,191,0.04);border: 1px solid rgba(58,123,191,0.18);border-radius: 12px;padding: 1.5rem;transition: border-color 0.3s ease,box-shadow 0.3s ease,background 0.3s ease}.cloud-sharing-guide-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(320px,100%),1fr));gap: 1.75rem}.cloud-service-levels-card{grid-column: 1 / -1;background: rgba(58,123,191,0.04);border: 1px solid rgba(58,123,191,0.18);border-radius: 12px;padding: 1.5rem;scroll-margin-top: 100px;transition: border-color 0.3s ease,box-shadow 0.3s ease,background 0.3s ease}.service-levels-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(280px,100%),1fr));gap: 1.25rem;margin-top: 1.25rem}.service-level-col{background: var(--bg-card,#ffffff);border: 1px solid var(--border-subtle);border-radius: var(--radius-md);padding: 1.25rem;display: flex;flex-direction: column}.service-level-col h5{font-size: 1.05rem;font-weight: 700;color: var(--text-main);margin: 0 0 0.55rem 0}.service-level-tag{font-size: 0.76rem;font-weight: 600;color: var(--primary);background: var(--primary-light);border-radius: var(--radius-sm);padding: 0.2rem 0.55rem;display: inline-block;margin-bottom: 0.85rem;width: fit-content}.service-level-col ul{margin: 0 0 0.85rem 1.15rem;padding: 0;list-style-type: disc;font-size: 0.86rem;line-height: 1.55;color: var(--text-main);flex-grow: 1}.service-level-note{font-size: 0.82rem;color: var(--text-muted);line-height: 1.5;background: var(--surface-alt);border-left: 3px solid var(--primary);padding: 0.5rem 0.75rem;border-radius: 0 4px 4px 0;margin-top: auto}.edition-feature-item.feature-highlight-pulse,.cloud-sharing-guide-card.feature-highlight-pulse,.cloud-service-levels-card.feature-highlight-pulse{animation: target-highlight-pulse 3s cubic-bezier(0.16,1,0.3,1) forwards !important}@keyframes target-highlight-pulse{0%{background: transparent;border-color: transparent;box-shadow: none;transform: scale(1)}15%{background: rgba(58,123,191,0.28);border-color: var(--primary,#3a7bbf);box-shadow: 0 0 0 7px rgba(58,123,191,0.38),0 8px 24px rgba(58,123,191,0.22);transform: scale(1.025)}38%{background: rgba(58,123,191,0.16);border-color: var(--primary,#3a7bbf);box-shadow: 0 0 0 3px rgba(58,123,191,0.2),0 4px 12px rgba(58,123,191,0.1);transform: scale(1)}58%{background: rgba(58,123,191,0.22);border-color: var(--primary,#3a7bbf);box-shadow: 0 0 0 5px rgba(58,123,191,0.28),0 6px 18px rgba(58,123,191,0.15);transform: scale(1.015)}75%{background: rgba(58,123,191,0.12);border-color: rgba(58,123,191,0.45);box-shadow: 0 0 0 2px rgba(58,123,191,0.18);transform: scale(1)}100%{background: transparent;border-color: transparent;box-shadow: none;transform: scale(1)}}.feature-level-badge{display: inline-flex;align-items: center;font-size: 0.65rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;padding: 0.18rem 0.55rem;border-radius: 9999px;text-decoration: none;line-height: 1.1;white-space: nowrap;vertical-align: middle;margin-left: 0.45rem;transition: all 0.2s cubic-bezier(0.16,1,0.3,1)}.feature-level-badge.level-premium{background: rgba(99,102,241,0.12);color: #4f46e5;border: 1px solid rgba(99,102,241,0.28)}.feature-level-badge.level-premium:hover{background: #4f46e5;color: #ffffff;border-color: #4f46e5;box-shadow: 0 2px 6px rgba(79,70,229,0.25);text-decoration: none}.feature-level-badge.level-standard{background: rgba(16,185,129,0.1);color: #059669;border: 1px solid rgba(16,185,129,0.25)}.feature-level-badge.level-standard:hover{background: #059669;color: #ffffff;border-color: #059669;box-shadow: 0 2px 6px rgba(5,150,105,0.25);text-decoration: none}.cloud-tiers-subgrid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 1.25rem;margin-top: 2rem}.cloud-tier-box{background: var(--surface-alt);border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);padding: 1.5rem}.cloud-tier-box h4{font-size: 1.15rem;margin-bottom: 0.35rem;color: var(--text-main)}.cloud-tier-box .tier-target{font-size: 0.85rem;color: var(--primary);font-weight: 600;margin-bottom: 0.75rem;display: block}.cloud-tier-box p{font-size: 0.86rem;color: var(--text-muted);line-height: 1.55;margin-bottom: 0.75rem}.blog-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,340px),1fr));gap: 2rem;justify-content: center}.blog-grid-related{grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr));gap: 1.5rem}.blog-card{display: flex;flex-direction: column;background: var(--bg-card);border: 1px solid #cbd5e1;border-radius: var(--radius-md);overflow: hidden;transition: var(--transition);text-decoration: none;color: inherit;box-shadow: 0 1px 3px rgba(15,23,42,0.06)}.blog-card:hover{border-color: var(--primary);transform: translateY(-4px);box-shadow: 0 12px 32px -8px rgba(63,119,175,0.2)}.blog-card-cover{position: relative;height: 200px;background: linear-gradient(135deg,var(--bg-subtle) 0%,rgba(63,119,175,0.08) 100%);overflow: hidden}.blog-card-cover img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease}.blog-card:hover .blog-card-cover img{transform: scale(1.05)}.blog-card-cover-fallback{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;color: var(--text-subtle);z-index: 0}.blog-card-cover img+.blog-card-cover-fallback{display: none}.blog-card-cover.no-img img{display: none}.blog-card-cover.no-img .blog-card-cover-fallback{display: flex}.blog-card-body{padding: 1.15rem;display: flex;flex-direction: column;flex-grow: 1}.blog-card-tags{display: flex;flex-wrap: wrap;gap: 0.35rem;margin-bottom: 0.4rem}.blog-card-tag{font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;padding: 0.15rem 0.5rem;border-radius: var(--radius-full);background: var(--primary-light);color: var(--primary)}.blog-card-title{font-size: 1.12rem;font-weight: 700;line-height: 1.3;margin-bottom: 0.4rem;color: var(--text-main)}.blog-card-excerpt{font-size: 0.88rem;color: var(--text-muted);line-height: 1.48;flex-grow: 1;margin-bottom: 0.65rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.blog-card-meta{display: flex;align-items: center;gap: 0.75rem;font-size: 0.78rem;color: var(--text-subtle);padding-top: 0.55rem;border-top: 1px solid var(--border-subtle)}.blog-card-read::before{content: '•';margin-right: 0.5rem}@keyframes shimmerSweep{0%{background-position: -250% 0}100%{background-position: 250% 0}}.shimmer-placeholder{background: #b0c0d2;background-image: linear-gradient( 90deg,#b0c0d2 0%,#cbd8e6 25%,#ffffff 50%,#cbd8e6 75%,#b0c0d2 100% );background-repeat: no-repeat;background-size: 250% 100%;animation: shimmerSweep 1.6s infinite ease-in-out;border-radius: 6px}.blog-card-tag-placeholder{display: inline-block;width: 60px;height: 18px;border-radius: 9999px;vertical-align: middle}.blog-card-excerpt-placeholder{flex-grow: 1;margin-bottom: 0.65rem;display: flex;flex-direction: column;gap: 0.45rem;justify-content: center;min-height: 40px;padding: 0.15rem 0}.shimmer-line{display: block;height: 11px;border-radius: 5px}.blog-tag-filter{display: flex;flex-wrap: wrap;gap: 0.5rem;justify-content: center}.blog-tag-btn{padding: 0.4rem 1rem;border-radius: var(--radius-full);border: 1px solid var(--border-subtle);background: transparent;color: var(--text-muted);font-size: 0.82rem;font-weight: 500;cursor: pointer;transition: var(--transition)}.blog-tag-btn:hover{border-color: var(--primary);color: var(--primary)}.blog-tag-btn.active{background: var(--primary);color: #fff;border-color: var(--primary)}.blog-empty{display: flex;flex-direction: column;align-items: center;gap: 1rem;padding: 4rem 1rem;text-align: center;color: var(--text-subtle)}.blog-post-page{padding: 1.25rem 0 2.5rem}.blog-back-link{display: inline-flex;align-items: center;gap: 0.4rem;font-size: 0.88rem;font-weight: 500;color: var(--primary);text-decoration: none;margin-bottom: 0.75rem;transition: var(--transition)}.blog-back-link:hover{opacity: 0.8;transform: translateX(-3px)}.blog-admin-edit-btn{display: inline-flex;align-items: center;gap: 0.45rem;font-size: 0.85rem;font-weight: 600;color: var(--primary);background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-md);padding: 0.42rem 0.85rem;text-decoration: none;box-shadow: var(--shadow-sm);transition: var(--transition)}.blog-admin-edit-btn:hover{background: var(--bg-subtle);border-color: var(--border-hover);color: var(--primary-dark);transform: translateY(-1px);box-shadow: var(--shadow-md)}.blog-post-header{margin: 0 auto 1.75rem;width: 100%}.blog-post-header h1{font-size: clamp(1.8rem,5vw,2.6rem);font-weight: 800;line-height: 1.22;margin-bottom: 0.75rem;letter-spacing: -0.02em}.blog-post-tags{display: flex;flex-wrap: wrap;gap: 0.4rem;margin-bottom: 0.5rem}.blog-post-tag{font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;padding: 0.22rem 0.6rem;border-radius: var(--radius-full);background: var(--primary-light);color: var(--primary)}.blog-post-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 1.25rem;font-size: 0.85rem;color: var(--text-muted);padding-bottom: 1.25rem;border-bottom: 1px solid var(--border-subtle)}.blog-post-meta span{display: inline-flex;align-items: center;gap: 0.35rem}.blog-post-meta svg{color: var(--text-subtle)}.blog-post-body{width: 100%;margin: 0 auto;font-size: 1.08rem;line-height: 1.8;color: var(--text-main);word-wrap: break-word}.blog-post-body h1,.blog-post-body h2{font-size: 1.65rem;font-weight: 700;margin: 2.25rem 0 1rem;color: var(--text-main);line-height: 1.35}.blog-post-body h3{font-size: 1.25rem;font-weight: 600;margin: 2rem 0 0.75rem}.blog-post-body p{margin-bottom: 1.25rem}.blog-post-body ul,.blog-post-body ol{margin-bottom: 1.25rem;padding-left: 1.5rem}.blog-post-body li{margin-bottom: 0.5rem;line-height: 1.65}.blog-post-body code{background: var(--bg-subtle);padding: 0.15rem 0.4rem;border-radius: 4px;font-size: 0.9em;font-family: var(--font-mono)}.blog-post-body pre{background: var(--bg-subtle);border: 1px solid var(--border-subtle);border-radius: var(--radius-md);padding: 1.25rem;overflow-x: auto;margin-bottom: 1.5rem}.blog-post-body pre code{background: none;padding: 0}.blog-post-body a{color: var(--primary);text-decoration: underline;text-underline-offset: 2px}.blog-post-body a:hover{color: var(--primary-hover)}.blog-post-body img{max-width: 100%;border-radius: var(--radius-md);margin: 1.5rem 0}.blog-post-body iframe,.blog-post-body .ql-video,.ql-editor .ql-video{width: 100%;aspect-ratio: 16 / 9;max-width: 100%;border-radius: var(--radius-md);margin: 1.5rem 0;border: none;display: block;background: #000}.blog-post-body blockquote{border-left: 4px solid var(--primary);padding: 1rem 1.5rem;margin: 1.5rem 0;background: var(--bg-subtle);border-radius: 0 var(--radius-md) var(--radius-md) 0;color: var(--text-muted);font-style: italic}.blog-post-loading,.blog-loading{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;padding: 4rem 0;color: var(--text-subtle);font-size: 0.95rem;font-weight: 500}.loading-spinner{width: 36px;height: 36px;border: 3px solid var(--border-subtle);border-top-color: var(--primary);border-radius: 50%;animation: spin 0.8s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.blog-post-separator{border: 0;border-top: 1px solid #cbd5e1;margin: 3.5rem 0 1.75rem;width: 100%}.blog-post-body hr{border: 0;border-top: 1px solid #cbd5e1;margin: 2.5rem 0}.blog-post-footer{display: flex;align-items: center;justify-content: space-between;margin-bottom: 2.5rem}.blog-related{margin-top: 3.5rem;padding-top: 2.5rem;border-top: 1px solid #cbd5e1}.blog-related h3{font-size: 1.4rem;font-weight: 700;margin-bottom: 1.5rem}.blog-admin-page{padding: 1.25rem 0 3rem;min-height: 80vh}.admin-header{display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 2rem;flex-wrap: wrap}.admin-header h1{font-size: 1.6rem;font-weight: 700;margin: 0}.admin-header p{color: var(--text-muted);font-size: 0.9rem;margin: 0.25rem 0 0}.admin-alert{padding: 0.85rem 1.25rem;border-radius: var(--radius-md);font-size: 0.9rem;font-weight: 500;margin-bottom: 1.5rem;animation: fadeIn 0.2s ease-out}.admin-alert-success{background: #ecfdf5;color: #065f46;border: 1px solid #a7f3d0}.admin-alert-danger{background: #fef2f2;color: #991b1b;border: 1px solid #fecaca}.admin-alert-warning{background: #fffbeb;color: #92400e;border: 1px solid #fde68a}@keyframes adminSpin{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.admin-spin{animation: adminSpin 0.75s linear infinite;display: inline-block;vertical-align: middle}.btn:disabled,.btn[disabled]{opacity: 0.65 !important;cursor: not-allowed !important;pointer-events: none !important}.admin-toolbar{display: flex;align-items: center;gap: 1rem;margin-bottom: 1.5rem;flex-wrap: wrap}.admin-search-wrap{display: flex;align-items: center;gap: 0.5rem;flex: 1;min-width: 200px;background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-md);padding: 0 0.85rem;transition: var(--transition)}.admin-search-wrap:focus-within{border-color: var(--primary);box-shadow: 0 0 0 3px var(--primary-glow)}.admin-search-wrap svg{color: var(--text-subtle);flex-shrink: 0}.admin-search{border: none;outline: none;background: transparent;padding: 0.65rem 0;font-size: 0.9rem;width: 100%;color: var(--text-main)}.admin-select{padding: 0.6rem 1rem;border-radius: var(--radius-md);border: 1px solid var(--border-subtle);background: var(--bg-card);font-size: 0.88rem;color: var(--text-main);cursor: pointer}.admin-tabs{display: flex;gap: 0.25rem;border-bottom: 1px solid var(--border-subtle);margin-bottom: 1.25rem}.admin-tab{appearance: none;background: none;border: 0;border-bottom: 2px solid transparent;margin-bottom: -1px;padding: 0.65rem 0.95rem;font: inherit;font-size: 0.9rem;font-weight: 600;color: var(--text-subtle);cursor: pointer;transition: color 0.15s ease,border-color 0.15s ease}.admin-tab:hover{color: var(--text-main)}.admin-tab.is-active{color: var(--color-primary,#2563eb);border-bottom-color: var(--color-primary,#2563eb)}.admin-tab:focus-visible{outline: 2px solid var(--color-primary,#2563eb);outline-offset: 2px;border-radius: 6px 6px 0 0}.order-intro{font-size: 0.875rem;color: var(--text-muted,#4b5563);margin-bottom: 1rem;max-width: 70ch}.order-tree{display: flex;flex-direction: column}.order-toplevel-gap{height: 0.6rem;border-radius: var(--radius-full,999px);transition: height 0.12s ease,background 0.12s ease}.order-tree.is-dragging-active .order-toplevel-gap{height: 1.1rem;background: repeating-linear-gradient( 90deg,var(--border-subtle) 0 6px,transparent 6px 12px);background-size: 100% 2px;background-repeat: no-repeat;background-position: center}.order-toplevel-gap.is-drop-gap{height: 1.6rem;background: rgba(37,99,235,0.14);box-shadow: inset 0 0 0 2px var(--color-primary,#2563eb)}.order-item-top{border: 1px solid var(--border-subtle);border-radius: var(--radius-lg,14px);background: var(--bg-card);padding: 0.7rem 0.9rem}.order-item-top .order-count{font-size: 0.72rem;font-style: italic}.order-group{border: 1px solid var(--border-subtle);border-radius: var(--radius-lg,14px);background: var(--bg-card);overflow: hidden;transition: box-shadow 0.15s ease,border-color 0.15s ease}.order-group.is-dragging{opacity: 0.45}.order-group.is-drop-target{border-color: var(--color-primary,#2563eb);box-shadow: 0 0 0 3px rgba(37,99,235,0.12)}.order-group-head{display: flex;align-items: center;gap: 0.65rem;padding: 0.7rem 0.9rem;background: var(--bg-subtle,#f8fafc);border-bottom: 1px solid var(--border-subtle)}.order-group-root>.order-group-head{background: transparent;border-bottom-style: dashed}.order-group-name{font-weight: 650;font-size: 0.92rem}.order-group-root .order-group-name{font-size: 0.75rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--text-subtle)}.order-count{margin-left: auto;font-size: 0.78rem;color: var(--text-subtle);white-space: nowrap}.order-items{padding: 0.35rem;min-height: 2.6rem}.order-items:empty::after,.order-items-empty::after{content: 'Drop an article here';display: flex;align-items: center;justify-content: center;height: 2.2rem;font-size: 0.8rem;color: var(--text-subtle);border: 1px dashed var(--border-subtle);border-radius: var(--radius-md,10px)}.order-item{display: flex;align-items: center;gap: 0.65rem;padding: 0.55rem 0.6rem;border-radius: var(--radius-md,10px);background: var(--bg-card);font-size: 0.88rem;transition: background 0.12s ease,box-shadow 0.12s ease}.order-item+.order-item{margin-top: 0.15rem}.order-item:hover{background: var(--bg-subtle,#f8fafc)}.order-item.is-dragging{opacity: 0.4}.order-item.is-drop-before{box-shadow: inset 0 2px 0 var(--color-primary,#2563eb)}.order-item.is-drop-after{box-shadow: inset 0 -2px 0 var(--color-primary,#2563eb)}.order-grip{flex-shrink: 0;display: inline-flex;color: var(--text-subtle);cursor: grab;padding: 0.15rem;border-radius: 5px;background: none;border: 0}.order-grip:active{cursor: grabbing}.order-grip:hover{color: var(--text-main);background: rgba(0,0,0,0.05)}.order-grip:focus-visible{outline: 2px solid var(--color-primary,#2563eb);outline-offset: 1px}.order-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.order-badge{flex-shrink: 0;font-size: 0.68rem;font-weight: 700;letter-spacing: 0.03em;text-transform: uppercase;color: #b45309;background: #fef3c7;border-radius: var(--radius-full,999px);padding: 0.1rem 0.45rem}.order-empty{border: 1px dashed var(--border-subtle);border-radius: var(--radius-lg,14px);padding: 2.5rem 1rem;text-align: center;color: var(--text-subtle)}.order-savebar{position: sticky;bottom: 1rem;display: flex;align-items: center;gap: 0.75rem;margin-top: 1rem;padding: 0.7rem 0.9rem;border: 1px solid var(--border-subtle);border-radius: var(--radius-lg,14px);background: var(--bg-card);box-shadow: var(--shadow-lg,0 10px 30px rgba(0,0,0,0.1))}.order-savebar-text{font-size: 0.85rem;font-weight: 600;margin-right: auto}@media (prefers-reduced-motion:reduce){.order-group,.order-item{transition: none}}.admin-posts-table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch;border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);background: var(--bg-card)}.admin-posts-table{width: 100%;border-collapse: collapse;min-width: 700px}.admin-posts-table th{text-align: left;padding: 0.85rem 1rem;font-size: 0.78rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;color: var(--text-subtle);background: var(--bg-subtle);border-bottom: 1px solid var(--border-subtle)}.admin-posts-table td{padding: 0.85rem 1rem;font-size: 0.9rem;border-bottom: 1px solid var(--border-subtle);vertical-align: middle}.admin-posts-table tbody tr:last-child td{border-bottom: none}.admin-posts-table tbody tr:hover{background: rgba(63,119,175,0.03)}.admin-cell-title strong{display: block;font-weight: 600;margin-bottom: 0.15rem}.admin-cell-title small{font-size: 0.78rem;font-family: var(--font-mono)}.admin-tag{display: inline-block;padding: 0.15rem 0.45rem;border-radius: var(--radius-full);background: var(--primary-light);color: var(--primary);font-size: 0.7rem;font-weight: 600;margin-right: 0.25rem}.admin-status{display: inline-block;padding: 0.2rem 0.6rem;border-radius: var(--radius-full);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.03em}.admin-status-published{background: #ecfdf5;color: #065f46}.admin-status-draft{background: #fffbeb;color: #92400e}.admin-cell-actions{display: flex;gap: 0.4rem}.admin-action-btn{width: 32px;height: 32px;border-radius: var(--radius-md);border: 1px solid var(--border-subtle);background: transparent;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition);color: var(--text-muted)}.admin-action-btn:hover{border-color: var(--primary);color: var(--primary);background: var(--primary-light)}.admin-action-delete:hover{border-color: #ef4444;color: #ef4444;background: #fef2f2}.admin-action-btn.admin-action-disabled,.admin-action-btn:disabled{opacity: 0.35;cursor: not-allowed;pointer-events: none}.admin-empty{display: flex;flex-direction: column;align-items: center;gap: 1rem;padding: 4rem 1rem;text-align: center;color: var(--text-subtle)}.admin-editor-header{display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 2rem;flex-wrap: wrap}.admin-editor-actions{display: flex;gap: 0.75rem}.admin-editor-form{display: flex;flex-direction: column;gap: 1.5rem}.admin-form-row{display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem}.admin-form-group{display: flex;flex-direction: column;gap: 0.4rem}.admin-form-group-full{grid-column: 1 / -1}.admin-form-group label{font-size: 0.85rem;font-weight: 600;color: var(--text-main)}.form-input{padding: 0.65rem 0.85rem;border: 1px solid var(--border-subtle);border-radius: var(--radius-md);font-size: 0.92rem;background: var(--bg-card);color: var(--text-main);transition: var(--transition)}.form-input:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px var(--primary-glow)}.form-textarea{padding: 0.65rem 0.85rem;border: 1px solid var(--border-subtle);border-radius: var(--radius-md);font-size: 0.92rem;background: var(--bg-card);color: var(--text-main);resize: vertical;font-family: var(--font-sans);transition: var(--transition)}.form-textarea:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px var(--primary-glow)}.form-hint{font-size: 0.78rem;color: var(--text-subtle)}#quillEditor{min-height: 350px;background: var(--bg-card);border-radius: 0 0 var(--radius-md) var(--radius-md)}.ql-toolbar.ql-snow{border-radius: var(--radius-md) var(--radius-md) 0 0;border-color: var(--border-subtle);background: var(--bg-subtle)}.ql-container.ql-snow{border-color: var(--border-subtle);border-radius: 0 0 var(--radius-md) var(--radius-md);font-size: 0.95rem;font-family: var(--font-sans)}.btn-danger{background: #ef4444;color: #fff;border: none;padding: 0.6rem 1.25rem;border-radius: var(--radius-md);font-weight: 600;cursor: pointer;transition: var(--transition)}.btn-danger:hover{background: #dc2626}.modal-overlay{position: fixed;inset: 0;z-index: 1100;background: rgba(10,31,56,0.5);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);display: flex;align-items: center;justify-content: center;animation: modalOverlayFadeIn 0.2s ease-out}.modal-box{background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-xl);padding: 2rem;max-width: 440px;width: 90%;box-shadow: 0 20px 60px -15px rgba(0,0,0,0.3);animation: modalBoxPopIn 0.2s cubic-bezier(0.16,1,0.3,1)}.modal-box h3{font-size: 1.2rem;margin-bottom: 0.75rem}.modal-box p{color: var(--text-muted);font-size: 0.92rem;line-height: 1.55;margin-bottom: 1.5rem}.modal-actions{display: flex;gap: 0.75rem;justify-content: flex-end}.home-blog-section{background: var(--bg-subtle)}.mobile-drawer-backdrop{display: none;position: fixed;inset: 0;background: rgba(10,31,56,0.45);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);z-index: 998;animation: fadeIn 0.2s ease-out}.mobile-drawer-backdrop.active{display: block}@media (max-width:992px){.nav-menu{display: none}.mobile-menu-btn{display: block}.split-feature,.split-feature.reverse{grid-template-columns: 1fr;gap: 2rem}.split-feature.reverse{direction: ltr}.split-feature-img{max-height: 420px;overflow: hidden}.split-feature-content h3{font-size: clamp(1.3rem,4vw,1.65rem)}.split-feature-content p{font-size: 0.98rem}.footer-grid{grid-template-columns: 1fr 1fr;gap: 2.5rem}.dashboard-layout{grid-template-columns: 1fr}.bento-grid,.products-suite-grid{grid-template-columns: 1fr;gap: 1.5rem}.section{padding: 3.5rem 0}.section-header h2{font-size: clamp(1.6rem,5vw,2.25rem)}.hero-video-section{padding: 5rem 0 3.5rem}.hero-preview{max-width: 100%}.comparison-table{min-width: 640px}}@media (max-width:768px){.hero h1{font-size: clamp(1.8rem,6.3vw,2.7rem)}.hero-subtitle{font-size: 1.05rem}.hero-cta{gap: 0.75rem}.pricing-card{padding: 2rem 1.5rem}.card{padding: 1.5rem 1.25rem}.persona-card{padding: 1.5rem}.compare-cta-box{padding: 2.5rem 1.5rem}.compare-cta-box h3{font-size: 1.5rem}.edition-block{padding: 2rem 1.5rem}}@media (max-width:640px){.container{padding: 0 1rem}.nav-wrap{padding: 0 0.75rem;height: 56px}.brand-logo{font-size: 1.1rem;gap: 0.25rem}.brand-logo img{height: 26px}.nav-actions .auth-btn-login,.nav-actions .auth-btn-signup{display: none}.mobile-nav-drawer{top: 56px;max-height: calc(100vh - 56px);padding: 1.25rem;border-radius: 0 0 18px 18px}.mobile-nav-drawer .nav-link{font-size: 1.05rem;padding: 0.85rem 0.75rem;min-height: 48px;display: flex;align-items: center}.footer-grid{grid-template-columns: 1fr}.section{padding: 2.5rem 0}.section-header{margin-bottom: 2rem}.section-header h2{font-size: clamp(1.4rem,6vw,1.8rem)}.section-header p{font-size: 0.95rem}.hero-video-section{padding: 4rem 0 2.5rem}.hero h1{font-size: clamp(1.58rem,7.2vw,2.16rem);margin: 1rem 0}.hero-subtitle{font-size: 0.95rem;margin-bottom: 1.5rem}.hero-cta{flex-direction: column;width: 100%;gap: 0.6rem;margin-bottom: 2rem}.hero-cta .btn{width: 100%;min-height: 48px;font-size: 0.95rem}.hero-formats-minimal{border-radius: var(--radius-md);padding: 0.6rem 0.85rem;font-size: 0.78rem;flex-wrap: wrap;justify-content: center;gap: 0.25rem}.hero-preview{padding: 0.35rem;border-radius: var(--radius-lg)}.hero-preview-window{border-radius: calc(var(--radius-lg) - 3px)}.preview-bar{padding: 0.5rem 0.75rem}.preview-title{font-size: 0.65rem}.preview-dot{width: 8px;height: 8px}.split-feature{margin-bottom: 3rem;gap: 1.5rem}.split-feature-img{max-height: 280px;border-radius: var(--radius-md)}.split-feature-content .badge{font-size: 0.72rem}.split-feature-content h3{font-size: clamp(1.15rem,5vw,1.4rem)}.split-feature-content p{font-size: 0.92rem;margin-bottom: 1rem}.feature-checklist{gap: 0.55rem}.feature-checklist li{font-size: 0.88rem;gap: 0.6rem}.feature-checklist li svg{width: 16px;height: 16px}.persona-card{padding: 1.25rem}.persona-card h3{font-size: 1.1rem}.persona-card p{font-size: 0.9rem}.pricing-card{padding: 1.75rem 1.25rem}.pricing-header h3{font-size: 1.2rem}.pricing-price .amount{font-size: 2.2rem}.pricing-features li{font-size: 0.85rem}.card{padding: 1.25rem 1rem}.download-card{padding: 1.5rem 1.25rem}.footer-brand p{font-size: 0.88rem}.footer-bottom{flex-direction: column;text-align: center;gap: 0.5rem}.footer-bottom span{font-size: 0.8rem}input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"],input[type="search"],input[type="url"],textarea,select{font-size: 16px}.form-input,.form-textarea{font-size: 16px;min-height: 46px}.btn{min-height: 44px;padding: 0.65rem 1.2rem}.btn-lg{min-height: 48px;padding: 0.75rem 1.4rem;font-size: 0.95rem}.edition-block{padding: 1.75rem 1.25rem}.edition-block h3{font-size: 1.2rem}.blog-card-cover{height: 160px}.blog-card-body{padding: 1.15rem}.blog-card-title{font-size: 1.05rem}.blog-card-excerpt{font-size: 0.85rem;-webkit-line-clamp: 2}.blog-post-page{padding: 1rem 0 2rem}.blog-post-body{font-size: 0.95rem}.blog-post-body h2{font-size: 1.3rem}.blog-post-meta{gap: 0.75rem;font-size: 0.8rem}.blog-tag-filter{gap: 0.35rem}.blog-tag-btn{font-size: 0.75rem;padding: 0.35rem 0.75rem}.blog-admin-page{padding: 1rem 0 2rem}.admin-form-row{grid-template-columns: 1fr}.admin-editor-header{flex-direction: column;align-items: flex-start}.admin-editor-actions{width: 100%}.admin-editor-actions .btn{flex: 1}}@media (max-width:480px){.hero h1{font-size: clamp(1.35rem,8.1vw,1.8rem);letter-spacing: -0.02em}.hero-subtitle{font-size: 0.9rem;line-height: 1.5}.badge,.badge-hero{font-size: 0.7rem;padding: 0.2rem 0.6rem}.split-feature-content h3{font-size: 1.1rem}.split-feature-content p{font-size: 0.88rem}.feature-checklist li{font-size: 0.84rem;line-height: 1.45}.section-header h2{font-size: 1.35rem}.section-header p{font-size: 0.88rem}.pricing-price .amount{font-size: 1.9rem}.pricing-features li{font-size: 0.82rem}.comparison-table th,.comparison-table td{padding: 0.75rem 0.85rem;font-size: 0.82rem}}.articles-layout{display: grid;grid-template-columns: 280px minmax(0,1fr);gap: 3rem;align-items: start;padding: 3rem 1rem 5rem}.articles-layout-index{grid-template-columns: minmax(0,1fr)}.articles-layout-index .articles-reader{max-width: 52rem;margin-inline: auto}.articles-sidebar{position: sticky;top: 90px;height: calc(100vh - 110px);overflow-y: auto;overscroll-behavior: contain;padding-right: 0.5rem}.articles-sidebar-title{font-size: 1.35rem;margin-bottom: 1.25rem}.articles-nav-group{margin-bottom: 0.9rem}.articles-nav-group+.articles-nav-group{border-top: 1px solid var(--border-hover,#cbd5e1);padding-top: 0.9rem}.articles-nav-heading{font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-subtle,#6b7280);margin-bottom: 0.5rem}.articles-nav-list{list-style: none;margin: 0;padding: 0}.articles-nav-link{display: block;padding: 0.45rem 0.75rem;border-left: 2px solid var(--border-color,#e5e7eb);color: var(--text-main);text-decoration: none;font-size: 0.9rem;line-height: 1.4;transition: var(--transition)}.articles-nav-link:hover{color: var(--primary);border-left-color: var(--primary);background: rgba(63,119,175,0.06)}.articles-nav-link.active{color: var(--primary);border-left-color: var(--primary);font-weight: 600;background: rgba(63,119,175,0.09)}.articles-reader{min-width: 0}.articles-reader-title{font-size: 2.15rem;font-weight: 800;line-height: 1.25;color: var(--text-main);margin-bottom: 0.75rem}.articles-reader-meta{display: flex;gap: 1.25rem;align-items: center;font-size: 0.9rem;color: var(--text-muted,#64748b);margin-bottom: 1.5rem;padding-bottom: 1rem;border-bottom: 1px solid var(--border-color,#e5e7eb)}.articles-reader-hero{margin: 1.5rem 0 2rem;border-radius: 12px;overflow: hidden;box-shadow: var(--shadow-md,0 4px 6px -1px rgba(0,0,0,0.1))}.articles-reader-hero img{width: 100%;max-height: 440px;object-fit: cover;display: block}.articles-reader-body{width: 100%;font-size: 1.08rem;line-height: 1.8;color: var(--text-main);word-wrap: break-word}.articles-reader-body h1,.articles-reader-body h2{font-size: 1.65rem;font-weight: 700;margin: 2.25rem 0 1rem;color: var(--text-main);line-height: 1.35}.articles-reader-body h3{font-size: 1.25rem;font-weight: 600;margin: 2rem 0 0.75rem}.articles-reader-body p{margin-bottom: 1.25rem;line-height: 1.8}.articles-reader-body p.lead{font-size: 1.15rem;line-height: 1.8;color: var(--text-secondary,#4b5563);margin-bottom: 1.75rem}.articles-reader-body ul,.articles-reader-body ol{margin-bottom: 1.25rem;padding-left: 1.5rem}.articles-reader-body li{margin-bottom: 0.5rem;line-height: 1.65}.articles-reader-body code{background: var(--bg-subtle,#f1f5f9);padding: 0.15rem 0.4rem;border-radius: 4px;font-size: 0.9em;font-family: var(--font-mono,monospace)}.articles-reader-body figure{margin: 2rem 0;text-align: center}.articles-reader-body figcaption{margin-top: 0.5rem;font-size: 0.9rem;color: var(--text-muted,#64748b);text-align: center}.articles-reader-body img,.articles-reader-body iframe{max-width: 100%}.articles-reader-body iframe{aspect-ratio: 16 / 9;height: auto;width: 100%}.articles-reader-body pre{background: var(--bg-subtle,#f1f5f9);border: 1px solid var(--border-subtle,#e2e8f0);border-radius: var(--radius-md,8px);padding: 1.25rem;overflow-x: auto;margin-bottom: 1.5rem}.articles-reader-body pre code{background: none;padding: 0}.articles-reader-body a{color: var(--primary);text-decoration: underline;text-underline-offset: 2px}.articles-reader-body a:hover{color: var(--primary-hover)}.articles-reader-body hr{margin: 2.5rem 0;border: none;border-top: 1px solid var(--border-color,#e5e7eb)}.articles-reader-permalink{margin-top: 2.5rem;padding-top: 1.5rem;border-top: 1px solid var(--border-color,#e5e7eb);font-size: 0.9rem}@media (max-width:900px){.articles-layout{grid-template-columns: 1fr;gap: 2rem}.articles-sidebar{position: static;height: auto;max-height: none;overflow: visible}.articles-layout .articles-reader{order: -1}}.free-trial-section{padding: 5rem 0}.free-trial-container{background: linear-gradient(135deg,rgba(63,119,175,0.05) 0%,rgba(99,102,241,0.04) 50%,rgba(14,165,233,0.05) 100%);border: 1px solid rgba(63,119,175,0.22);border-radius: var(--radius-xl);padding: 3.5rem 3rem;box-shadow: 0 12px 35px -10px rgba(63,119,175,0.1);position: relative}.free-trial-header{text-align: center;max-width: 760px;margin: 0 auto 3rem}.badge-trial{background: rgba(63,119,175,0.12);color: var(--primary);font-weight: 700;border: 1px solid rgba(63,119,175,0.25);font-size: 0.8rem;padding: 0.35rem 0.85rem;border-radius: var(--radius-full)}.free-trial-header h2{font-size: 2.35rem;margin: 0.85rem 0 1rem;letter-spacing: -0.02em;color: var(--text-main)}.free-trial-subtitle{font-size: 1.12rem;line-height: 1.65;color: var(--text-muted);margin: 0 auto}.free-trial-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 1.5rem;margin-bottom: 3rem}.free-trial-feature-card{background: var(--bg-card);border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);padding: 1.75rem 1.4rem;transition: var(--transition);box-shadow: var(--shadow-sm);display: flex;flex-direction: column}.free-trial-feature-card:hover{transform: translateY(-4px);border-color: rgba(63,119,175,0.38);box-shadow: var(--shadow-md)}.free-trial-icon{width: 46px;height: 46px;border-radius: var(--radius-md);background: var(--primary-light);color: var(--primary);display: flex;align-items: center;justify-content: center;margin-bottom: 1.15rem;flex-shrink: 0}.free-trial-feature-card h3{font-size: 1.08rem;font-weight: 700;margin-bottom: 0.5rem;color: var(--text-main);line-height: 1.35}.free-trial-feature-card p{font-size: 0.92rem;line-height: 1.55;color: var(--text-muted);margin: 0;flex-grow: 1}.free-trial-cta-wrap{text-align: center}.free-trial-actions{display: flex;align-items: center;justify-content: center;gap: 1rem;margin-bottom: 1.15rem;flex-wrap: wrap}.free-trial-footer-notes{font-size: 0.88rem;color: var(--text-subtle);display: flex;align-items: center;justify-content: center;min-height: 24px}.auth-logged-out-note,.auth-logged-in-note{display: inline-flex;align-items: center;gap: 0.5rem}.auth-logged-out-note svg,.auth-logged-in-note svg{color: var(--success);flex-shrink: 0}@media (max-width:992px){.free-trial-container{padding: 2.5rem 1.75rem}.free-trial-grid{grid-template-columns: repeat(2,1fr);gap: 1.25rem}.free-trial-header h2{font-size: 2rem}}@media (max-width:600px){.free-trial-grid{grid-template-columns: 1fr}.free-trial-actions{flex-direction: column;width: 100%}.free-trial-actions .btn{width: 100%}.free-trial-container{padding: 2rem 1.25rem}.free-trial-header h2{font-size: 1.7rem}.free-trial-subtitle{font-size: 1rem}}.hero-video-section .hero-cta{margin-bottom: 1.15rem}.hero-trial-info{display: flex;align-items: center;justify-content: center;margin: 0 auto 2.5rem}.hero-trial-pill{display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.85rem;color: #ffffff;background: rgba(16,185,129,0.16);border: 1px solid rgba(52,211,153,0.4);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding: 0.35rem 1.1rem;border-radius: var(--radius-full);box-shadow: 0 4px 12px rgba(0,0,0,0.2);text-shadow: 0 1px 2px rgba(0,0,0,0.6);font-weight: 500}.hero-trial-pill svg{color: #34d399;flex-shrink: 0}@media (max-width:600px){.hero-video-section .hero-cta{margin-bottom: 1rem}.hero-trial-info{margin-bottom: 1.75rem}.hero-trial-pill{font-size: 0.78rem;padding: 0.35rem 0.85rem;text-align: center;line-height: 1.4}}@media (max-width:640px){.cloud-sharing-guide-card,.cloud-service-levels-card{padding: 1rem}.cloud-sharing-guide-card{gap: 0}.cloud-sharing-guide-card>svg{display: none}.cloud-sharing-guide-grid{gap: 1.25rem}.cloud-sharing-guide-card .btn{white-space: normal;text-align: center}}