@keyframes reveal-fade{to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes marquee{to{transform:translate(-50%)}}.crata-landing{--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl:clamp(2.5rem, 1rem + 4vw, 5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:2px;--radius-md:4px;--radius-lg:4px;--radius-xl:4px;--radius-2xl:4px;--radius-full:9999px;--ease:cubic-bezier(.16, 1, .3, 1);--t:.18s var(--ease);--content-narrow:640px;--content-default:960px;--content-wide:1200px;--font-display:var(--font-syne-var), sans-serif;--font-body:var(--font-dm-sans-var), sans-serif;--font-mono:var(--font-dm-mono-var), monospace;--color-bg:var(--black);--color-surface:#141414;--color-surface-2:var(--graphite);--color-surface-offset:#1f1f1f;--color-surface-dynamic:var(--carbon);--color-divider:#242424;--color-border:#333;--color-text:var(--offwhite);--color-text-muted:var(--mid);--color-text-faint:#85857f;--color-text-inverse:var(--black);--color-primary:var(--copper);--color-primary-hover:var(--copper-lt);--color-primary-active:#a14f24;--color-primary-highlight:#2d1a10;--color-bright:#ff5c1a;--color-bright-hover:#ff7a42;--color-green:#3ddb7e;--color-green-dim:#1a3327;--color-blue:#4fa8e8;--color-blue-dim:#152535;--color-red:#f05252;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 12px 40px #0009}@supports (color:lab(0% 0 0)){.crata-landing{--shadow-sm:0 1px 2px lab(0% 0 0/.35);--shadow-md:0 4px 16px lab(0% 0 0/.5);--shadow-lg:0 12px 40px lab(0% 0 0/.6)}}.crata-landing{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);overflow-x:hidden}.crata-landing *,.crata-landing :before,.crata-landing :after{box-sizing:border-box;margin:0;padding:0}.crata-landing img,.crata-landing svg,.crata-landing picture{max-width:100%;height:auto;display:block}.crata-landing ul[role=list],.crata-landing ol[role=list]{list-style:none}.crata-landing input,.crata-landing button,.crata-landing textarea,.crata-landing select{font:inherit;color:inherit}.crata-landing h1,.crata-landing h2,.crata-landing h3,.crata-landing h4,.crata-landing h5,.crata-landing h6{text-wrap:balance;line-height:1.1;font-family:var(--font-display)}.crata-landing p,.crata-landing li{text-wrap:pretty;max-width:72ch}.crata-landing button{cursor:pointer;background:0 0;border:none}.crata-landing a{color:inherit;text-decoration:none}.crata-landing :focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}.crata-landing a,.crata-landing button,.crata-landing [role=button]{transition:color var(--t), background var(--t), border-color var(--t), box-shadow var(--t), opacity var(--t)}.crata-landing section[id]{scroll-margin-top:88px}.crata-landing .fade-in{opacity:1}@supports (animation-timeline:scroll()){.crata-landing .fade-in{opacity:0;animation:linear both reveal-fade;animation-timeline:view();animation-range:entry entry 70%}.crata-landing .fade-in-d1{animation-delay:60ms}.crata-landing .fade-in-d2{animation-delay:.12s}.crata-landing .fade-in-d3{animation-delay:.18s}}.crata-landing .container{max-width:var(--content-wide);padding-inline:clamp(var(--space-4),4vw,var(--space-12));margin-inline:auto}.crata-landing .container--default{max-width:var(--content-default);padding-inline:clamp(var(--space-4),4vw,var(--space-8));margin-inline:auto}.crata-landing .btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);border-radius:var(--radius-md);white-space:nowrap;transition:all var(--t);font-weight:700;display:inline-flex}.crata-landing .btn-primary{background:var(--color-bright);color:var(--color-text-inverse);border:1px solid #0000}.crata-landing .btn-primary:hover{background:var(--color-bright-hover);box-shadow:0 0 28px oklch(from var(--color-bright) l c h / .4)}.crata-landing .btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.crata-landing .btn-ghost:hover{color:var(--color-text);border-color:var(--color-text-muted)}.crata-landing .btn-lg{padding:var(--space-4) var(--space-10);font-size:var(--text-base)}.crata-landing .section-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-3)}.crata-landing .section-title{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-text);font-weight:800;line-height:1.05}.crata-landing .section-title .muted{color:var(--color-text-faint)}.crata-landing .section-title .accent{color:var(--color-primary)}.crata-landing .hero{flex-direction:column;justify-content:flex-end;min-height:100dvh;padding-top:80px;display:flex;position:relative;overflow:hidden}.crata-landing .hero-bg{z-index:0;position:absolute;inset:0}.crata-landing .hero-grid{background-image:linear-gradient(var(--color-divider) 1px, transparent 1px), linear-gradient(90deg, var(--color-divider) 1px, transparent 1px);opacity:.25;background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 100%,#000 30%,#0000 70%);mask-image:radial-gradient(at 50% 100%,#000 30%,#0000 70%)}.crata-landing .hero-glow{background:radial-gradient(ellipse, oklch(from var(--color-primary) l c h / .13) 0%, transparent 65%);pointer-events:none;width:900px;height:700px;position:absolute;bottom:-200px;left:50%;transform:translate(-50%)}.crata-landing .hero-glow-2{background:radial-gradient(ellipse, oklch(from var(--color-primary) l c h / .05) 0%, transparent 70%);pointer-events:none;width:500px;height:500px;position:absolute;top:15%;right:0}.crata-landing .hero-content{z-index:1;padding-block:clamp(var(--space-20),12vw,var(--space-32)) 0;position:relative}.crata-landing .hero-eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-primary-hover);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-6);padding:var(--space-1) var(--space-3);background:var(--color-primary-highlight);border:1px solid oklch(from var(--color-primary) l c h / .3);border-radius:var(--radius-full);display:inline-flex}.crata-landing .hero-eyebrow-dot{background:var(--color-primary);border-radius:var(--radius-full);width:6px;height:6px;animation:2s ease-in-out infinite pulse}.crata-landing .hero-title{font-size:var(--fs-display);letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-8);font-weight:800;line-height:1.02}.crata-landing .hero-title em{color:var(--color-primary);font-style:normal}.crata-landing .hero-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:52ch;margin-bottom:var(--space-10);font-weight:400;line-height:1.5}.crata-landing .hero-cta{gap:var(--space-3);margin-bottom:clamp(var(--space-12),8vh,var(--space-24));flex-wrap:wrap;align-items:center;display:flex}.crata-landing .hero-stats{z-index:1;gap:clamp(var(--space-8),4vw,var(--space-16));padding-block:var(--space-8);border-top:1px solid var(--color-divider);display:flex;position:relative}.crata-landing .hero-stat-number{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);letter-spacing:-.02em;font-weight:800;line-height:1}.crata-landing .hero-stat-number span{color:var(--color-bright)}.crata-landing .hero-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;margin-top:var(--space-1)}@media (max-width:600px){.crata-landing .hero-stats{gap:var(--space-6);flex-wrap:wrap}.crata-landing .hero-stat-number{font-size:var(--text-xl)}}.crata-landing .scenario{padding-block:clamp(var(--space-16),8vw,var(--space-32));background:var(--color-surface);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}.crata-landing .scenario-grid{gap:clamp(var(--space-8),4vw,var(--space-16));margin-top:clamp(var(--space-8),4vw,var(--space-16));grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (max-width:768px){.crata-landing .scenario-grid{grid-template-columns:1fr}}.crata-landing .data-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden}.crata-landing .data-card-source{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4)}.crata-landing .data-card-number{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.03em;margin-bottom:var(--space-2);font-weight:800;line-height:1}.crata-landing .data-card-number.orange,.crata-landing .data-card-number.green{color:var(--color-bright)}.crata-landing .data-card-number.blue{color:var(--color-text)}.crata-landing .data-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.crata-landing .data-list{gap:var(--space-4);flex-direction:column;display:flex}.crata-landing .data-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex}.crata-landing .data-item-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.crata-landing .data-item-icon.orange,.crata-landing .data-item-icon.green,.crata-landing .data-item-icon.blue{background:var(--color-primary-highlight);color:var(--color-primary)}.crata-landing .data-item-icon svg{width:18px;height:18px}.crata-landing .data-item-title{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-1);font-weight:700}.crata-landing .data-item-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.crata-landing .benefits{padding-block:clamp(var(--space-16),8vw,var(--space-32))}.crata-landing .benefits-grid{gap:var(--space-4);margin-top:clamp(var(--space-8),4vw,var(--space-16));grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.crata-landing .benefits-grid{grid-template-columns:1fr}}.crata-landing .benefit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--t);position:relative;overflow:hidden}.crata-landing .benefit-card:after{content:"";background:radial-gradient(ellipse at top left, oklch(from var(--color-primary) l c h / .07), transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.crata-landing .benefit-card:hover{border-color:oklch(from var(--color-primary) l c h / .45);box-shadow:var(--shadow-md)}.crata-landing .benefit-card:hover:after{opacity:1}.crata-landing .benefit-card.full{gap:var(--space-8);grid-column:span 2;grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (max-width:640px){.crata-landing .benefit-card.full{grid-column:span 1;grid-template-columns:1fr}}.crata-landing .benefit-icon{background:var(--color-primary-highlight);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-primary);margin-bottom:var(--space-5);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.crata-landing .benefit-icon svg{width:24px;height:24px}.crata-landing .benefit-title{font-size:var(--text-xl);letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-3);z-index:1;font-weight:800;position:relative}.crata-landing .benefit-desc{font-size:var(--text-sm);color:var(--color-text-muted);z-index:1;line-height:1.65;position:relative}.crata-landing .benefit-visual{aspect-ratio:16/9;background:var(--color-surface-dynamic);border-radius:var(--radius-lg);position:relative;overflow:hidden}.crata-landing .benefit-visual-pattern{background-image:repeating-linear-gradient(45deg, transparent, transparent 10px, oklch(from var(--color-primary) l c h / .04) 10px, oklch(from var(--color-primary) l c h / .04) 11px);position:absolute;inset:0}.crata-landing .benefit-visual-center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.crata-landing .team{padding-block:clamp(var(--space-16),8vw,var(--space-32));background:var(--color-surface);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}.crata-landing .team-intro{max-width:650px;margin-bottom:clamp(var(--space-10),5vw,var(--space-20))}.crata-landing .team-intro p{font-size:var(--text-base);color:var(--color-text-muted);margin-top:var(--space-4);line-height:1.7}.crata-landing .team-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.crata-landing .team-grid{grid-template-columns:1fr}}.crata-landing .team-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--t);position:relative;overflow:hidden}.crata-landing .team-card:hover{border-color:oklch(from var(--color-primary) l c h / .4);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.crata-landing .team-card-top{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.crata-landing .team-avatar{border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface-dynamic);width:100px;height:100px;font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);transition:border-color var(--t);flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-weight:800;display:flex;overflow:hidden}.crata-landing .team-card:hover .team-avatar{border-color:oklch(from var(--color-primary) l c h / .6)}.crata-landing .team-avatar img{object-fit:cover;width:100%;height:100%}.crata-landing .team-name{font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-1);font-weight:800}.crata-landing .team-role{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-primary-hover);letter-spacing:.06em;text-transform:uppercase}.crata-landing .team-bio{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.65}.crata-landing .team-tags{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.crata-landing .tag{font-size:var(--text-xs);padding:2px var(--space-2);background:var(--color-surface-offset);border-radius:var(--radius-full);color:var(--color-text-muted);border:1px solid var(--color-border);font-family:var(--font-mono)}.crata-landing .team-linkedin{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-faint);letter-spacing:.04em;transition:color var(--t);display:inline-flex}.crata-landing .team-linkedin:hover{color:var(--color-primary-hover)}.crata-landing .team-linkedin svg{width:14px;height:14px}.crata-landing .team-highlight{padding:var(--space-3) var(--space-4);background:var(--color-primary-highlight);border:1px solid oklch(from var(--color-primary) l c h / .25);border-radius:var(--radius-lg);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-primary-hover);font-family:var(--font-mono);letter-spacing:.04em}.crata-landing .team-avatar-photo{border-radius:var(--radius-full);border:2px solid var(--color-border);flex-shrink:0;overflow:hidden;width:120px!important;height:120px!important}.crata-landing .team-avatar-photo img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.crata-landing .diff{padding-block:clamp(var(--space-16),8vw,var(--space-32))}.crata-landing .diff-intro{gap:clamp(var(--space-8),4vw,var(--space-16));margin-bottom:clamp(var(--space-10),5vw,var(--space-20));grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (max-width:768px){.crata-landing .diff-intro{grid-template-columns:1fr}}.crata-landing .diff-intro p{font-size:var(--text-base);color:var(--color-text-muted);margin-top:var(--space-4);line-height:1.7}.crata-landing .compare-wrap{border-radius:var(--radius-xl);border:1px solid var(--color-border);margin-top:clamp(var(--space-8),4vw,var(--space-16));overflow:hidden}.crata-landing .compare-table{border-collapse:collapse;width:100%}.crata-landing .compare-table th,.crata-landing .compare-table td{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);text-align:left;border-bottom:1px solid var(--color-divider)}.crata-landing .compare-table th{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;background:var(--color-surface-offset);color:var(--color-text-muted);font-weight:700}.crata-landing .compare-table th.crata-col{background:var(--color-primary-highlight);color:var(--color-primary-hover)}.crata-landing .compare-table tbody tr:last-child td{border-bottom:none}.crata-landing .compare-table tbody tr:nth-child(odd){background:oklch(from var(--color-surface) l c h / .5)}.crata-landing .compare-table td.crata-col{background:oklch(from var(--color-primary-highlight) l c h / .4)}.crata-landing .check{color:var(--color-green);font-weight:700}.crata-landing .cross{color:var(--color-red)}.crata-landing .partial{color:var(--color-blue)}.crata-landing .compare-note{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.crata-landing .process{padding-block:clamp(var(--space-16),8vw,var(--space-32));background:var(--color-surface);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}.crata-landing .process-steps{gap:var(--space-4);margin-top:clamp(var(--space-8),4vw,var(--space-16));grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:900px){.crata-landing .process-steps{grid-template-columns:1fr 1fr}}@media (max-width:500px){.crata-landing .process-steps{grid-template-columns:1fr}}.crata-landing .process-step{position:relative}.crata-landing .process-step:not(:last-child):after{content:"";width:calc(var(--space-4) - 16px);background:var(--color-divider);height:2px;position:absolute;top:22px;left:calc(100% + 8px)}@media (max-width:900px){.crata-landing .process-step:not(:last-child):after{display:none}}.crata-landing .step-num{border-radius:var(--radius-full);border:2px solid var(--color-primary);width:44px;height:44px;font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.crata-landing .step-title{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-2);font-weight:700}.crata-landing .step-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.crata-landing .cta-section{padding-block:clamp(var(--space-20),10vw,var(--space-32));text-align:center;position:relative;overflow:hidden}.crata-landing .cta-glow{background:radial-gradient(ellipse, oklch(from var(--color-primary) l c h / .13), transparent 70%);pointer-events:none;width:700px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crata-landing .cta-content{z-index:1;position:relative}.crata-landing .cta-pre{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-4)}.crata-landing .cta-title{letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-6);font-size:clamp(2rem,1rem + 4vw,4rem);font-weight:800;line-height:1.05}.crata-landing .cta-sub{font-size:var(--text-lg);color:var(--color-text-muted);max-width:45ch;margin:0 auto var(--space-10);line-height:1.5}.crata-landing .cta-buttons{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.crata-landing .marquee-wrap{border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);padding-block:var(--space-4);background:var(--color-surface);overflow:hidden}.crata-landing .marquee-track{gap:var(--space-8);width:max-content;animation:35s linear infinite marquee;display:flex}.crata-landing .marquee-track:hover{animation-play-state:paused}.crata-landing .marquee-item{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-faint);white-space:nowrap;display:flex}.crata-landing .marquee-item span{color:var(--color-primary);font-weight:700}.crata-landing .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
