:root{--primitive-color-black: #000000;--primitive-color-white: #fafafa;--primitive-color-gray-950: #0a0a0a;--primitive-color-gray-900: #111111;--primitive-color-gray-800: #1a1a1a;--primitive-color-gray-700: #2a2a2a;--primitive-color-gray-600: #3a3a3a;--primitive-color-gray-500: #6b6b6b;--primitive-color-gray-400: #8a8a8a;--primitive-color-gray-300: #a3a3a3;--primitive-color-gray-200: #d4d4d4;--primitive-color-gray-100: #e5e5e5;--primitive-color-accent-500: #00ffcc;--primitive-color-accent-600: #00cc9f;--primitive-color-accent-glow: rgba(0, 255, 204, .15);--primitive-color-accent-border: rgba(0, 255, 204, .2);--primitive-color-green: #00cc88;--primitive-color-red: #ff4d4d;--primitive-color-yellow: #ffcc00;--primitive-fontFamily-display: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primitive-fontFamily-body: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primitive-fontFamily-mono: "SF Mono", "Fira Code", "Consolas", monospace;--primitive-fontFamily-sans: var(--primitive-fontFamily-body);--primitive-fontFamily-heading: var(--primitive-fontFamily-display);--primitive-fontSize-xs: .75rem;--primitive-fontSize-sm: .875rem;--primitive-fontSize-base: 1rem;--primitive-fontSize-lg: 1.125rem;--primitive-fontSize-xl: 1.25rem;--primitive-fontSize-2xl: 1.375rem;--primitive-fontSize-3xl: 1.75rem;--primitive-fontSize-4xl: 2.5rem;--primitive-fontSize-5xl: 4rem;--primitive-fontSize-6xl: 5.5rem;--primitive-fontWeight-regular: 400;--primitive-fontWeight-medium: 500;--primitive-fontWeight-semibold: 600;--primitive-fontWeight-bold: 700;--primitive-letterSpacing-tight: -.03em;--primitive-letterSpacing-normal: -.01em;--primitive-letterSpacing-wide: .05em;--primitive-letterSpacing-wider: .1em;--primitive-lineHeight-none: 1;--primitive-lineHeight-tight: 1.1;--primitive-lineHeight-snug: 1.2;--primitive-lineHeight-normal: 1.4;--primitive-lineHeight-relaxed: 1.6;--primitive-lineHeight-base: var(--primitive-lineHeight-normal);--primitive-spacing-0: 0;--primitive-spacing-1: .25rem;--primitive-spacing-2: .5rem;--primitive-spacing-3: .75rem;--primitive-spacing-4: 1rem;--primitive-spacing-5: 1.25rem;--primitive-spacing-6: 1.5rem;--primitive-spacing-8: 2rem;--primitive-spacing-10: 2.5rem;--primitive-spacing-12: 3rem;--primitive-spacing-16: 4rem;--primitive-spacing-20: 5rem;--primitive-spacing-24: 6rem;--primitive-spacing-32: 8rem;--primitive-spacing-40: 10rem;--primitive-radius-xs: 4px;--primitive-radius-sm: 6px;--primitive-radius-md: 8px;--primitive-radius-lg: 12px;--primitive-radius-xl: 16px;--primitive-radius-full: 100px;--primitive-border-width-none: 0;--primitive-border-width-thin: 1px;--primitive-border-width-md: 3px;--primitive-border-width-lg: 4px;--primitive-shadow-soft: 0 4px 24px -4px rgba(0, 0, 0, .4);--primitive-shadow-glow-brand: 0 4px 32px -4px rgba(0, 255, 204, .3);--primitive-shadow-glow-accent: 0 4px 32px -4px rgba(0, 255, 204, .2);--primitive-gradient-mesh-brand: radial-gradient(ellipse at 50% 0%, rgba(0, 255, 204, .08) 0%, transparent 50%);--primitive-gradient-mesh-accent: radial-gradient(ellipse at 50% 100%, rgba(0, 255, 204, .06) 0%, transparent 50%);--primitive-gradient-mesh-neutral: radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, .02) 0%, transparent 50%);--primitive-gradient-card-brand: linear-gradient(135deg, rgba(0, 255, 204, .05) 0%, transparent 50%);--primitive-gradient-card-accent: linear-gradient(135deg, rgba(0, 255, 204, .03) 0%, transparent 50%);--primitive-gradient-card-neutral: linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, transparent 100%);--primitive-duration-instant: 0ms;--primitive-duration-fast: 75ms;--primitive-duration-base: .15s;--primitive-duration-slow: .3s;--primitive-duration-slower: .6s;--primitive-duration-normal: var(--primitive-duration-slow);--primitive-easing-ease: ease;--primitive-easing-ease-out: ease-out;--primitive-easing-ease-in-out: ease-in-out;--primitive-easing-smooth: cubic-bezier(.4, 0, .2, 1);--primitive-easing-spring: cubic-bezier(.175, .885, .32, 1.275);--primitive-stagger-fast: 50ms;--primitive-stagger-base: .1s;--primitive-z-base: 0;--primitive-z-dropdown: 10;--primitive-z-sticky: 50;--primitive-z-header: 100;--primitive-z-modal: 200;--primitive-z-tooltip: 300;--primitive-opacity-10: .1;--primitive-opacity-15: .15;--primitive-opacity-40: .4;--primitive-opacity-50: .5;--primitive-opacity-60: .6;--primitive-opacity-80: .8;--primitive-container-sm: 800px;--primitive-container-md: 1280px;--primitive-container-lg: 1320px;--primitive-size-icon-sm: 20px;--primitive-size-icon-md: 40px;--primitive-size-icon-lg: 48px;--primitive-size-icon-xl: 56px;--primitive-size-icon-2xl: 64px;--primitive-size-avatar-sm: 36px;--primitive-size-avatar-md: 48px;--primitive-blur-sm: 8px;--primitive-blur-md: 12px;--primitive-blur-lg: 20px;--primitive-size-gradient-width: 800px;--primitive-size-gradient-height: 400px;--primitive-size-panel-sm: 220px;--primitive-position-loop-node-left: 27px;--primitive-position-loop-node-top: 62px;--primitive-stroke-dash-sm: 8 6;--primitive-stroke-dash-md: 12 6}:root{--max-width: var(--primitive-container-lg);--content-width: var(--primitive-container-sm);--transition-fast: var(--primitive-duration-fast) var(--primitive-easing-ease);--transition-base: var(--primitive-duration-base) var(--primitive-easing-ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--primitive-fontFamily-body);font-size:var(--primitive-fontSize-base);font-weight:var(--primitive-fontWeight-regular);line-height:var(--primitive-lineHeight-relaxed);color:var(--primitive-color-gray-300);background-color:var(--primitive-color-black)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--primitive-spacing-8)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--primitive-z-header);padding:var(--primitive-spacing-5) 0;background:var(--color-bg-overlay);backdrop-filter:blur(var(--primitive-blur-md));border-bottom:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--primitive-fontFamily-display);font-size:1.25rem;font-weight:700;color:var(--primitive-color-white);text-decoration:none}.logo span{color:var(--primitive-color-accent-500)}.nav{display:flex;align-items:center;gap:var(--primitive-spacing-10)}.nav-links{display:flex;gap:var(--primitive-spacing-8);list-style:none}.nav-link{font-size:.875rem;font-weight:500;color:var(--primitive-color-gray-400);text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover{color:var(--primitive-color-white)}.header-cta{display:flex;gap:var(--primitive-spacing-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--primitive-spacing-2);padding:var(--primitive-spacing-3) var(--primitive-spacing-5);font-family:var(--primitive-fontFamily-body);font-size:.875rem;font-weight:500;text-decoration:none;border-radius:var(--primitive-radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none}.btn-primary{background:var(--primitive-color-accent-500);color:var(--primitive-color-black)}.btn-primary:hover{background:var(--primitive-color-accent-600)}.btn-secondary{background:transparent;color:var(--primitive-color-gray-300);border:var(--primitive-border-width-thin) solid var(--primitive-color-gray-700)}.btn-secondary:hover{background:var(--primitive-color-gray-800);border-color:var(--primitive-color-gray-600);color:var(--primitive-color-white)}.btn-lg{padding:var(--primitive-spacing-4) var(--primitive-spacing-8);font-size:1rem}.hero{padding:var(--primitive-spacing-32) 0 var(--primitive-spacing-20);text-align:center;position:relative}.hero:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%);width:var(--primitive-size-gradient-width);height:var(--primitive-size-gradient-height);background:radial-gradient(ellipse,var(--primitive-color-accent-glow) 0%,transparent 70%);pointer-events:none;opacity:var(--primitive-opacity-40)}.hero-content{position:relative;z-index:1;max-width:var(--content-width);margin:0 auto}.hero-label{display:inline-flex;align-items:center;gap:var(--primitive-spacing-2);padding:var(--primitive-spacing-2) var(--primitive-spacing-4);margin-bottom:var(--primitive-spacing-6);font-family:var(--primitive-fontFamily-mono);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--primitive-color-gray-400);background:var(--primitive-color-gray-900);border:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800);border-radius:var(--primitive-radius-full)}.hero-title{font-family:var(--primitive-fontFamily-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--primitive-color-white);margin-bottom:var(--primitive-spacing-6)}.hero-title .vs{color:var(--primitive-color-gray-500);font-weight:400}.hero-title .accent{color:var(--primitive-color-accent-500)}.hero-subtitle{font-size:1.25rem;color:var(--primitive-color-gray-400);max-width:600px;margin:0 auto var(--primitive-spacing-10);line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:var(--primitive-spacing-4)}.comparison-section{padding:var(--primitive-spacing-20) 0}.section-label{font-family:var(--primitive-fontFamily-mono);font-size:.75rem;font-weight:500;color:var(--primitive-color-accent-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--primitive-spacing-4)}.section-title{font-family:var(--primitive-fontFamily-display);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--primitive-color-white);margin-bottom:var(--primitive-spacing-4)}.section-description{font-size:1.0625rem;color:var(--primitive-color-gray-400);line-height:1.6;max-width:600px;margin-bottom:var(--primitive-spacing-12)}.comparison-table{background:var(--primitive-color-gray-950);border:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800);border-radius:var(--primitive-radius-xl);overflow:hidden}.comparison-header{display:grid;grid-template-columns:1.5fr 1fr 1fr;background:var(--primitive-color-gray-900);border-bottom:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800)}.comparison-header-cell{padding:var(--primitive-spacing-6) var(--primitive-spacing-8);font-family:var(--primitive-fontFamily-display);font-size:1rem;font-weight:600;color:var(--primitive-color-white)}.comparison-header-cell.feature{font-family:var(--primitive-fontFamily-mono);font-size:.75rem;font-weight:500;color:var(--primitive-color-gray-500);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.comparison-header-cell.tekk{background:var(--primitive-color-accent-glow);color:var(--primitive-color-accent-500);border-left:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800)}.comparison-header-cell.competitor{color:var(--primitive-color-gray-400);border-left:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800)}.comparison-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;border-bottom:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800);transition:background var(--transition-fast)}.comparison-row:last-child{border-bottom:none}.comparison-row:hover{background:var(--primitive-color-gray-900)}.comparison-cell{padding:var(--primitive-spacing-5) var(--primitive-spacing-8);display:flex;align-items:center}.comparison-cell.feature{font-size:.9375rem;color:var(--primitive-color-gray-300)}.comparison-cell.tekk,.comparison-cell.competitor{justify-content:center;border-left:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800)}.check{color:var(--primitive-color-green)}.cross{color:var(--primitive-color-red)}.partial{color:var(--primitive-color-gray-500);font-size:.75rem;font-family:var(--primitive-fontFamily-mono)}.why-section{padding:var(--primitive-spacing-24) 0;background:var(--primitive-color-gray-950);border-top:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800);border-bottom:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--primitive-spacing-6);margin-top:var(--primitive-spacing-12)}.why-card{padding:var(--primitive-spacing-8);background:var(--primitive-color-black);border:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800);border-radius:var(--primitive-radius-lg)}.why-icon{display:flex;align-items:center;justify-content:center;width:var(--primitive-size-icon-lg);height:var(--primitive-size-icon-lg);margin-bottom:var(--primitive-spacing-5);background:var(--primitive-color-accent-glow);border:var(--primitive-border-width-thin) solid var(--primitive-color-accent-border);border-radius:var(--primitive-radius-lg);color:var(--primitive-color-accent-500)}.why-title{font-family:var(--primitive-fontFamily-display);font-size:1.125rem;font-weight:600;color:var(--primitive-color-white);margin-bottom:var(--primitive-spacing-3)}.why-description{font-size:.9375rem;color:var(--primitive-color-gray-400);line-height:1.6}.testimonial-section{padding:var(--primitive-spacing-24) 0}.testimonial-card{max-width:800px;margin:0 auto;padding:var(--primitive-spacing-12);background:var(--primitive-color-gray-950);border:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800);border-radius:var(--primitive-radius-xl);text-align:center}.testimonial-quote{font-family:var(--primitive-fontFamily-display);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:500;line-height:1.4;color:var(--primitive-color-white);margin-bottom:var(--primitive-spacing-8)}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:var(--primitive-spacing-4)}.testimonial-avatar{width:48px;height:48px;background:var(--primitive-color-gray-700);border-radius:50%}.testimonial-info{text-align:left}.testimonial-name{font-size:.9375rem;font-weight:600;color:var(--primitive-color-white)}.testimonial-role{font-size:.875rem;color:var(--primitive-color-gray-500)}.faq-section{padding:var(--primitive-spacing-24) 0;border-top:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--primitive-spacing-8);margin-top:var(--primitive-spacing-12)}.faq-item{padding:var(--primitive-spacing-6);background:var(--primitive-color-gray-950);border:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800);border-radius:var(--primitive-radius-lg)}.faq-question{font-family:var(--primitive-fontFamily-display);font-size:1rem;font-weight:600;color:var(--primitive-color-white);margin-bottom:var(--primitive-spacing-3)}.faq-answer{font-size:.9375rem;color:var(--primitive-color-gray-400);line-height:1.6}.cta-section{padding:var(--primitive-spacing-24) 0}.cta-box{position:relative;padding:var(--primitive-spacing-16);background:linear-gradient(135deg,var(--primitive-color-gray-900) 0%,var(--primitive-color-gray-950) 100%);border:var(--primitive-border-width-thin) solid var(--primitive-color-gray-800);border-radius:var(--primitive-radius-xl);text-align:center;overflow:hidden}.cta-box:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse,var(--primitive-color-accent-glow) 0%,transparent 70%);pointer-events:none;opacity:.4}.cta-content{position:relative;z-index:1}.cta-title{font-family:var(--primitive-fontFamily-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;color:var(--primitive-color-white);margin-bottom:var(--primitive-spacing-4)}.cta-description{font-size:1.0625rem;color:var(--primitive-color-gray-400);max-width:500px;margin:0 auto var(--primitive-spacing-8)}.cta-actions{display:flex;justify-content:center;gap:var(--primitive-spacing-4)}.footer{padding:var(--primitive-spacing-16) 0;border-top:var(--primitive-border-width-thin) solid var(--primitive-color-gray-900)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:var(--primitive-fontFamily-display);font-size:1.125rem;font-weight:700;color:var(--primitive-color-white);text-decoration:none}.footer-logo span{color:var(--primitive-color-accent-500)}.footer-links{display:flex;gap:var(--primitive-spacing-8);list-style:none}.footer-link{font-size:.875rem;color:var(--primitive-color-gray-500);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--primitive-color-gray-300)}.footer-copyright{font-size:.875rem;color:var(--primitive-color-gray-600)}@media(max-width:1024px){.why-grid{grid-template-columns:1fr}.nav-links{display:none}.comparison-header,.comparison-row{grid-template-columns:1.2fr 1fr 1fr}}@media(max-width:768px){.comparison-header,.comparison-row{grid-template-columns:1fr}.comparison-header-cell,.comparison-cell{border-left:none!important;justify-content:flex-start}.comparison-header-cell.tekk,.comparison-header-cell.competitor{display:none}.comparison-cell.tekk:before{content:"Tekk: ";color:var(--primitive-color-accent-500);margin-right:var(--primitive-spacing-2);font-family:var(--primitive-fontFamily-mono);font-size:.75rem}.comparison-cell.competitor:before{content:"Notion AI: ";color:var(--primitive-color-gray-500);margin-right:var(--primitive-spacing-2);font-family:var(--primitive-fontFamily-mono);font-size:.75rem}.faq-grid{grid-template-columns:1fr}.cta-actions{flex-direction:column}.footer-inner{flex-direction:column;gap:var(--primitive-spacing-6);text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}