@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&family=Oswald:wght@400;500;600;700&display=swap";.header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:background-color var(--transition-normal),box-shadow var(--transition-normal),backdrop-filter var(--transition-normal)}.header-container{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-xl)}.header-logo{display:flex;flex-direction:column;background:none;border:none;cursor:pointer;text-align:left;padding:0;transition:opacity var(--transition-fast)}.header-logo:hover{opacity:.7}.logo-text{font-family:var(--font-heading);font-weight:var(--font-weight-bold);font-size:1.375rem;color:var(--color-midnight-blue);letter-spacing:.02em;text-transform:uppercase;line-height:1.1}.logo-subtitle{font-family:var(--font-body);font-size:.6875rem;color:var(--color-sardius-red);letter-spacing:.03em;font-weight:var(--font-weight-medium);margin-top:2px}.header-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-list{display:flex;align-items:center;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.nav-link{font-family:var(--font-body);font-weight:var(--font-weight-medium);font-size:.875rem;color:var(--color-midnight-blue);background:none;border:none;text-transform:none;letter-spacing:.01em;padding:var(--spacing-sm) var(--spacing-xs);position:relative;cursor:pointer;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-sardius-red);transition:width var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-sardius-red)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;background-color:var(--color-sardius-red);color:var(--color-white);font-family:var(--font-body);font-weight:var(--font-weight-medium);font-size:.875rem;text-decoration:none;border-radius:var(--radius-full);transition:background-color var(--transition-fast),transform var(--transition-fast)}.nav-cta:hover{background-color:var(--color-sardius-red-hover);transform:scale(1.02);color:var(--color-white)}.mobile-menu-toggle{display:none;background:#fffffff2;border:none;padding:var(--spacing-sm);cursor:pointer;z-index:101;border-radius:var(--radius-sm)}.hamburger{display:block;width:24px;height:2px;background-color:var(--color-text);position:relative;transition:background-color var(--transition-fast)}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:var(--color-text);transition:transform var(--transition-fast),background-color var(--transition-fast)}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.hamburger.open{background-color:transparent}.hamburger.open:before{transform:translateY(8px) rotate(45deg);background-color:var(--color-text)}.hamburger.open:after{transform:translateY(-8px) rotate(-45deg);background-color:var(--color-text)}.mobile-overlay{display:none}@media (max-width: 900px){.header{overflow:visible}.header-container{padding:0 var(--spacing-lg)}.mobile-menu-toggle{display:block;position:relative;z-index:10000}.header-nav{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xl);background-color:#fff;padding:var(--spacing-2xl);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);z-index:9999}.header-nav.open{opacity:1;visibility:visible}.nav-list{flex-direction:column;align-items:center;gap:var(--spacing-lg)}.nav-link{font-size:1.25rem;color:var(--color-text)}.nav-cta{font-size:1rem;padding:.875rem 2rem}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:9998}}@media (max-width: 768px){.logo-text{font-size:1.125rem}.logo-subtitle{font-size:.625rem}}.footer{background-color:var(--color-sardius-red);color:var(--color-white);padding:60px 0 40px;width:100%}.footer-container{max-width:1200px;margin:0 auto;padding:0 40px}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:50px}.footer-brand-section{display:flex;flex-direction:column;gap:24px}.footer-logo-link{display:inline-block;text-decoration:none;transition:opacity var(--transition-fast)}.footer-logo-link:hover{opacity:.85}.footer-logo-img{height:40px;width:auto;display:block}.footer-social{display:flex;gap:12px}.footer-social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-white);transition:opacity var(--transition-fast)}.footer-social a:hover{opacity:.75}.social-icon{width:24px;height:24px}.footer-nav-section{display:flex;justify-content:flex-end}.footer-nav{display:flex;gap:120px}.footer-nav-column{display:flex;flex-direction:column;gap:12px}.footer-nav a{font-family:var(--font-body);font-size:1rem;font-weight:400;color:var(--color-white);text-decoration:none;transition:opacity var(--transition-fast);white-space:nowrap;line-height:1.5}.footer-nav a:hover{opacity:.75}.footer-bottom{display:flex;flex-direction:column;gap:16px}.footer-legal{display:flex;flex-wrap:wrap;gap:8px 32px}.footer-legal a,.footer-legal .cookies-btn{font-family:var(--font-body);font-size:.8125rem;font-weight:400;color:var(--color-white);text-decoration:none;transition:opacity var(--transition-fast);background:none;border:none;padding:0;cursor:pointer;line-height:1.5}.footer-legal a:hover,.footer-legal .cookies-btn:hover{opacity:.75}.footer-copyright{font-family:var(--font-body);font-size:.8125rem;font-weight:400;color:var(--color-white);margin:0;line-height:1.5}@media (max-width: 900px){.footer{padding:48px 0 32px}.footer-container{padding:0 24px}.footer-main{flex-direction:column;gap:40px;margin-bottom:40px}.footer-nav{gap:60px}.footer-legal{gap:8px 24px}}@media (max-width: 600px){.footer{padding:40px 0 24px}.footer-container{padding:0 20px}.footer-brand-section{align-items:flex-start}.footer-logo-img{height:32px}.footer-nav{flex-direction:column;gap:24px}.footer-nav-column{gap:10px}.footer-nav a{font-size:.9375rem}.footer-legal{flex-direction:column;gap:8px}.footer-bottom{gap:20px}}.comparison-section{padding:var(--section-padding-md) 0;padding-top:calc(var(--header-height) + var(--spacing-2xl));background-color:var(--color-background)}.comparison-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.comparison-header{text-align:center;margin-bottom:var(--spacing-2xl)}.comparison-header h2{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-bold);color:var(--color-midnight-blue);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--spacing-sm)}.comparison-subtitle{font-family:var(--font-body);font-size:1rem;color:var(--color-text-muted);font-weight:var(--font-weight-light)}.comparison-intro{text-align:center;max-width:800px;margin:0 auto var(--spacing-2xl);padding:var(--spacing-lg);background:var(--color-background-alt);border-radius:var(--radius-lg);font-size:.9375rem;line-height:1.7;color:var(--color-text)}.mobile-platform-cards{display:none;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}@media (max-width: 900px){.mobile-platform-cards{display:flex}.table-wrapper{display:none}}.platform-card{padding:var(--spacing-lg)}.platform-card.featured{border:2px solid var(--color-sardius-red);position:relative}.platform-card.featured:before{content:"Recommended";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-sardius-red);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.platform-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-light-grey)}.platform-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-heading);font-weight:var(--font-weight-bold);font-size:.875rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;transition:background-color var(--transition-fast);white-space:nowrap}.platform-badge.youtube{background-color:red;color:var(--color-white)}.platform-badge.vimeo{background-color:#1ab7ea;color:var(--color-white)}.platform-badge.sardius{background-color:var(--color-sardius-red);color:var(--color-white)}.platform-tagline{font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.platform-card-specs{display:flex;flex-direction:column;gap:var(--spacing-sm)}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.spec-name{font-weight:var(--font-weight-medium);color:var(--color-text-muted);font-size:.875rem}.spec-val{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:.875rem;text-align:right}.spec-val.positive{color:#16a34a}.spec-val.negative{color:#dc2626}.card-cta{display:block;width:100%;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-sardius-red);border:2px solid var(--color-sardius-red);border-radius:var(--radius-md);color:var(--color-white);font-family:var(--font-body);font-weight:var(--font-weight-medium);font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);text-align:center;text-decoration:none}.card-cta:hover{background:var(--color-sardius-red-hover);border-color:var(--color-sardius-red-hover);color:var(--color-white)}.mobile-sardius-advantages{padding:var(--spacing-lg);background:var(--color-background-alt)}.mobile-sardius-advantages h4{font-family:var(--font-heading);font-size:1.125rem;margin-bottom:var(--spacing-md);color:var(--color-midnight-blue)}.mobile-sardius-advantages ul{list-style:none;padding:0;margin:0}.mobile-sardius-advantages li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:.875rem;color:var(--color-text)}.mobile-sardius-advantages li:before{content:"✔";position:absolute;left:0;color:#16a34a;font-weight:var(--font-weight-bold)}.table-wrapper{margin-bottom:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:none}@media (min-width: 1200px){.table-wrapper{overflow:visible}}@media (max-width: 1199px){.table-wrapper{overflow-x:auto}.detailed-comparison-table thead th{position:static}}.detailed-comparison-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-white);font-size:.8125rem}.detailed-comparison-table th,.detailed-comparison-table td{padding:var(--spacing-md);text-align:center;border-bottom:1px solid var(--color-light-grey);border-right:1px solid var(--color-light-grey)}.detailed-comparison-table th:last-child,.detailed-comparison-table td:last-child{border-right:none}.detailed-comparison-table th:first-child,.detailed-comparison-table td:first-child{text-align:left;font-weight:var(--font-weight-medium);position:sticky;left:0;background:var(--color-white);z-index:1}.detailed-comparison-table thead th{padding:var(--spacing-lg) var(--spacing-md);border-bottom:2px solid var(--color-midnight-blue);min-width:180px;background:var(--color-midnight-blue);color:var(--color-white);border-right:1px solid rgba(255,255,255,.2);position:sticky;top:var(--header-height);z-index:10}.detailed-comparison-table thead th:last-child{border-right:none}.detailed-comparison-table thead th:first-child{background:var(--color-background);z-index:11;left:0;border-bottom:none;min-width:200px}.detailed-comparison-table thead th.featured-column{background:var(--color-sardius-red)}.detailed-comparison-table thead .platform-badge{margin-bottom:var(--spacing-xs);font-size:1.125rem;padding:var(--spacing-sm) var(--spacing-md);background:#fff3}.detailed-comparison-table thead .use-case{font-size:.8125rem;font-weight:var(--font-weight-regular);opacity:.9;margin-top:var(--spacing-xs);white-space:nowrap}.detailed-comparison-table thead .view-demo-btn{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-sm);color:#ffffffe6;font-family:var(--font-body);font-size:.6875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;display:inline-block}.detailed-comparison-table thead .view-demo-btn:hover{background:var(--color-white);border-color:var(--color-white);color:var(--color-sardius-red)}.category-row{background-color:var(--color-background-alt)}.category-header{background-color:var(--color-background-alt)!important;font-family:var(--font-heading);font-weight:var(--font-weight-bold)!important;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-midnight-blue);position:sticky;left:0;z-index:2;white-space:nowrap}.category-header-spacer{background-color:var(--color-background-alt)!important}.detailed-comparison-table .highlight{background-color:#fe3a1f14;font-weight:var(--font-weight-medium)}.detailed-comparison-table .sardius-column{background-color:#fe3a1f08}.detailed-comparison-table .checkmark{color:#16a34a;font-weight:var(--font-weight-bold)}.checkmark-icon{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:2px}.detailed-comparison-table tbody tr:hover td,.detailed-comparison-table tbody tr:hover td:first-child{background-color:#08162b05}.detailed-comparison-table tbody tr:hover td.sardius-column{background-color:#fe3a1f0f}.comparison-cta{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:linear-gradient(135deg,var(--color-midnight-blue) 0%,#1a2d4a 100%);border-radius:var(--radius-2xl);color:var(--color-white)}.comparison-cta h3{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--spacing-sm)}.comparison-cta p{font-size:1rem;opacity:.9;margin-bottom:var(--spacing-lg);max-width:500px;margin-left:auto;margin-right:auto}.comparison-cta .cta-button{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;background-color:var(--color-sardius-red);color:var(--color-white);font-family:var(--font-body);font-weight:var(--font-weight-medium);font-size:1rem;text-decoration:none;border-radius:var(--radius-full);transition:background-color var(--transition-fast),transform var(--transition-fast)}.comparison-cta .cta-button:hover{background-color:var(--color-sardius-red-hover);transform:scale(1.02);color:var(--color-white)}@media (max-width: 768px){.comparison-section{padding:var(--section-padding-sm) 0}.comparison-container{padding:0 var(--spacing-md)}.platform-card .platform-badge{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.platform-tagline{font-size:.75rem}.comparison-cta{padding:var(--spacing-2xl) var(--spacing-lg)}}:root{--color-sardius-red: #FE3A1F;--color-sardius-red-hover: #e63318;--color-midnight-blue: #08162B;--color-light-blue: #80C1C7;--color-light-grey: #E0E1E5;--color-dark-grey: #0c0c0c;--color-white: #FFFFFF;--color-black: #000000;--color-primary: var(--color-sardius-red);--color-secondary: var(--color-light-blue);--color-background: var(--color-white);--color-background-dark: var(--color-midnight-blue);--color-background-alt: #f8f9fa;--color-text: var(--color-midnight-blue);--color-text-light: var(--color-white);--color-text-muted: #4a5568;--font-heading: "Oswald", sans-serif;--font-body: "Inter", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-black: 900;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-5xl: 8rem;--spacing-6xl: 10rem;--container-max: 1200px;--container-tablet: 810px;--container-mobile: 390px;--section-padding-lg: 150px;--section-padding-md: 80px;--section-padding-sm: 40px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 30px;--radius-full: 9999px;--card-radius: 30px;--card-border: 1px solid rgba(8, 22, 43, .1);--card-shadow: 0 4px 24px rgba(8, 22, 43, .08);--card-shadow-hover: 0 12px 40px rgba(8, 22, 43, .15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--transition-spring: .3s cubic-bezier(.4, 0, .2, 1);--animation-duration-fast: .3s;--animation-duration-normal: .6s;--animation-duration-slow: 1.2s;--header-height: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:var(--font-weight-regular);font-size:1rem;color:var(--color-text);background-color:var(--color-background);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){html{font-size:16px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-medium);line-height:1.2;color:var(--color-text)}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{font-family:var(--font-body);font-weight:var(--font-weight-regular);margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-midnight-blue)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);font-weight:var(--font-weight-medium);cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-light{color:var(--color-text-light)}.bg-dark{background-color:var(--color-background-dark)}.bg-light-grey{background-color:var(--color-light-grey)}section{padding:var(--spacing-4xl) 0}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}html{scroll-padding-top:var(--header-height)}section[id]{scroll-margin-top:var(--header-height)}.card{background:var(--color-white);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:transform var(--transition-spring),box-shadow var(--transition-spring)}.card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;background-color:var(--color-sardius-red);color:var(--color-white);font-family:var(--font-body);font-weight:var(--font-weight-medium);font-size:1rem;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-normal),transform var(--transition-fast)}.btn-primary:hover{background-color:var(--color-sardius-red-hover);transform:scale(1.02)}.section{padding:var(--section-padding-md) 0}@media (min-width: 1024px){.section{padding:var(--section-padding-lg) 0}}@media (max-width: 768px){.section{padding:var(--section-padding-sm) 0}}.section-alt{background-color:var(--color-background-alt)}.section-dark{background-color:var(--color-background-dark);color:var(--color-text-light)}.container-narrow{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-xl)}@media (max-width: 768px){.container-narrow{padding:0 var(--spacing-lg)}}.heading-xl{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-weight-bold);line-height:1.1;letter-spacing:-.02em;text-transform:uppercase}.heading-lg{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:-.01em}.heading-md{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-medium);line-height:1.3}.animate-fade-in{animation:fadeIn var(--animation-duration-normal) ease-out forwards}.animate-slide-up{animation:slideUp var(--animation-duration-normal) ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}*{animation:none!important;transition:none!important}.section{padding:2rem 0;page-break-inside:avoid}}