.crag-page{--cr-teal: #3AA497;--cr-teal-light: #4DB6AC;--cr-teal-bright: #6FD7CB;--cr-teal-dim: #2B8A7E;--cr-teal-glow: rgba(58, 164, 151, .14);--cr-bg: var(--color-bg);--cr-bg-card: var(--color-bg-card);--cr-text: var(--color-text);--cr-text-muted: var(--color-text-muted);--cr-text-dim: var(--color-text-muted);--cr-border: var(--color-border);--cr-border-hover: rgba(58, 164, 151, .4);min-height:100vh;position:relative;z-index:2;overflow-x:hidden}.crag{max-width:1100px;margin:0 auto;padding:var(--space-xl);position:relative}.crag__back{display:inline-flex;align-items:center;gap:6px;font-family:Sora,sans-serif;font-size:13px;color:var(--cr-text-muted);margin-bottom:var(--space-2xl);transition:color .2s}.crag__back:hover{color:var(--cr-teal-light)}.crag__hero{text-align:center;padding:var(--space-xl) 0 var(--space-2xl);position:relative}.crag__hero:before{content:"";position:absolute;top:-60px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,var(--cr-teal-glow) 0%,transparent 60%);pointer-events:none}.crag__hero-logo{height:64px;width:auto;margin:0 auto var(--space-md)}.crag__hero-title{font-family:Sora,sans-serif;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;margin-bottom:var(--space-md);color:var(--cr-text);letter-spacing:-.02em}.crag__hero-title span{color:var(--cr-teal-light)}.crag__hero-subtitle{font-family:Sora,sans-serif;font-size:var(--text-lg);font-weight:300;color:var(--cr-text-muted);max-width:600px;margin:0 auto var(--space-2xl);line-height:1.7}.crag__hero-subtitle strong{color:var(--cr-teal-bright);font-weight:500}.crag__hero-image-wrap{position:relative;max-width:900px;margin:0 auto;border-radius:14px;overflow:hidden;border:1px solid var(--cr-border);aspect-ratio:16 / 9;box-shadow:0 18px 48px #00000047}.crag__hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:crag-carousel 18s ease-in-out infinite}.crag__hero-slide--1{animation-delay:0s}.crag__hero-slide--2{animation-delay:-12s}.crag__hero-slide--3{animation-delay:-6s}@keyframes crag-carousel{0%,to{opacity:0}5%{opacity:1}33%{opacity:1}38%{opacity:0}}@media(prefers-reduced-motion:reduce){.crag__hero-slide{animation:none;opacity:1}.crag__hero-slide--2,.crag__hero-slide--3{display:none}}.crag__hero-image{width:100%;display:block}.crag__hero-image-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,var(--cr-bg) 100%);pointer-events:none;z-index:2}.crag__stats{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--cr-border);border:1px solid var(--cr-border);border-radius:8px;margin-bottom:var(--space-3xl);overflow:hidden}.crag__stat{background:var(--cr-bg-card);padding:var(--space-lg) var(--space-md);text-align:center;transition:background .3s}.crag__stat:hover{background:var(--cr-bg-elevated)}.crag__stat-icon{display:block;font-size:1.3rem;margin-bottom:var(--space-xs)}.crag__stat-value{display:block;font-family:Sora,sans-serif;font-size:var(--text-xl);font-weight:700;color:var(--cr-teal-light);margin-bottom:2px}.crag__stat-label{font-family:Sora,sans-serif;font-size:9px;color:var(--cr-text-dim);text-transform:uppercase;letter-spacing:.1em}.crag__section{margin-bottom:var(--space-3xl)}.crag__section-label{font-family:Sora,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--cr-teal-dim);margin-bottom:var(--space-md)}.crag__divider{height:1px;background:linear-gradient(90deg,var(--cr-teal) 0%,var(--cr-border) 40%,transparent 100%);margin-bottom:var(--space-2xl);opacity:.6}.crag__pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.crag__pipeline-step{background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:10px;padding:var(--space-xl) var(--space-md);text-align:center;transition:all .3s ease}.crag__pipeline-step:hover{border-color:var(--cr-teal);transform:translateY(-3px);box-shadow:0 12px 24px #0000004d}.crag__pipeline-icon{display:block;width:110px;height:110px;margin:0 auto var(--space-md);border-radius:50%;overflow:hidden;border:2px solid var(--cr-teal-glow);background:var(--cr-bg);box-shadow:0 6px 22px #3aa4972e}.crag__pipeline-icon img{width:100%;height:100%;object-fit:cover;display:block}.crag__pipeline-number{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--cr-teal);letter-spacing:.1em;margin-bottom:var(--space-xs)}.crag__pipeline-title{font-family:Sora,sans-serif;font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs)}.crag__pipeline-desc{font-family:Sora,sans-serif;font-size:var(--text-xs);color:var(--cr-text-muted);line-height:1.6}.crag__features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.crag__feature{background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:10px;padding:var(--space-xl);transition:all .3s ease;position:relative;overflow:hidden}.crag__feature:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--feat-color, var(--cr-teal));opacity:0;transition:opacity .3s}.crag__feature:hover{border-color:var(--feat-color, var(--cr-teal));transform:translateY(-3px);box-shadow:0 12px 24px #0000004d}.crag__feature:hover:before{opacity:1}.crag__feature-title{font-family:Sora,sans-serif;font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-sm);color:var(--feat-color, var(--cr-teal-light))}.crag__feature-desc{font-family:Sora,sans-serif;font-size:var(--text-sm);color:var(--cr-text-muted);line-height:1.6}.crag__benchmark{display:flex;flex-direction:column;gap:var(--space-lg);max-width:700px}.crag__bench-item{display:flex;flex-direction:column;gap:var(--space-xs)}.crag__bench-bar{height:8px;background:var(--cr-bg-elevated);border-radius:4px;overflow:hidden}.crag__bench-fill{height:100%;background:linear-gradient(90deg,var(--cr-teal-dim),var(--cr-teal-light));border-radius:4px;transition:width 1.5s ease}.crag__bench-meta{display:flex;justify-content:space-between;align-items:center}.crag__bench-name{font-family:Sora,sans-serif;font-size:var(--text-sm);color:var(--cr-text-muted)}.crag__bench-score{font-family:JetBrains Mono,monospace;font-size:var(--text-sm);color:var(--cr-teal-light);font-weight:600}.crag__stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.crag__stack-group{background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:10px;padding:var(--space-lg)}.crag__stack-label{font-family:Sora,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--cr-teal-dim);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--cr-border)}.crag__stack-pills{display:flex;flex-wrap:wrap;gap:6px}.crag__stack-pill{font-family:JetBrains Mono,monospace;font-size:11px;padding:4px 12px;border:1px solid var(--cr-border);border-radius:4px;color:var(--cr-text-muted);transition:all .2s}.crag__stack-pill:hover{border-color:var(--cr-teal);color:var(--cr-teal-light)}.crag__cta{text-align:center;padding:var(--space-3xl) var(--space-xl);background:var(--cr-bg-card);border:1px solid var(--cr-border);border-radius:12px;margin-bottom:var(--space-xl);position:relative;overflow:hidden}.crag__cta:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cr-teal-dim),var(--cr-teal-light),var(--cr-teal-bright))}.crag__cta-title{font-family:Sora,sans-serif;font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-sm)}.crag__cta-desc{font-family:Sora,sans-serif;font-size:var(--text-sm);color:var(--cr-text-dim);max-width:550px;margin:0 auto var(--space-lg);line-height:1.7}.crag__cta-badge{display:inline-block;font-family:JetBrains Mono,monospace;font-size:11px;padding:6px 20px;border:1px solid var(--cr-teal);border-radius:20px;color:var(--cr-teal-light);letter-spacing:.05em}.crag__hero-logo,.crag__hero-title,.crag__hero-subtitle,.crag__hero-image-wrap{animation:crag-up .7s ease forwards;opacity:0}.crag__hero-logo{animation-delay:.1s}.crag__hero-title{animation-delay:.2s}.crag__hero-subtitle{animation-delay:.35s}.crag__hero-image-wrap{animation-delay:.5s}@keyframes crag-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crag__hero-visit{display:inline-flex;align-items:center;gap:8px;margin-top:var(--space-xl);font-family:Sora,sans-serif;font-size:var(--text-sm);font-weight:600;padding:11px 28px;border-radius:8px;background:var(--cr-teal);color:#fff;transition:all .3s ease;letter-spacing:.02em}.crag__hero-visit:hover{background:var(--cr-teal-light);transform:translateY(-2px);box-shadow:0 10px 24px #3aa49752}.crag__hero-visit svg{transition:transform .3s ease}.crag__hero-visit:hover svg{transform:translate(2px,-2px)}@media(max-width:900px){.crag__stats{grid-template-columns:repeat(3,1fr)}.crag__pipeline,.crag__features{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.crag{padding:var(--space-sm)}.crag__hero-title{font-size:2rem}.crag__hero-subtitle{font-size:var(--text-base)}.crag__stats{grid-template-columns:repeat(2,1fr)}.crag__pipeline,.crag__features,.crag__stack{grid-template-columns:1fr}.crag__hero-logo{height:48px}}@media(max-width:400px){.crag__hero-title{font-size:1.6rem}.crag__stat-value{font-size:var(--text-base)}.crag__section-label{font-size:10px}}
